:root{--tab-green:#22c55e;--tab-amber:#f59e0b;--tab-purple:#8b5cf6;--tab-blue:#3b82f6;--tab-red:#ef4444;--tab-pink:#ec4899;--tab-teal:#14b8a6;--tab-orange:#f97316;--font-display:"Fraunces",Georgia,serif;--font-body:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-base:.8125rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-5xl:3.5rem;--leading-loose:1.8;--tracking-wider:.05em;--tracking-widest:.1em;--space-0:0;--space-3:.75rem;--space-5:1.5rem;--space-8:3rem;--space-12:5rem;--space-16:8rem;--radius-none:0;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--shadow-inner:inset 0 1px 3px #0000001a;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--sidebar-width:280px;--sidebar-width-collapsed:48px;--sidebar-bg:#1c1c1e;--sidebar-border:var(--phino-neutral-2,#262626);--sidebar-text:var(--phino-text-inverse,#f2f2f2);--sidebar-text-muted:var(--phino-text-tertiary,gray);--sidebar-hover:var(--phino-neutral-2,#262626);--sidebar-active:var(--phino-neutral-2,#262626);--sidebar-active-border:var(--phino-tint-primary,#f9a826);--tabbar-bg:var(--phino-neutral-2,#262626);--tabbar-border:var(--phino-neutral-3,#333);--tab-bg:var(--phino-neutral-3,#333);--tab-bg-active:var(--phino-surface-base,#faf8f5);--tab-text:var(--phino-text-tertiary,gray);--tab-text-active:var(--phino-text-primary,#1c1c1e);--content-bg:#d8d4cf;--paper-bg:var(--phino-surface-base,#faf8f5);--cues-bg:var(--phino-surface-raised,#f5f1eb);--summary-bg:var(--phino-surface-raised,#f5f1eb);--border-color:var(--phino-border-default,#e0dbd4);--border-color-light:var(--phino-surface-sunken,#f0ebe4);--ring-hole-size:12px;--ring-hole-color:var(--phino-border-subtle,#e8e4df);--input-bg:var(--phino-neutral-2,#262626);--input-bg-light:white;--input-border:var(--phino-neutral-3,#333);--input-border-light:var(--phino-border-default,#e0dbd4);--input-focus:var(--phino-primary-4,#f9a826);--input-text:var(--phino-text-inverse,#f2f2f2);--input-text-light:var(--phino-text-primary,#262626);--input-placeholder:var(--phino-text-tertiary,#666);--btn-primary-bg:var(--phino-primary-4,#f9a826);--btn-primary-bg-hover:var(--phino-primary-5,#e8920d);--btn-primary-text:var(--phino-text-on-primary,#1a1a1a);--btn-secondary-bg:var(--phino-neutral-2,#262626);--btn-secondary-bg-hover:var(--phino-neutral-3,#333);--btn-secondary-text:var(--phino-text-inverse,#f2f2f2);--btn-ghost-hover:var(--phino-text-inverse,#f2f2f2);--tag-bg:var(--phino-surface-sunken,#f0ebe4);--tag-text:var(--phino-text-secondary,#4d4d4d);--tag-inherited-bg:var(--phino-success-9,#dcfce7);--tag-inherited-text:var(--phino-success-2,#166534);--tag-amber-bg:var(--phino-primary-9,#feecc7);--tag-amber-text:var(--phino-primary-3,#a94b0b);--ai-color:var(--phino-tint-primary,#f9a826);--ai-bg:var(--phino-primary-9,#feecc7)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:18px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--phino-line-height-golden);color:var(--phino-text-primary);background-color:var(--content-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--phino-font-weight-semibold);line-height:var(--phino-line-height-tight);letter-spacing:var(--phino-letter-spacing-tight);color:var(--phino-text-primary)}h1{font-size:var(--phino-font-size-display)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--phino-font-size-body)}h5{font-size:var(--phino-font-size-base)}h6{font-size:var(--phino-font-size-small)}p{margin-bottom:var(--phino-space-lg)}a{color:var(--phino-tint-primary);transition:color var(--phino-duration-instant)var(--phino-ease-move);text-decoration:none}a:hover{color:var(--phino-tint-primary)}code,pre,kbd,samp{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--phino-primary-4);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--phino-neutral-2)}::-webkit-scrollbar-thumb{background:var(--phino-neutral-4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--phino-neutral-3)}*{scrollbar-width:thin;scrollbar-color:var(--phino-neutral-4)var(--phino-neutral-2)}::selection{background-color:var(--phino-primary-8);color:var(--phino-text-primary)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app-root{width:100%;min-height:100vh;display:flex}.landing{background-color:var(--phino-surface-base);min-height:100vh;font-family:var(--font-body);color:var(--phino-text-primary)}.login-page,.signup-page,.error-page{background-color:var(--phino-neutral-1);min-height:100vh;font-family:var(--font-body)}.notes-sidebar{background:var(--sidebar-bg,#1c1c1e)}@keyframes phino-reveal{to{visibility:visible}}html[style*="visibility: hidden"]{animation:0s .5s forwards phino-reveal}
/*# sourceMappingURL=7366af406ded370a.css.map*/