@layer base{:root{--site-bg:radial-gradient(circle at top left, #0071e314, transparent 30%), radial-gradient(circle at bottom right, #0ea5e90f, transparent 26%), linear-gradient(180deg, #f8fafc 0%, #f2f5fb 100%);--site-surface:#ffffffbd;--site-surface-strong:#ffffffeb;--site-border:#0f172a14;--site-border-strong:#0f172a1f;--site-text:#1d1d1f;--site-muted:#64748b;--site-subtle:#94a3b8;--site-accent:#0071e3;--site-accent-hover:#0077ed;--site-accent-soft:#0071e314;--site-radius-xl:30px;--site-radius-lg:24px;--site-radius-md:18px;--site-shadow:0 18px 42px #0f172a14;--site-shadow-soft:0 12px 28px #0f172a0d}body{background:var(--site-bg);color:var(--site-text)}}@layer components{.site-shell{flex-direction:column;gap:28px;width:min(100%,1200px);margin:0 auto;padding:0 20px;display:flex}.site-shell--reader{gap:24px}.site-panel{border-radius:var(--site-radius-xl);background:var(--site-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--site-border);box-shadow:var(--site-shadow)}.site-section-title{color:var(--site-text);align-items:center;gap:10px;margin:30px 0 20px;font-size:20px;font-weight:800;display:flex}.site-section-title:before{content:"";background:linear-gradient(180deg, var(--site-accent), #52a9ff);border-radius:999px;width:4px;height:18px;box-shadow:0 8px 20px #0071e32e}.site-chip{border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.site-chip--accent{color:#fff;background:linear-gradient(135deg, var(--site-accent), #52a9ff);box-shadow:0 10px 24px #0071e338}.site-chip--soft{color:var(--site-accent);background:var(--site-accent-soft);border:1px solid #0071e314}.site-chip--muted{color:var(--site-muted);background:#0f172a0d;border:1px solid #0f172a0a}.site-btn{border-radius:var(--site-radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.site-btn:disabled{opacity:.58;cursor:not-allowed}.site-btn--accent{color:#fff;background:linear-gradient(135deg, var(--site-accent), #52a9ff);box-shadow:0 14px 28px #0071e333}.site-btn--accent:hover{background:linear-gradient(135deg, var(--site-accent-hover), #5db0ff)}.site-btn--ghost{color:var(--site-accent);background:#fffc;border-color:#0071e329}.site-btn--ghost:hover{background:var(--site-accent);color:#fff}.site-icon-btn{width:42px;height:42px;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.site-icon-btn:hover{background:#ffffff3d;transform:scale(1.04)}.site-input{border-radius:var(--site-radius-md);border:1px solid var(--site-border-strong);background:var(--site-surface-strong);width:100%;min-height:46px;color:var(--site-text);outline:none;padding:11px 14px;font-size:14px;transition:all .18s}.site-input:focus{border-color:#0071e366;box-shadow:0 0 0 4px #0071e31f}.site-empty{color:var(--site-subtle);text-align:center;border-radius:var(--site-radius-lg);background:#ffffff6b;border:1px dashed #0f172a1a;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:72px 24px;display:flex}.site-empty i{color:#0071e380;font-size:40px}.site-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a61}.site-drawer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #fffc;box-shadow:0 24px 50px #0f172a24}.site-drawer--inverse{background:#0f172a9e;border-color:#ffffff14;box-shadow:0 24px 50px #00000057}.site-drawer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.site-drawer-title{font-family:var(--font-serif);color:var(--site-text);letter-spacing:-.02em;font-size:20px;font-weight:900}.site-drawer-action{color:var(--site-accent);background:#0071e31a;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.site-lock-screen{text-align:center;color:var(--site-text);flex-direction:column;justify-content:center;align-items:center;display:flex}.site-lock-screen h3{font-family:var(--font-serif);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:900}.site-lock-screen p{color:var(--site-muted);margin:0;line-height:1.6}.site-fab{right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:998;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aeb;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex;position:fixed;box-shadow:0 16px 32px #0f172a38}.topbar{-webkit-backdrop-filter:blur(18px)saturate(180%);background:#ffffffa8;border-bottom:1px solid #0f172a0f;box-shadow:0 10px 30px #0f172a0a}.site-footer-shell{border-radius:var(--site-radius-xl);color:var(--site-muted);box-shadow:var(--site-shadow-soft);background:#ffffff80;border:1px solid #0f172a0d;margin-top:8px;padding:18px 20px 44px}}@media (width<=768px){@layer components{.site-shell{gap:20px;padding:0 16px}.site-panel,.site-footer-shell{border-radius:24px}.site-drawer-header{flex-direction:column;align-items:flex-start}.site-lock-screen h3{font-size:24px}}}