*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%;height:100dvh;overflow:hidden}body{background-color:var(--tea-bg);color:var(--tea-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{display:flex;flex-direction:column}.noise-bg{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}::selection{background:#59766c33;color:#000}:root{--sage: #4A6B61;--sage-dark: #2F473E;--sage-mid: #6E8C80;--sage-light: #C4D4CE;--sage-pale: #EEF3F1;--sage-glass: rgba(74,107,97,.08);--sage-border: rgba(74,107,97,.18);--gold: #B8860B;--gold-bright: #D4AF37;--gold-dark: #735c00;--gold-glass: rgba(212,175,55,.08);--gold-border: rgba(212,175,55,.22);--gold-glow: rgba(212,175,55,.2);--base: #FAFAF8;--surface-1: #FFFFFF;--surface-2: #F5F3F0;--surface-3: #EBE8E4;--ok: #10B981;--warn: #F59E0B;--error: #EF4444;--info: #3B82F6;--ok-bg: rgba(16,185,129,.1);--warn-bg: rgba(245,158,11,.1);--error-bg: rgba(239,68,68,.1);--info-bg: rgba(59,130,246,.1);--text-primary: #1A1A18;--text-secondary: rgba(26,26,24,.65);--text-muted: rgba(26,26,24,.4);--text-ghost: rgba(26,26,24,.2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-tag: 4px;--radius-input: 12px;--radius-card: 16px;--radius-modal: 20px;--radius-panel: 28px;--font-headline: "Instrument Sans", system-ui, sans-serif;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "Instrument Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--tea-bg: #FAF9F6;--tea-surface: #FFFFFF;--tea-surface-elevated: #F5F3F0;--shadow-volumetric: 0 12px 32px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,1);--shadow-volumetric-sm: 0 4px 16px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,1);--tea-border: rgba(0,0,0,.06);--tea-hover: rgba(0,0,0,.04);--tea-text: #1A1A18;--tea-text-2: rgba(26,26,24,.65);--tea-text-3: rgba(26,26,24,.4);--tea-gold: #B8860B;--tea-gold-bright: #D4AF37;--tea-gold-muted: rgba(212,175,55,.12);--tea-sage: #4A6B61;--tea-sage-muted: rgba(74,107,97,.12);--bg: var(--tea-bg);--surface: var(--tea-surface);--dark: var(--text-primary);--text: var(--text-primary);--text-2: var(--text-secondary);--mid: var(--text-secondary);--muted: var(--text-muted);--text-3: var(--text-muted);--border: var(--tea-border);--border-mid:rgba(0,0,0,.1);--shadow-sm: var(--shadow-volumetric-sm);--shadow: 0 8px 24px rgba(0,0,0,.06);--shadow-md: var(--shadow-volumetric);--shadow-lg: 0 16px 48px rgba(0,0,0,.08);--radius-sm: 8px;--radius: 12px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: all .2s cubic-bezier(.16, 1, .3, 1);--transition-slow: all .35s cubic-bezier(.16, 1, .3, 1);--z-bg: 0;--z-app: 10;--z-os-nav: 50;--z-dock: 60;--z-modal: 100;--z-spotlight: 200;--z-toast: 300;--z-tooltip: 400}.os-mesh-bg{position:fixed;inset:0;z-index:var(--z-bg);background-color:var(--tea-bg);background-image:radial-gradient(at 0% 0%,rgba(74,107,97,.04) 0px,transparent 40%),radial-gradient(at 100% 0%,rgba(212,175,55,.03) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(74,107,97,.05) 0px,transparent 60%),radial-gradient(at 0% 100%,rgba(212,175,55,.02) 0px,transparent 40%);background-attachment:fixed;background-size:100% 100%}.os-mesh-bg:after{content:"";position:absolute;inset:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none}.glass-1{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffb3;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-volumetric-sm)}.glass-2{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:#ffffffd9;border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-volumetric)}.glass-3{backdrop-filter:blur(60px) saturate(220%);-webkit-backdrop-filter:blur(60px) saturate(220%);background:#fffffff2;border:1px solid rgba(255,255,255,1);box-shadow:var(--shadow-volumetric)}.glass-panel{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#fff9;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 24px #0000000a}.glass-dock{backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);background:#ffffff80;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014}.ghost-border{border:1px solid var(--tea-border)}.tea-card{background:var(--surface-1);border-radius:var(--radius-card);border:1px solid var(--tea-border);box-shadow:0 2px 8px #00000005}.tea-card-elevated{background:var(--surface-1);border-radius:var(--radius-card);border:1px solid var(--tea-border);box-shadow:var(--shadow-volumetric-sm)}.app-header{position:sticky;top:0;z-index:10;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);background:#ffffffb3;border-bottom:1px solid var(--tea-border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.fade-up{animation:fadeUp .3s cubic-bezier(.16,1,.3,1) both}.font-headline{font-family:var(--font-headline)}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-ghost{color:var(--text-ghost)}.text-sage{color:var(--sage)}.text-gold{color:var(--gold)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-error{color:var(--error)}button{transition:opacity .15s ease,transform .15s cubic-bezier(.34,1.56,.64,1),background-color .15s ease;cursor:pointer}button:active:not(:disabled){transform:scale(.96);transition:transform .05s cubic-bezier(.25,1,.5,1)}input,textarea,select{transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sage)!important;box-shadow:0 0 0 3px var(--sage-glass)}input::placeholder,textarea::placeholder{color:var(--text-ghost)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.os-scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.os-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}