.netbg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.55;transition:opacity var(--dur-5) var(--ease)}.netbg[data-tier=ambient]{opacity:.78}.netbg[data-tier=featured]{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);padding:0 var(--sp-5);border:none;border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:500;letter-spacing:0;cursor:pointer;user-select:none;transition:transform var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn--sm{min-height:32px;padding:0 var(--sp-4);font-size:var(--fs-caption)}.btn--block{width:100%}.btn--primary{background:var(--ink);color:var(--ink-inverse)}.btn--primary:hover:not(:disabled){opacity:.88}.btn--quiet{background:var(--surface-sunken);color:var(--text-primary)}.btn--quiet:hover:not(:disabled){background:var(--divider)}.btn--ghost{background:transparent;color:var(--text-secondary);padding:0 var(--sp-3)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-sunken)}.btn--danger{background:var(--danger);color:var(--ink-inverse)}.btn--danger:hover:not(:disabled){background:var(--danger-strong)}.btn--danger-text{background:transparent;color:var(--danger);padding:0 var(--sp-3)}.btn--danger-text:hover:not(:disabled){background:var(--danger-soft)}.btn--icon{min-width:var(--touch-min);width:var(--touch-min);padding:0}.toast-region{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--sp-5) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;width:min(calc(100vw - var(--sp-6)),var(--content-max))}.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--elev-floating);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-small);color:var(--text-primary);animation:toast-in var(--dur-3) var(--ease);pointer-events:auto}.toast__msg{flex:1}.toast__act{border:none;background:none;cursor:pointer;font-size:var(--fs-small);font-weight:600;color:var(--text-primary);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm)}.toast__act:hover{background:var(--surface-sunken)}.toast--success{border-left:3px solid var(--accent)}.toast--error{border-left:3px solid var(--danger)}.toast--info{border-left:3px solid var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.focus-veil{position:fixed;inset:0;z-index:70;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);padding:var(--sp-6);animation:focus-in var(--dur-3) var(--ease)}.focus-veil__task{color:var(--text-secondary);text-align:center;overflow-wrap:anywhere}.focus-veil__time{font-size:var(--fs-display);font-weight:300;letter-spacing:-.015em;color:var(--text-primary)}.focus-veil__time.is-done{color:var(--accent)}.focus-veil__quit{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:var(--sp-2) var(--sp-3);min-height:var(--touch-min)}.focus-veil__quit:hover{color:var(--text-primary)}@keyframes focus-in{0%{opacity:0}to{opacity:1}}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{color:var(--text-tertiary)}.field__input{width:100%;background:var(--surface-sunken);border:1.5px solid transparent;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-body);color:var(--text-primary);outline:none;transition:border-color var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease)}.field__input:hover{background:var(--divider)}.field__input:focus{border-color:var(--ink);background:var(--surface)}.field__input:disabled{opacity:var(--op-disabled);cursor:not-allowed}.field--error .field__input{border-color:var(--danger);background:var(--danger-soft)}.field__err{font-size:var(--fs-caption);color:var(--danger)}.field__hint{font-size:var(--fs-caption);color:var(--text-tertiary)}.field__textarea{resize:vertical;min-height:72px;font-family:inherit}.chip{border:none;background:var(--surface-sunken);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-3);min-height:32px;font-size:var(--fs-small);font-weight:400;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1);transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.chip:hover{color:var(--text-primary)}.chip:active{transform:scale(.97)}.chip.on{background:var(--accent-soft);color:var(--accent-strong)}.tag{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:500;color:var(--text-tertiary);background:var(--surface-sunken)}.tag--accent{color:var(--accent-strong);background:var(--accent-soft)}.tag--danger{color:var(--danger);background:var(--danger-soft)}.tag--warning{color:var(--warning);background:var(--warning-soft)}.ob{position:fixed;inset:0;z-index:80;background:var(--bg);display:flex;flex-direction:column;padding:calc(var(--sp-5) + env(safe-area-inset-top,0px)) var(--sp-5) calc(var(--sp-5) + env(safe-area-inset-bottom,0px));animation:ob-in var(--dur-3) var(--ease)}.ob__progress{height:3px;border-radius:var(--r-pill);background:var(--divider);overflow:hidden;flex-shrink:0}.ob__bar{height:100%;background:var(--ink);border-radius:var(--r-pill);transition:width var(--dur-4) var(--ease)}.ob__content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-5);max-width:var(--content-max);margin:0 auto;width:100%}.ob-body{display:flex;flex-direction:column;gap:var(--sp-3)}.ob-form{gap:var(--sp-4)}.ob-brand{letter-spacing:.02em}.ob-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ob__acts{display:flex;flex-direction:column;gap:var(--sp-2);align-items:stretch;max-width:var(--content-max);margin:0 auto;width:100%;flex-shrink:0}@keyframes ob-in{0%{opacity:0}to{opacity:1}}.app{position:relative;z-index:1;min-height:100dvh;display:flex}.app-main{flex:1;min-width:0;width:100%;max-width:var(--content-max);margin:0 auto;padding:calc(var(--sp-5) + env(safe-area-inset-top,0px)) var(--sp-4) calc(var(--tabbar-h) + var(--sp-5) + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior-y:contain}.app-tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:stretch;padding:var(--sp-2) var(--sp-3) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--glass-border)}.app-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--touch-min);border-radius:var(--r-sm);color:var(--text-tertiary);text-decoration:none;font-size:var(--fs-caption);font-weight:500;transition:color var(--dur-1) var(--ease)}.app-tab span{line-height:1}.app-tab:hover{color:var(--text-secondary)}.app-tab.on{color:var(--text-primary)}.app-sidebar{display:none}@media(min-width:1024px){.app-tabbar{display:none}.app-sidebar{display:flex;flex-direction:column;gap:var(--sp-5);position:sticky;top:0;height:100dvh;width:var(--sidebar-w);flex-shrink:0;padding:var(--sp-6) var(--sp-4);border-right:1px solid var(--divider)}.app-sidebar__brand{padding:0 var(--sp-3);letter-spacing:-.02em}.app-sidebar__nav{display:flex;flex-direction:column;gap:var(--sp-1)}.app-sidebar__link{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch-min);padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text-secondary);text-decoration:none;font-size:var(--fs-small);font-weight:500;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.app-sidebar__link:hover,.app-sidebar__link.on{background:var(--surface-sunken);color:var(--text-primary)}.app-main{padding-bottom:var(--sp-8)}}@media(min-width:1024px){.app-main{max-width:720px}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #F7F8FA;--surface: #FFFFFF;--surface-sunken: #F2F4F7;--surface-raised: #FFFFFF;--text-primary: #17191D;--text-secondary: #666B73;--text-tertiary: #9DA2AA;--text-disabled: #C4C8CE;--ink: #17191D;--ink-inverse: #F7F8FA;--accent: #5BAE82;--accent-strong: #3C8A61;--accent-soft: rgba(91, 174, 130, .12);--accent-line: rgba(91, 174, 130, .32);--success: #5BAE82;--success-soft: rgba(91, 174, 130, .12);--warning: #E8A13D;--warning-soft: rgba(232, 161, 61, .14);--danger: #C46464;--danger-strong: #B04E4E;--danger-soft: rgba(196, 100, 100, .11);--info: #5B7FD7;--info-soft: rgba(91, 127, 215, .12);--urgent: #7C5CFF;--divider: rgba(23, 25, 29, .07);--border: rgba(23, 25, 29, .1);--border-strong: rgba(23, 25, 29, .16);--glass: rgba(255, 255, 255, .72);--glass-border: rgba(23, 25, 29, .06);--blur: blur(24px) saturate(1.5);--overlay: rgba(23, 25, 29, .36);--net-dot: #8A94A6;--net-link: #A7B2C4;--fs-display: 40px;--lh-display: 1.1;--fs-h1: 32px;--lh-h1: 1.2;--fs-h2: 24px;--lh-h2: 1.3;--fs-h3: 20px;--lh-h3: 1.35;--fs-body: 16px;--lh-body: 1.55;--fs-small: 14px;--lh-small: 1.5;--fs-caption: 12px;--lh-caption: 1.4;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 99px;--r-full: 50%;--elev-flat: none;--elev-surface: 0 1px 2px rgba(23, 25, 29, .04);--elev-floating: 0 8px 32px rgba(23, 25, 29, .1);--elev-modal: 0 24px 64px rgba(23, 25, 29, .16);--op-disabled: .38;--op-secondary: .68;--dur-0: 0ms;--dur-1: .15s;--dur-2: .2s;--dur-3: .25s;--dur-4: .35s;--dur-5: .5s;--ease: cubic-bezier(.32, .72, .24, 1);--ease-inout: cubic-bezier(.6, .05, .28, .95);--ease-spring: cubic-bezier(.34, 1.35, .6, 1);--ic-12: 12px;--ic-16: 16px;--ic-18: 18px;--ic-20: 20px;--ic-24: 24px;--ic-28: 28px;--ic-32: 32px;--content-max: 640px;--sidebar-w: 240px;--tabbar-h: 64px;--touch-min: 44px;color-scheme:light}[data-mode=dark]{--bg: #0D0F12;--surface: #14171B;--surface-sunken: #1A1E23;--surface-raised: #1A1E23;--text-primary: #F5F6F7;--text-secondary: #A4A9B1;--text-tertiary: #6E737B;--text-disabled: #4A4F57;--ink: #F5F6F7;--ink-inverse: #0D0F12;--accent: #6FBF93;--accent-strong: #85C9A3;--accent-soft: rgba(111, 191, 147, .14);--accent-line: rgba(111, 191, 147, .3);--success: #6FBF93;--success-soft: rgba(111, 191, 147, .14);--warning: #EDB268;--warning-soft: rgba(237, 178, 104, .16);--danger: #D57C7C;--danger-strong: #E29B9B;--danger-soft: rgba(213, 124, 124, .16);--info: #7E96DF;--info-soft: rgba(126, 150, 223, .16);--urgent: #9B82FF;--divider: rgba(245, 246, 247, .07);--border: rgba(245, 246, 247, .1);--border-strong: rgba(245, 246, 247, .16);--glass: rgba(20, 23, 27, .72);--glass-border: rgba(245, 246, 247, .07);--overlay: rgba(0, 0, 0, .52);--net-dot: #5A6475;--net-link: #3A4150;--elev-surface: 0 1px 2px rgba(0, 0, 0, .28);--elev-floating: 0 8px 32px rgba(0, 0, 0, .4);--elev-modal: 0 24px 64px rgba(0, 0, 0, .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,HarmonyOS Sans SC,MiSans,Noto Sans SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-size-adjust:100%;-webkit-text-size-adjust:100%;transition:background-color var(--dur-3) var(--ease),color var(--dur-3) var(--ease)}button,input,textarea,select{font:inherit;color:inherit}img,svg,canvas{display:block;max-width:100%}::placeholder{color:var(--text-disabled)}input,textarea,button{font-family:inherit}.tnum,.metric-v,.gauge-val{font-variant-numeric:tabular-nums}.t-display{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:300;letter-spacing:-.015em;color:var(--text-primary)}.t-h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:600;letter-spacing:-.015em;color:var(--text-primary)}.t-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.t-h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;letter-spacing:-.005em;color:var(--text-primary)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;color:var(--text-secondary)}.t-small{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:400;color:var(--text-secondary)}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:400;color:var(--text-tertiary)}.eyebrow{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:500;letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase}:lang(zh-CN) .eyebrow,[lang=zh] .eyebrow{text-transform:none}:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}button,[role=button],.chip,.seg>button{touch-action:manipulation}[hidden]{display:none!important}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes breathe{0%,to{opacity:var(--op-secondary)}50%{opacity:var(--op-disabled)}}.is-loading{opacity:var(--op-disabled);pointer-events:none;animation:breathe .8s var(--ease) 1}.is-disabled{opacity:var(--op-disabled);cursor:not-allowed;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--dur-0)!important;animation-iteration-count:1!important;transition-duration:var(--dur-0)!important}}