:root{--bg-base: #FFFDFA;--bg-surface: #FAF6F0;--bg-surface-2: #F3EEE6;--bg-sunk: #F2ECE3;--ink-1: #2B2622;--ink-2: #6B6258;--ink-3: #9A9087;--ink-4: #C3B8AC;--brand: #FF7A33;--brand-press: #F26A22;--brand-soft: #FF9E6B;--brand-wash: #FFEFE3;--brand-wash-2: #FFE3CF;--sea: #1E8FA3;--sea-press: #197C8E;--sea-soft: #E3F2F4;--border: #EEE7DC;--border-strong: #E5DDD0;--divider: #F2ECE3;--hairline: rgba(120,90,55,.055);--hairline-strong:rgba(120,90,55,.085);--rise: #D9342B;--rise-wash: #FBE9E7;--fall: #149158;--fall-wash: #E5F4EC;--flat: #8C8378;--hero-gradient: linear-gradient(100deg,#FF8A3D 0%,#FF6B5C 52%,#FF5C8A 100%);--hero-wash: linear-gradient(135deg,#FFF1E6 0%,#FDEAF0 100%);--r-sai: #5E8E96;--r-ce: #8B84A8;--r-gu: #9C9384;--r-kong: #B0726A;--r-e: #C6A266;--r-pm: #FF7A33;--r-xs: 5px;--r-sm: 8px;--r-md: 11px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--sh-card: 0 1px 1.5px rgba(74,52,28,.035), 0 2px 5px rgba(74,52,28,.035), 0 8px 20px rgba(74,52,28,.05);--sh-raise: 0 1px 3px rgba(74,52,28,.045), 0 6px 14px rgba(74,52,28,.065), 0 14px 32px rgba(74,52,28,.065);--sh-pop: 0 3px 10px rgba(58,40,22,.08), 0 13px 36px rgba(58,40,22,.13);--sh-float: 0 1px 4px rgba(74,52,28,.05), 0 5px 14px rgba(74,52,28,.065);--card-sheen: rgba(255,255,255,.9);--card-edge: rgba(74,52,28,.045);--bg-composer: #FFFFFF;--grad-card: linear-gradient(177deg, #FFFFFF 0%, #FBF7F1 100%);--grad-card-2: linear-gradient(177deg, #FFFFFF 0%, #FFFCF7 100%);--grad-tile: linear-gradient(150deg, #FFEEDF 0%, #FFD9BE 100%);--grad-tile-sea:linear-gradient(150deg, #E7F4F6 0%, #CFE9ED 100%);--bg-canvas: radial-gradient(1180px 680px at 74% -12%, #FFF3E6 0%, rgba(255,243,230,0) 56%), radial-gradient(900px 560px at 6% 112%, #EFF6F4 0%, rgba(239,246,244,0) 50%), var(--bg-base);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", "Segoe UI", Roboto, Arial, sans-serif;--font-num: "DIN Alternate", "SF Mono", ui-monospace, "Roboto Mono", "Menlo", monospace;--gap: 8px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink-1);background:var(--bg-base);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#e2d4c3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#d2c0ab;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,textarea{font-family:inherit;color:inherit}::selection{background:var(--brand-wash-2);color:var(--ink-1)}.rise{color:var(--rise)}.fall{color:var(--fall)}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes wb-drawer-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes wb-drawer-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes wb-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes wb-backdrop-in{0%{opacity:0}to{opacity:1}}.wb-hscroll{scrollbar-width:none;-ms-overflow-style:none}.wb-hscroll::-webkit-scrollbar{display:none}.app-root{height:100vh;display:flex;flex-direction:column;background:var(--bg-base);position:relative}.app-root:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.wb-card{box-shadow:var(--sh-card),inset 0 1px 0 var(--card-sheen),inset 0 -1px 0 var(--card-edge);transition:box-shadow .24s cubic-bezier(.2,.7,.3,1),transform .24s cubic-bezier(.2,.7,.3,1),border-color .18s ease}.wb-card.wb-hover:hover{box-shadow:var(--sh-raise),inset 0 1px 0 var(--card-sheen),inset 0 -1px 0 var(--card-edge);transform:translateY(-2px)}.wb-flat{box-shadow:inset 0 1px 0 var(--card-sheen);border:1px solid var(--hairline);transition:border-color .18s ease,background .15s ease}.wb-flat.wb-hover:hover{border-color:var(--border)}.composer-box:focus-within{border-color:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-wash)}.composer-box textarea::placeholder{color:var(--ink-3)}@supports not (color: color-mix(in srgb,#000,transparent)){[data-role-ring]{box-shadow:0 0 0 3px var(--border-strong)}}:root{--theme-fade-bg: background-color .35s ease, color .25s ease, border-color .25s ease;--theme-fade-shadow: box-shadow .25s ease}@media (prefers-reduced-motion: reduce){:root{--theme-fade-bg: none;--theme-fade-shadow: none}}html:not(.no-theme-fade) body,html:not(.no-theme-fade) *{transition:var(--theme-fade-bg),var(--theme-fade-shadow)}:root[data-theme=night]{--bg-base: #0E1726;--bg-surface: #172033;--bg-surface-2: #1F2A3F;--bg-sunk: #0A101C;--ink-1: #E8ECF4;--ink-2: #A3ADC2;--ink-3: #6C7891;--ink-4: #3F4A60;--brand: #FF8A4A;--brand-press: #FF7733;--brand-soft: #FFA56B;--brand-wash: #2A1B11;--brand-wash-2: #3A261A;--sea: #5BC0D6;--sea-press: #3FA9C0;--sea-soft: #1A2D3D;--border: #223150;--border-strong: #2C3E61;--divider: #18222F;--hairline: rgba(150,190,235,.05);--hairline-strong:rgba(150,190,235,.08);--rise: #FF4A40;--rise-wash: #3A1E1B;--fall: #26C77A;--fall-wash: #1A2D22;--flat: #9CA3B5;--hero-gradient: linear-gradient(100deg,#FF9E55 0%,#FF7A60 52%,#FF5C8A 100%);--hero-wash: linear-gradient(135deg,#3A2A1A 0%,#3A1F2A 100%);--r-sai: #7FB8C4;--r-ce: #ADA6D1;--r-gu: #B5AB99;--r-kong: #D08780;--r-e: #E0B978;--r-pm: #FF8A4A;--sh-card: 0 1px 2px rgba(0,0,0,.32), 0 3px 10px rgba(0,0,0,.26), 0 10px 24px rgba(0,0,0,.22), 0 0 0 1px rgba(150,195,235,.05);--sh-raise: 0 2px 5px rgba(0,0,0,.36), 0 8px 20px rgba(0,0,0,.32), 0 18px 40px rgba(0,0,0,.3), 0 0 0 1px rgba(150,195,235,.07);--sh-pop: 0 13px 36px rgba(0,0,0,.45), 0 0 0 1px rgba(150,195,235,.07);--sh-float: 0 3px 11px rgba(0,0,0,.32), 0 0 0 1px rgba(150,195,235,.05);--card-sheen: rgba(165,205,245,.07);--card-edge: rgba(0,0,0,.22);--bg-composer: #1F2A3F;--grad-card: linear-gradient(177deg, #1D2B45 0%, #172033 100%);--grad-card-2: linear-gradient(177deg, #1A2740 0%, #111B2C 100%);--grad-tile: linear-gradient(150deg, #3A2415 0%, #482A18 100%);--grad-tile-sea:linear-gradient(150deg, #16303E 0%, #1B3B49 100%);--bg-canvas: radial-gradient(1180px 680px at 74% -12%, #1B2A43 0%, rgba(27,42,67,0) 55%), radial-gradient(900px 560px at 6% 112%, #13243A 0%, rgba(19,36,58,0) 50%), var(--bg-base);color-scheme:dark}:root[data-theme=night] .app-root:after{opacity:.09;mix-blend-mode:overlay}:root[data-theme=night] ::-webkit-scrollbar-thumb{background:#324466}:root[data-theme=night] ::-webkit-scrollbar-thumb:hover{background:#4a5a7a}