@layer components{.ic{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.ic-sm{width:16px;height:16px}.ic-lg{width:24px;height:24px}.btn{border-radius:var(--radius-pill);white-space:nowrap;background:var(--color-surface-2);color:var(--color-ink);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;line-height:1;transition:transform .12s,background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5}.btn .ic{width:18px;height:18px}.btn-primary{background:var(--color-navy);color:#fff}.btn-primary:hover{background:var(--color-navy-700)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-700)}.btn-ghost{border-color:var(--color-line);color:var(--color-ink);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);border-color:#d7dbe1}.btn-soft{background:var(--color-accent-soft);color:var(--color-accent-700)}.btn-soft:hover{background:#dce8fd}.btn-lg{padding:13px 22px;font-size:15px}.btn-sm{padding:7px 13px;font-size:13px}.btn-block{width:100%}.iconbtn{border-radius:var(--radius-pill);width:38px;height:38px;color:var(--color-ink-muted);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.iconbtn:hover{background:var(--color-surface-2);color:var(--color-ink)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-r);box-shadow:0 1px 2px #10213c0d,0 1px 3px #10213c0d}.card-hover{transition:transform .15s,box-shadow .15s,border-color .15s}.card-hover:hover,.card-hover:focus-visible{border-color:#d7dbe1;transform:translateY(-2px);box-shadow:0 10px 30px -14px #10213c2e}.card-hover:active{border-color:#d7dbe1;transform:translateY(0);box-shadow:0 4px 14px -8px #10213c29}@media (prefers-reduced-motion:reduce){.card-hover{transition:none}}.nav-item{width:100%;color:var(--color-ink-muted);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--color-surface-2);color:var(--color-ink)}.nav-item.is-active{background:var(--color-accent-soft);color:var(--color-navy);font-weight:600}.nav-list,.nav-list>.nav-item{position:relative}.nav-list>.nav-item.is-active,.nav-list>.nav-item.is-active:hover{background:0 0}.nav-indicator{--nav-indicator-duration:.28s;--nav-indicator-easing:cubic-bezier(.3, 1.2, .3, 1);z-index:0;background:var(--color-accent-soft);transition:transform var(--nav-indicator-duration) var(--nav-indicator-easing), height var(--nav-indicator-duration) var(--nav-indicator-easing), opacity .15s;will-change:transform;border-radius:12px;position:absolute;top:0;left:0;right:0}.chip{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-muted);white-space:nowrap;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s,scale .12s;display:inline-flex}.chip:active{scale:.94}.chip:hover{color:var(--color-ink)}.chip.is-active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.chip.chip-pop{animation:.32s cubic-bezier(.34,1.56,.64,1) chip-pop}@keyframes chip-pop{0%{transform:scale(.88)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.chip:active{scale:1}.chip.chip-pop{animation:none}}.badge{border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warn{background:var(--color-warn-bg);color:var(--color-warn)}.badge-gold{background:var(--color-gold-bg);color:var(--color-gold)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info-fg)}.badge-neutral{background:var(--color-surface-2);color:var(--color-ink-muted)}.avatar{object-fit:cover;background:var(--color-surface-2);border-radius:50%}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.page-head h1{font-size:24px}.page-head .sub{color:var(--color-ink-muted);margin-top:4px;font-size:14px}.searchbar{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-faint);align-items:center;gap:10px;padding:10px 16px;display:flex}.searchbar input{min-width:0;font:inherit;color:var(--color-ink);background:0 0;border:none;outline:none;flex:1}.searchbar input::placeholder{color:var(--color-ink-faint)}[data-page-enter]{--page-enter-duration:.22s;--page-enter-easing:cubic-bezier(.22, .61, .36, 1)}[data-page-enter=fade]{animation:page-enter-fade var(--page-enter-duration) var(--page-enter-easing) both}[data-page-enter=fade-up]{animation:page-enter-fade-up var(--page-enter-duration) var(--page-enter-easing) both}[data-page-enter=scale]{animation:page-enter-scale var(--page-enter-duration) var(--page-enter-easing) both}@media (prefers-reduced-motion:reduce){[data-page-enter]{animation:none}.nav-indicator{transition:none}}}@keyframes page-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes page-enter-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes page-enter-scale{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}:root{--color-bg:#fff;--color-ink:#1a2333;--color-line:#e3e8ef;--color-accent:#16335b;--radius-card:14px;--shadow-card:0 1px 2px #1420360f}body{background:var(--color-bg);color:var(--color-ink);margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:720px;margin:0 auto;padding:48px 24px}.app-loading{color:#6b7487}.app-header{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:12px 0;display:flex}.toolbar{align-items:center;gap:8px;display:flex}.toolbar-label{color:#6b7487;text-transform:uppercase;letter-spacing:.04em;margin-right:4px;font-size:12px}.toolbar-btn{border:1px solid var(--color-line);background:var(--color-bg);cursor:pointer;font:inherit;color:inherit;border-radius:8px;padding:6px 12px}.toolbar-btn:hover{border-color:var(--color-accent)}.toolbar-btn[aria-pressed=true],.toolbar-btn[aria-current=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.gate-card{border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);max-width:440px;padding:32px}.gate-card p{color:#6b7487;margin:8px 0 16px}.toast-bar{z-index:10;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;bottom:16px;right:16px}.toast{cursor:pointer;border-radius:10px;padding:12px 16px;font-size:14px;box-shadow:0 4px 16px #14203629}.toast--warn{color:#6b4d0e;background:#fdf3e0;border:1px solid #e5c07b}.toast--error{color:#7a2e20;background:#fbe9e7;border:1px solid #e5a49b}.toast--info{color:#1f3d70;background:#e8eefb;border:1px solid #a9c0ea}