:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--bg-primary: #f2f2f7;--bg-secondary: #fff;--bg-tertiary: #f7f7fa;--surface-grouped: #f2f2f7;--surface-elevated: #fff;--surface-sunken: #ececf1;--surface-tint: rgb(22 132 91 / 8%);--text-primary: #101a15;--text-secondary: #5d6b64;--text-tertiary: #8b968f;--label-secondary: #5d6b64;--label-tertiary: #8b968f;--border-primary: rgb(16 26 21 / 10%);--border-secondary: rgb(16 26 21 / 20%);--separator: rgb(16 26 21 / 8%);--accent: #16845b;--accent-strong: #106644;--accent-soft: rgb(22 132 91 / 10%);--primary-color: #16845b;--primary-green: #16845b;--on-accent: #fff;--danger: #b3261e;--warning: #a5691a;--success: #16845b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 999px;--transition-base: .15s ease;--shadow-sm: 0 1px 2px rgb(16 26 21 / 6%);--shadow-md: 0 6px 16px rgb(16 26 21 / 8%);--shadow-lg: 0 18px 40px rgb(16 26 21 / 12%);--shadow-dock: 0 14px 30px rgb(16 26 21 / 16%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg-primary: #0e1412;--bg-secondary: #1a211e;--bg-tertiary: #222a26;--surface-grouped: #0e1412;--surface-elevated: #1a211e;--surface-sunken: #121917;--surface-tint: rgb(52 211 153 / 12%);--text-primary: #f4f7f5;--text-secondary: #b5c0ba;--text-tertiary: #8a958f;--label-secondary: #b5c0ba;--label-tertiary: #8a958f;--border-primary: rgb(244 247 245 / 12%);--border-secondary: rgb(244 247 245 / 22%);--separator: rgb(244 247 245 / 10%);--accent: #34d399;--accent-strong: #6ee7b7;--accent-soft: rgb(52 211 153 / 14%);--primary-color: #34d399;--primary-green: #34d399;--on-accent: #06231a;--danger: #ff8a80;--warning: #f0c674;--success: #34d399;--warning-mark: #1b1b1b;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 6px 16px rgb(0 0 0 / 42%);--shadow-lg: 0 18px 40px rgb(0 0 0 / 52%);--shadow-dock: 0 14px 30px rgb(0 0 0 / 55%)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg-primary);color:var(--text-primary)}#root{min-height:100svh}h1,h2,h3{line-height:1.2}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth-page{min-height:100dvh;background:var(--surface-grouped, #f2f2f7);color:var(--text-primary, #101a15);padding:24px}.auth-toolbar{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.auth-toolbar>a{display:flex;align-items:center;gap:10px;color:inherit;font-size:22px;font-weight:750;letter-spacing:-.02em;text-decoration:none}.auth-toolbar>div{display:flex;align-items:center;gap:16px}.auth-panel{max-width:460px;margin:52px auto;padding:30px;background:var(--surface-elevated, #fff);border:1px solid var(--separator, rgb(16 26 21 / 8%));border-radius:var(--radius-2xl, 28px);box-shadow:var(--shadow-md)}.auth-eyebrow{color:var(--label-tertiary, #8b968f);font-size:12px;font-weight:650;letter-spacing:.1em}.auth-panel h1{margin:12px 0;font-size:clamp(26px,5vw,32px);line-height:1.2;letter-spacing:-.03em}.auth-intro,.auth-note,.auth-legal{color:var(--label-secondary, #5d6b64);line-height:1.65}.auth-intro{margin-bottom:24px}.auth-methods{display:flex;gap:4px;margin-bottom:24px;padding:4px;border-radius:var(--radius-md, 12px);background:var(--surface-sunken, #ececf1)}.auth-methods button{flex:1;padding:10px 12px;background:none;color:var(--label-secondary, #5d6b64);border:0;border-radius:var(--radius-sm, 8px);font-size:14px;font-weight:600;cursor:pointer}.auth-methods button[aria-pressed=true]{background:var(--surface-elevated, #fff);color:var(--text-primary, #101a15);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form label{font-size:14px;font-weight:600;margin-top:6px}.auth-form input{width:100%;min-width:0;min-height:50px;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md, 12px);border:1px solid var(--border-primary, #bccac0);background:var(--surface-elevated, white);color:inherit;font-size:16px}.auth-page button:focus-visible,.auth-page input:focus-visible,.auth-page a:focus-visible{outline:3px solid var(--accent, #16845b);outline-offset:3px}.auth-code-row{display:flex;gap:10px}.auth-code-row button{flex-shrink:0;padding:0 16px;color:inherit;border-radius:var(--radius-md, 12px);border:1px solid var(--border-primary, #bccac0);background:var(--surface-elevated, white);cursor:pointer}.auth-submit{min-height:50px;border:0;border-radius:var(--radius-pill, 999px);background:var(--accent, #16845b);color:var(--on-accent, white);font-weight:650;font-size:16px;cursor:pointer;margin-top:14px}.auth-page button:disabled{opacity:.5;cursor:not-allowed}.auth-note,.auth-legal,.auth-error{font-size:13px}.auth-error{color:var(--danger);margin:4px 0}.auth-google{text-align:center;font-size:13px;margin:24px 0}#google-signin-button{display:flex;justify-content:center}.auth-legal a{color:inherit;text-underline-offset:3px}@media(max-width:520px){.auth-page{padding:20px}.auth-panel{margin:40px auto}}.auth-apple{margin-top:1rem}.auth-apple>button{width:100%;min-height:44px;border:1px solid #777;border-radius:6px;background:#111;color:#fff;font-size:16px;cursor:pointer}.auth-apple>button:disabled{opacity:.55;cursor:default}.auth-qr{text-align:center;min-height:290px;padding:8px 0}.auth-qr svg{display:block;margin:0 auto;background:#fff;border-radius:8px}.auth-qr button{padding:10px 20px;border:1px solid var(--border-primary, #bccac0);border-radius:var(--radius-pill, 999px);background:var(--surface-elevated, white);color:inherit;cursor:pointer}.app-stage-notice{padding:8px 16px;text-align:center;font-size:13px;color:#705415;background:#fff4d6;border-bottom:1px solid #ebd8a2}.app-shell{min-height:100svh;background:var(--surface-grouped);display:flex;align-items:stretch}.app-shell-skip{position:absolute;left:-9999px;top:0;padding:10px 16px;background:var(--surface-elevated);border-radius:var(--radius-md);z-index:60}.app-shell-skip:focus{left:12px;top:12px}.app-rail{display:none;flex-direction:column;gap:28px;width:248px;flex-shrink:0;padding:28px 18px 24px;border-right:1px solid var(--separator);background:var(--surface-elevated);position:sticky;top:0;height:100svh}.app-rail-brand{display:flex;align-items:center;gap:12px;padding:0 8px;text-decoration:none}.app-rail-brand img{width:38px;height:38px;border-radius:var(--radius-md)}.app-rail-brand-copy{display:flex;flex-direction:column;line-height:1.25}.app-rail-brand-copy strong{font-size:18px;font-weight:700;letter-spacing:-.02em}.app-rail-brand-copy span{font-size:12px;color:var(--label-secondary)}.app-rail-nav{display:flex;flex-direction:column;gap:4px}.app-rail-link{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:var(--radius-lg);color:var(--label-secondary);font-size:16px;font-weight:600;text-decoration:none;transition:background var(--transition-base),color var(--transition-base)}.app-rail-link svg{flex-shrink:0}.app-rail-link:hover{background:var(--surface-sunken);color:var(--text-primary)}.app-rail-link[aria-current=page]{background:var(--surface-tint);color:var(--accent)}.app-rail-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.app-rail-account{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-primary);text-decoration:none;transition:background var(--transition-base)}.app-rail-account:hover{background:var(--surface-tint)}.app-rail-account .list-row-body span{font-size:12px}.app-rail-actions{display:flex;align-items:center;gap:8px}.app-rail .language-name,.app-rail .theme-label{display:none}.app-rail .language-button,.app-rail .theme-toggle{min-width:40px;min-height:40px;padding:8px 10px;gap:0;justify-content:center}.app-content{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:color-mix(in srgb,var(--surface-grouped) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--separator)}.app-topbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.app-topbar-brand img{width:30px;height:30px;border-radius:var(--radius-sm)}.app-topbar-actions{display:flex;align-items:center;gap:8px;min-width:0}.app-main{flex:1;width:100%;max-width:1020px;margin:0 auto;padding:22px 18px 132px}.app-dock{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(430px,calc(100% - 24px));height:68px;display:flex;align-items:stretch;padding:6px;gap:2px;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);border:1px solid var(--separator);border-radius:var(--radius-pill);box-shadow:var(--shadow-dock);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40}.app-dock-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--radius-pill);color:var(--label-tertiary);text-decoration:none;font-size:10px;font-weight:600;transition:background var(--transition-base),color var(--transition-base)}.app-dock-link span{line-height:1}.app-dock-link[aria-current=page]{background:var(--surface-tint);color:var(--accent)}.app-shell-loading{display:grid;place-items:center;min-height:60svh;color:var(--label-secondary)}@media(min-width:900px){.app-rail{display:flex}.app-topbar,.app-dock{display:none}.app-main{padding:44px 48px 96px}}@media(min-width:1400px){.app-main{max-width:1120px}}@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell *:before,.app-shell *:after{transition:none!important;animation:none!important}}.screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.screen-eyebrow{margin:0 0 6px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--label-tertiary)}.screen-title{margin:0;font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.03em}.screen-sub{margin:8px 0 0;font-size:15px;color:var(--label-secondary);max-width:62ch}.screen-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.section{margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}.section-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:14px;font-weight:600;text-decoration:none;background:none;border:0;padding:4px 0}.card{background:var(--surface-elevated);border:1px solid var(--separator);border-radius:var(--radius-2xl);padding:22px;box-shadow:var(--shadow-sm)}.card-title{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em}.card-copy{margin:0;font-size:14px;line-height:1.6;color:var(--label-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:15px;font-weight:650;text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-tinted{background:var(--accent-soft);color:var(--accent)}.btn-tinted:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,transparent)}.btn-quiet{background:var(--surface-sunken);color:var(--text-primary)}.btn-ghost{background:transparent;border-color:var(--border-primary);color:var(--text-primary)}.btn-block{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--border-primary);background:var(--surface-elevated);color:var(--text-primary);font-size:14px;font-weight:600}.icon-button:hover{background:var(--surface-sunken)}.segmented{display:flex;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid transparent}.segmented button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--label-secondary);font-size:14px;font-weight:600;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.segmented button[aria-pressed=true] svg{color:var(--accent)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 14px;min-height:168px;border-radius:var(--radius-xl);border:1px solid var(--separator);background:var(--surface-elevated);color:var(--text-primary);text-decoration:none;text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tile-art{width:78px;height:78px;border-radius:var(--radius-pill);object-fit:cover}.tile-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.tile-title{font-size:16px;font-weight:650}.tile-copy{font-size:12px;color:var(--label-secondary);line-height:1.45}.list-group{background:var(--surface-elevated);border:1px solid var(--separator);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.list-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;border-radius:0;background:transparent;color:var(--text-primary);text-align:left;text-decoration:none;font-size:15px;min-height:56px}.list-row+.list-row{border-top:1px solid var(--separator)}.list-row:hover{background:var(--surface-sunken)}.list-row-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.list-row-icon.is-muted{background:var(--surface-sunken);color:var(--label-secondary)}.list-row-icon.is-danger{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.list-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-row-body strong{font-weight:600}.list-row-body span{font-size:13px;color:var(--label-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-value{color:var(--label-secondary);font-size:14px;flex-shrink:0}.list-row>svg:last-child{color:var(--label-tertiary);flex-shrink:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:18px}.metric{display:flex;flex-direction:column;gap:6px}.metric strong{font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric span{font-size:13px;color:var(--label-secondary)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:650;background:var(--surface-sunken);color:var(--label-secondary)}.status-pill.is-success{background:var(--accent-soft);color:var(--accent)}.status-pill.is-warning{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.status-pill.is-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.notice{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--separator);font-size:14px;line-height:1.6;color:var(--label-secondary)}.notice svg{flex-shrink:0;color:var(--accent);margin-top:2px}.notice.is-warning svg{color:var(--warning)}.notice.is-danger svg{color:var(--danger)}.notice strong{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;text-align:center;color:var(--label-secondary)}.empty-state svg{color:var(--label-tertiary)}.empty-state h2{margin:0;font-size:19px;color:var(--text-primary)}.empty-state p{margin:0;font-size:14px;max-width:44ch}@media(max-width:760px){.screen-head{flex-direction:column;align-items:flex-start}.screen-head-actions{width:100%}.card{padding:18px;border-radius:var(--radius-xl)}}