@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light;--background: #F3F1EA;--surface: #F8F6F0;--surface-muted: #FFFFFF;--surface-strong: #E5E0D5;--text-primary: #141413;--text-secondary: #68665F;--border-subtle: rgba(20, 20, 19, .12);--glass-bg: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(236, 232, 222, .74));--glass-border: rgba(20, 20, 19, .12);--glass-shell: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(20, 20, 19, .08));--panel-bg: linear-gradient(180deg, #FFFFFF 0%, #ECE7DC 100%);--panel-border: rgba(20, 20, 19, .11);--panel-inner-shadow: inset 0 1px 1px rgba(255, 255, 255, .92), inset 0 -2px 8px rgba(20, 20, 19, .08);--dot-color: rgba(20, 20, 19, .08);--ray-color: rgba(255, 255, 255, .72);--grid-line: rgba(20, 20, 19, .06);--scrollbar-thumb: rgba(20, 20, 19, .18);--scrollbar-thumb-hover: rgba(20, 20, 19, .34);--quote-muted: rgba(20, 20, 19, .28);--quote-active: #141413;--text-gradient-from: #141413;--text-gradient-to: #68665F;--notes-pane-bg: #F8F6F0;--prose-text: #23221F;--prose-heading: #141413;--accent-indigo: #4B67A0;--accent-purple: #8B5CF6;--accent-primary: #2B2B2B;--shadow-soft: 0 18px 42px -24px rgba(20, 20, 19, .45);--shadow-premium: 0 24px 58px -32px rgba(20, 20, 19, .46);--button-bg: linear-gradient(180deg, #3A3A3A 0%, #171717 100%);--button-fg: #FFFFFF}.dark{color-scheme:dark;--background: #050505;--surface: #101010;--surface-muted: #151515;--surface-strong: #242424;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .62);--border-subtle: rgba(255, 255, 255, .06);--glass-bg: linear-gradient(180deg, rgba(30, 30, 30, .84), rgba(10, 10, 10, .78));--glass-border: rgba(255, 255, 255, .07);--glass-shell: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .025));--panel-bg: linear-gradient(180deg, #1A1A1A 0%, #0F0F0F 100%);--panel-border: rgba(255, 255, 255, .055);--panel-inner-shadow: inset 0 1px 1px rgba(255, 255, 255, .1), inset 0 -2px 8px rgba(0, 0, 0, .82);--dot-color: rgba(255, 255, 255, .055);--ray-color: rgba(255, 255, 255, .12);--grid-line: rgba(255, 255, 255, .025);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .24);--quote-muted: rgba(255, 255, 255, .22);--quote-active: #FFFFFF;--text-gradient-from: #FFFFFF;--text-gradient-to: rgba(255, 255, 255, .62);--notes-pane-bg: #050505;--prose-text: rgba(255, 255, 255, .76);--prose-heading: #FFFFFF;--accent-primary: #FFFFFF;--shadow-soft: 0 22px 54px -32px rgba(0, 0, 0, .92);--shadow-premium: 0 24px 58px -18px rgba(0, 0, 0, .9);--button-bg: linear-gradient(180deg, #3A3A3A 0%, #171717 100%);--button-fg: #FFFFFF}html,body{height:100%;margin:0;padding:0}body{position:relative;background:radial-gradient(circle at 18% -12%,color-mix(in srgb,var(--ray-color) 80%,transparent) 0%,transparent 34rem),radial-gradient(circle at 82% 6%,color-mix(in srgb,var(--accent-indigo) 14%,transparent) 0%,transparent 28rem),linear-gradient(180deg,var(--background) 0%,color-mix(in srgb,var(--background) 88%,#000 12%) 100%);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{z-index:0;opacity:.42;background-image:radial-gradient(circle at center,var(--dot-color) 1px,transparent 1px),linear-gradient(115deg,transparent 0%,color-mix(in srgb,var(--ray-color) 30%,transparent) 18%,transparent 42%);background-size:4px 4px,100% 100%;mix-blend-mode:normal}body:after{z-index:0;opacity:.64;background:linear-gradient(115deg,transparent 0 12%,color-mix(in srgb,var(--ray-color) 38%,transparent) 18%,transparent 34%),radial-gradient(ellipse at 50% -18%,color-mix(in srgb,var(--ray-color) 40%,transparent),transparent 52%);filter:blur(42px);animation:center-beam 8s ease-in-out infinite}#root,#portal-root{position:relative;z-index:1}.font-display{font-family:Inter,sans-serif}.font-serif{font-family:"Instrument Serif",serif}.bg-grid{background-size:40px 40px;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px)}.glass-morphism{position:relative;background:var(--panel-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--panel-border);box-shadow:var(--panel-inner-shadow),var(--shadow-premium)}.glass-morphism:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at center,var(--dot-color) 1px,transparent 1px);background-size:4px 4px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.gradient-shell{background:var(--glass-shell);border-radius:32px;padding:1px}.gradient-shell>.gradient-shell-surface{background:var(--panel-bg);border-radius:31px;box-shadow:var(--panel-inner-shadow)}.header-glass{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px 1px #ffffff1f,0 18px 40px -32px #000000bf}.text-gradient{background:linear-gradient(to right,var(--text-gradient-from),var(--text-gradient-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent}input:not([type=checkbox]):not([type=radio]),textarea,select{background-color:color-mix(in srgb,var(--surface-strong) 42%,transparent);border-color:var(--panel-border);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px 2px #00000014}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-secondary) 72%,transparent)}.tactile-button,.dark .bg-indigo-600,.dark .hover\:bg-indigo-700:hover,.dark .hover\:bg-indigo-500:hover{background-image:var(--button-bg);color:var(--button-fg);border-color:color-mix(in srgb,var(--button-fg) 12%,transparent);box-shadow:inset 0 1px 1px #ffffff29,inset 0 -1px 4px #0000009e,0 12px 24px -14px #000000d1}@keyframes ray-sweep{0%,to{transform:rotate(35deg) scaleY(1);opacity:.4}50%{transform:rotate(30deg) scaleY(1.35);opacity:.76}}@keyframes center-beam{0%,to{transform:scaleY(.86) scaleX(1);opacity:.34}50%{transform:scaleY(1.16) scaleX(1.08);opacity:.64}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%}@media(max-width:640px){.content-grid{grid-template-columns:1fr;gap:1rem;padding-bottom:6rem}}@supports (padding: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes reveal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes animate-stars{0%{background-position:0 0}to{background-position:-10000px 5000px}}.stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 25px 25px,white,transparent),radial-gradient(1px 1px at 75px 75px,white,transparent),radial-gradient(1.5px 1.5px at 125px 50px,white,transparent);background-size:250px 250px;animation:animate-stars 200s linear infinite;pointer-events:none}.stars2{background-image:radial-gradient(1px 1px at 50px 150px,#a855f7,transparent),radial-gradient(1.5px 1.5px at 150px 100px,#60a5fa,transparent);background-size:300px 300px;animation-duration:300s}.stars3{background-image:radial-gradient(2px 2px at 100px 200px,#93c5fd,transparent),radial-gradient(1px 1px at 200px 50px,#c4b5fd,transparent);background-size:400px 400px;animation-duration:400s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--scrollbar-thumb) 60%,transparent)}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.quote-word{color:var(--quote-muted);transition:color .6s cubic-bezier(.16,1,.3,1);display:inline-block}.quote-word.is-active{color:var(--quote-active)!important}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.is-visible,.animate-on-scroll.is-active{opacity:1;transform:translateY(0)}.animate-reveal{opacity:0;animation:reveal-up 1s cubic-bezier(.16,1,.3,1) forwards}.delay-200{animation-delay:.2s!important}.delay-400{animation-delay:.4s!important}.delay-600{animation-delay:.6s!important}.delay-800{animation-delay:.8s!important}.delay-1000{animation-delay:1s!important}.notes-pane-container,.notes-pane-content,.notes-pane-header,[class*=NotesPane]{background:var(--panel-bg)!important;border-color:var(--panel-border)!important}.ProseMirror,.prose{color:var(--prose-text)!important;background-color:transparent!important}.ProseMirror p,.prose p{margin-bottom:2.5em!important;line-height:2.2!important;color:var(--prose-text)!important}.ProseMirror h1,.prose h1,.ProseMirror h2,.prose h2,.ProseMirror h3,.prose h3{margin-top:3.5em!important;margin-bottom:1.5em!important;color:var(--prose-heading)!important}.ProseMirror ul,.prose ul,.ProseMirror ol,.prose ol{margin-bottom:2.5em!important}.ProseMirror li,.prose li{margin-bottom:1.2em!important}.glass-morphism-dropdown{backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;background:var(--panel-bg)!important;border-color:var(--panel-border)!important;box-shadow:var(--panel-inner-shadow),var(--shadow-premium)!important}.suggestion-list,.toolbar-dropdown-menu{background:var(--panel-bg)!important;border-color:var(--panel-border)!important;color:var(--text-primary)!important;box-shadow:var(--panel-inner-shadow),var(--shadow-premium)!important}.suggestion-item,.toolbar-dropdown-item{color:var(--text-primary)!important}.suggestion-item .emoji,.toolbar-dropdown-item:not(.is-active){color:var(--text-secondary)!important}.suggestion-item.is-selected,.suggestion-item:hover,.toolbar-dropdown-item.is-active,.toolbar-dropdown-item:hover{background-color:color-mix(in srgb,var(--text-primary) 6%,transparent)!important}body[data-page=dashboard]{overflow:hidden!important}html,body{height:100%;margin:0;padding:0;overflow:auto}