*,*: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:#0a0a0a;color:#faf9f6;font-family:Instrument Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{display:flex;flex-direction:column}:root{--sage: #59766C;--sage-dark: #3E5249;--sage-mid: #6E8C80;--sage-light: #C4D4CE;--sage-pale: #EEF3F1;--sage-glass: rgba(89,118,108,.08);--sage-border: rgba(89,118,108,.18);--ok: #4ADE80;--warn: #C9A84C;--error: #E63950;--info: #7EB8D4;--ok-bg: rgba(74,222,128,.08);--warn-bg: rgba(201,168,76,.08);--error-bg: rgba(230,57,80,.08);--info-bg: rgba(126,184,212,.08);--base: #0A0A0A;--surface-1: rgba(255,255,255,.04);--surface-2: rgba(255,255,255,.08);--surface-3: rgba(255,255,255,.14);--text-primary: #FAF9F6;--text-secondary: rgba(250,249,246,.55);--text-muted: rgba(250,249,246,.28);--text-ghost: rgba(250,249,246,.14);--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-display: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "Instrument Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--os-green: #59766C;--os-green-dim: rgba(89,118,108,.15);--os-cream: #FAF9F6;--os-gold: #C9A84C;--os-dark: #0A0A0A;--os-font-display: "Bricolage Grotesque", system-ui, sans-serif;--os-font-mono: "DM Mono", "Courier New", monospace;--os-font-ui: "Instrument Sans", system-ui, sans-serif;--os-font-body: "Instrument Sans", system-ui, sans-serif;--os-shadow: 0 8px 32px rgba(89,118,108,.18);--os-shadow-sm: 0 4px 16px rgba(89,118,108,.12);--bg: #0A0A0A;--surface: rgba(255,255,255,.04);--green: #59766C;--green-light: rgba(89,118,108,.08);--green-mid: rgba(89,118,108,.15);--green-dim: rgba(89,118,108,.12);--dark: #0A0A0A;--text: #FAF9F6;--text-2: rgba(250,249,246,.55);--mid: rgba(250,249,246,.55);--muted: rgba(250,249,246,.28);--text-3: rgba(250,249,246,.28);--border: rgba(255,255,255,.06);--border-mid: rgba(255,255,255,.1);--shadow-sm: 0 1px 4px rgba(0,0,0,.3);--shadow: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--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)}.glass-1{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0abf;border-bottom:1px solid rgba(255,255,255,.06)}.glass-2{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:#0a0a0ad9}.glass-3{backdrop-filter:blur(60px) saturate(220%);-webkit-backdrop-filter:blur(60px) saturate(220%);background:#0a0a0aeb}.ghost-border{border:1px solid var(--sage-border)}.tea-card{background:var(--surface-1);border-radius:var(--radius-card);border:1px solid var(--sage-border)}.tea-card-elevated{background:var(--surface-2);border-radius:var(--radius-card);border:1px solid var(--sage-border)}.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(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0abf;border-bottom:1px solid rgba(255,255,255,.06)}.read-only-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--warn-bg);border-bottom:1px solid rgba(201,168,76,.15)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-tag)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .25s cubic-bezier(.16,1,.3,1) both}.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-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-error{color:var(--error)}.section-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}button{transition:opacity .1s ease,transform .1s ease}button:active:not(:disabled){transform:scale(.97)}input,textarea,select{transition:border-color .15s ease}input:focus,textarea:focus,select:focus{outline:2px solid var(--sage);outline-offset:2px;border-color:var(--sage)!important}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}.os-safe-top{padding-top:env(safe-area-inset-top)}.os-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}@media(hover:none){button:hover{filter:none!important;transform:none!important}}