:root{--fs:14.5px;--bg:#f4f9fd;--surface:#ffffff;--surface-2:#e8f3fb;--text:#0f2233;--text-muted:#5b7186;--border:#d3e4f1;--primary:#0ea5e9;--primary-strong:#0284c7;--primary-contrast:#ffffff;--danger:#dc2626;--success:#16a34a;--gold:#b7791f;--gold-bg:#fdf3d6;--gold-line:#e0b84a;--shadow:0 2px 10px rgba(14,80,130,0.08);--nav-h:64px;--top-h:56px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1824;--surface:#12263a;--surface-2:#183049;--text:#e6f2fb;--text-muted:#8fa9bf;--border:#234563;--primary:#38bdf8;--primary-strong:#7dd3fc;--primary-contrast:#06202f;--danger:#f87171;--success:#4ade80;--gold:#fbbf24;--gold-bg:#3a2f10;--gold-line:#b88a1e;--shadow:0 2px 10px rgba(0,0,0,0.35);color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1824;--surface:#12263a;--surface-2:#183049;--text:#e6f2fb;--text-muted:#8fa9bf;--border:#234563;--primary:#38bdf8;--primary-strong:#7dd3fc;--primary-contrast:#06202f;--danger:#f87171;--success:#4ade80;--gold:#fbbf24;--gold-bg:#3a2f10;--gold-line:#b88a1e;--shadow:0 2px 10px rgba(0,0,0,0.35);color-scheme:dark}:root[data-accent=viola]{--primary:#7c3aed;--primary-strong:#6d28d9;--primary-contrast:#ffffff}:root[data-accent=smeraldo]{--primary:#059669;--primary-strong:#047857;--primary-contrast:#ffffff}:root[data-accent=arancio]{--primary:#c2570c;--primary-strong:#9a3f06;--primary-contrast:#ffffff}:root[data-accent=rosa]{--primary:#db2777;--primary-strong:#be185d;--primary-contrast:#ffffff}@media (prefers-color-scheme:dark){:root[data-accent=viola]:not([data-theme=light]){--primary:#a78bfa;--primary-strong:#c4b5fd;--primary-contrast:#1e1033}:root[data-accent=smeraldo]:not([data-theme=light]){--primary:#34d399;--primary-strong:#6ee7b7;--primary-contrast:#05241a}:root[data-accent=arancio]:not([data-theme=light]){--primary:#fb923c;--primary-strong:#fdba74;--primary-contrast:#2b1203}:root[data-accent=rosa]:not([data-theme=light]){--primary:#f472b6;--primary-strong:#f9a8d4;--primary-contrast:#2d0a1c}}:root[data-accent=viola][data-theme=dark]{--primary:#a78bfa;--primary-strong:#c4b5fd;--primary-contrast:#1e1033}:root[data-accent=smeraldo][data-theme=dark]{--primary:#34d399;--primary-strong:#6ee7b7;--primary-contrast:#05241a}:root[data-accent=arancio][data-theme=dark]{--primary:#fb923c;--primary-strong:#fdba74;--primary-contrast:#2b1203}:root[data-accent=rosa][data-theme=dark]{--primary:#f472b6;--primary-strong:#f9a8d4;--primary-contrast:#2d0a1c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:var(--fs);-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.45;min-height:100dvh}a{color:var(--primary-strong);text-decoration:none}h1{font-size:1.4rem;margin:0 0 4px}h2{font-size:1.05rem;margin:0 0 8px}p{margin:0 0 12px}.muted{color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.9rem;font-weight:600}input,select{width:100%;min-height:48px;padding:10px 14px;font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:12px;outline:none}input[type=checkbox],input[type=radio]{width:22px;min-height:22px;height:22px;padding:0;flex:none;accent-color:var(--primary)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.eye-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--text-muted);border-radius:10px;cursor:pointer}.eye-btn:active{background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:10px 16px;font:inherit;font-weight:700;color:var(--primary-contrast);background:var(--primary);border:0;border-radius:12px;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn.secondary{background:var(--surface-2);color:var(--text);border:1.5px solid var(--border)}.btn.danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.msg{padding:10px 14px;border-radius:12px;margin-bottom:14px;font-size:.92rem}.msg.error{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.msg.ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px 20px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-weight:800;font-size:1.25rem}.auth-brand .logo{width:36px;height:36px;border-radius:10px;background:var(--primary);color:var(--primary-contrast);display:grid;place-items:center}.auth-links{gap:12px;margin-top:16px;font-size:.92rem}.auth-links,.topbar{display:flex;justify-content:space-between}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:var(--top-h);align-items:center;padding:env(safe-area-inset-top) 12px 0;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.avatar-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text)}.avatar-face{width:32px;height:32px;border-radius:50%;overflow:hidden;line-height:0;background:var(--surface-2);display:grid;place-items:center;image-rendering:pixelated}.avatar-badge .lvl{font-size:.85rem;font-weight:700}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--text);background:transparent;border:0}.icon-btn:active{background:var(--surface-2)}.topbar-actions{display:flex;align-items:center;gap:2px}.sync-btn:disabled{opacity:1}.sync-btn.spin svg{animation:tm-spin .9s linear infinite}@keyframes tm-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.sync-btn.spin svg{animation-duration:2.4s}}.page{padding:16px 16px calc(var(--nav-h) + 92px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}.placeholder-card{border:1px dashed var(--border);border-radius:16px;padding:20px;text-align:center}.card,.placeholder-card{background:var(--surface)}.card{border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:var(--shadow)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:.72rem;min-width:0;font-weight:600;color:var(--text-muted);min-height:48px;justify-content:center}.nav-item.active{color:var(--primary-strong)}.fab{position:fixed;right:16px;bottom:calc(var(--nav-h) + 14px + env(safe-area-inset-bottom));z-index:31;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);border:0;display:grid;place-items:center;box-shadow:0 4px 14px rgba(5,20,32,.28);cursor:pointer}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:rgba(5,20,32,.45);display:flex;align-items:flex-end}.sheet{width:100%;max-width:640px;margin:0 auto;background:var(--surface);border-radius:20px 20px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.sheet h2{margin-bottom:12px}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.sheet-option{display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;min-height:64px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:14px;cursor:pointer}.sheet-option small{color:var(--text-muted)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.segmented button{min-height:44px;font:inherit;font-weight:600;color:var(--text);background:var(--surface-2);border:1.5px solid var(--border);border-radius:12px;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.method section{margin:22px 0;scroll-margin-top:70px}.method h2{margin-bottom:8px}.method h3,.method h4{margin:14px 0 6px}.method p,.method ul{margin:8px 0;line-height:1.5}.method ul{padding-left:20px}.method-toc{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.method-toc a{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:.85rem;text-decoration:none;color:var(--text)}.method-formula{font-family:ui-monospace,monospace;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;overflow-x:auto}.method-note{background:var(--surface-2);border-left:3px solid var(--border);padding:8px 12px;border-radius:6px}.method-table{overflow-x:auto;margin:10px 0}.method-table table{border-collapse:collapse;width:100%;font-size:.85rem}.method-table td,.method-table th{border:1px solid var(--border);padding:6px 8px;text-align:left;vertical-align:top}.method-table th{background:var(--surface-2)}.steps-nav{display:flex;gap:6px;flex-wrap:wrap}.step-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:.85rem;cursor:pointer}.step-chip[aria-selected=true]{border-color:var(--accent,#0ea5e9);font-weight:600}.step-chip.done span{color:#16a34a}.rating-warnings{margin:0;padding:8px 12px 8px 28px;background:var(--surface-2);border-left:3px solid #f59e0b;border-radius:6px;font-size:.85rem}