:root{--bg:#fbf7ef;--surface:#fff;--surface-soft:#fbf8f3;--border:#ece3d6;--border-strong:#ddd2c2;--text:#2e2b3a;--text-soft:#6b6675;--text-muted:#9c97a6;--primary:#0c7a82;--primary-deep:#075e63;--primary-hover:#0a6e73;--on-primary:#fff;--primary-tint:#e3f7f8;--primary-tint-text:#0a6e73;--brand-teal:#00c4cc;--brand-yellow:gold;--brand-orange:#ff8c42;--brand-blue:#4a90e2;--brand-purple:#9b51e0;--danger:#b3261e;--danger-bg:#fdeceb;--success:#15803d;--success-bg:#e9f6ee;--star:gold;--star-text:#7a5a12;--tile-amber:#ffe7a3;--tile-amber-ink:#6e4715;--tile-teal:#b6ecef;--tile-teal-ink:#064a4f;--tile-coral:#ffd2b8;--tile-coral-ink:#7a3413;--tile-blue:#c8def8;--tile-blue-ink:#0c447c;--tile-lilac:#e2d2f7;--tile-lilac-ink:#4a2585;--tile-green:#cdeeb0;--tile-green-ink:#2c520c;--font-head:"Fredoka", system-ui, sans-serif;--font-display:"Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-reading:"Andika", "Noto Sans", system-ui, sans-serif;--r-sm:10px;--r:14px;--r-card:18px;--pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-8:48px;--shadow-sm:0 2px 8px #3c325014;--shadow:0 6px 18px #3c325024;--shadow-btn:0 4px 0 var(--primary-deep);--focus:0 0 0 3px #00c4cc80;--overlay:#28263a80;--container:60rem;--gutter:1.5rem;--section-gap:2rem}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.66 0 0 0 0 0.6 0 0 0 0 0.52 0 0 0 0.28 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;margin:0;font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--text);margin:0 0 var(--sp-3);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--primary-tint-text)}a:hover{text-decoration:underline}button{font-family:var(--font-head);cursor:pointer;border-radius:var(--pill);background:var(--primary);min-height:44px;color:var(--on-primary);box-shadow:var(--shadow-btn);border:none;padding:.65rem 1.4rem;font-size:1rem;font-weight:600;transition:transform 80ms,background .15s}button:hover:not(:disabled){background:var(--primary-hover)}button:active:not(:disabled){box-shadow:0 2px 0 var(--primary-deep);transform:translateY(2px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--primary-tint-text);border:2px solid var(--border-strong);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--primary-tint)}input,select,textarea{font-family:var(--font-body);border:2px solid var(--border);border-radius:var(--r-sm);background:var(--surface-soft);min-height:44px;color:var(--text);padding:.6rem .85rem;font-size:1rem}textarea{min-height:5rem}:focus-visible{box-shadow:var(--focus);outline:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.pill{border-radius:var(--pill);align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.wc-blob{filter:blur(26px);opacity:.16;pointer-events:none;z-index:0;border-radius:55% 45% 60% 40%/50% 60% 40% 55%;position:absolute}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:100%;max-width:var(--container);padding:var(--section-gap) var(--gutter);margin-inline:auto}@media (width<=600px){:root{--gutter:1rem;--section-gap:1.5rem}body{font-size:16px}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.15rem}}@media (width>=1441px){:root{--container:68rem}}footer.svelte-jz8lnl{border-top:1px solid var(--border);padding:var(--sp-5) var(--sp-4);text-align:center;color:var(--text-soft);margin-top:auto;font-size:.875rem}.brand-line.svelte-jz8lnl{font-family:var(--font-head);color:var(--text);margin:0 0 var(--sp-2);letter-spacing:.01em;font-weight:600}a.svelte-jz8lnl{color:var(--primary-tint-text);text-decoration:underline}a.svelte-jz8lnl:hover{color:var(--text)}.version.svelte-jz8lnl{opacity:.6;letter-spacing:.03em}.layout.svelte-12qhfyh{flex-direction:column;min-height:100dvh;display:flex}.topbar.svelte-12qhfyh{padding:.5rem var(--gutter);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;display:flex}.brand.svelte-12qhfyh{flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.brand-word.svelte-12qhfyh{display:inline-flex}.nav-icon.svelte-12qhfyh{width:40px;height:40px;color:var(--text-soft);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;position:relative}.nav-icon.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:22px;height:22px;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.nav-icon.svelte-12qhfyh:hover{background:var(--primary-tint);color:var(--primary);text-decoration:none}.nav-icon.active.svelte-12qhfyh{background:var(--primary-tint);color:var(--primary)}.nav-icon.svelte-12qhfyh:focus-visible{box-shadow:var(--focus)}button.nav-icon.svelte-12qhfyh{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.profiles-icon.svelte-12qhfyh:hover svg:where(.svelte-12qhfyh){transform:translateY(-2px)scale(1.08)}.books-icon.svelte-12qhfyh:hover svg:where(.svelte-12qhfyh){transform:rotate(-8deg)scale(1.05)}.settings-icon.svelte-12qhfyh:hover svg:where(.svelte-12qhfyh){transform:rotate(38deg)}.profiles-icon.has-avatar.svelte-12qhfyh{background:0 0}.profiles-icon.has-avatar.active.svelte-12qhfyh,.profiles-icon.has-avatar.svelte-12qhfyh:hover{background:var(--primary-tint)}.avatar-clip.svelte-12qhfyh{width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--surface), 0 0 0 1.5px var(--border);background:#eef4f8;border-radius:50%;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.34,1.56,.64,1);display:inline-flex;overflow:hidden}.profiles-icon.has-avatar.active.svelte-12qhfyh .avatar-clip:where(.svelte-12qhfyh){box-shadow:inset 0 0 0 2px var(--surface), 0 0 0 2px var(--primary)}.profiles-icon.has-avatar.svelte-12qhfyh:hover .avatar-clip:where(.svelte-12qhfyh){transform:translateY(-2px)scale(1.06)}.profiles-menu-wrap.svelte-12qhfyh{display:inline-flex;position:relative}.profiles-menu.svelte-12qhfyh{background:var(--surface);border:1px solid var(--border);min-width:230px;box-shadow:var(--shadow);z-index:40;border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-heading.svelte-12qhfyh{letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);margin:4px 10px 2px;font-size:.7rem;font-weight:700}.menu-item.svelte-12qhfyh{color:var(--text);border-radius:9px;align-items:center;gap:.6rem;padding:8px 10px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.menu-item.svelte-12qhfyh .thumb:where(.svelte-12qhfyh) svg:where(.svelte-12qhfyh){width:17px;height:17px;color:var(--text-soft);flex-shrink:0}.menu-label.svelte-12qhfyh{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-item.svelte-12qhfyh:hover{background:var(--primary-tint);color:var(--primary);text-decoration:none}.menu-item.svelte-12qhfyh:hover .thumb:where(.svelte-12qhfyh) svg:where(.svelte-12qhfyh){color:var(--primary)}.menu-item.svelte-12qhfyh:focus-visible{box-shadow:var(--focus);outline:none}button.menu-item.svelte-12qhfyh{width:100%;font:inherit;text-align:left;cursor:pointer;min-height:unset;background:0 0;border:none}.thumb.svelte-12qhfyh{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;overflow:hidden}.avatar-thumb.svelte-12qhfyh{box-shadow:inset 0 0 0 1px var(--border);background:#eef4f8}.all-thumb.svelte-12qhfyh,.add-thumb.svelte-12qhfyh{background:var(--primary-tint)}.tick.svelte-12qhfyh{color:var(--primary);margin-left:auto;font-weight:700}.profile-row.svelte-12qhfyh{border-radius:9px;align-items:center;gap:2px;display:flex}.profile-select.svelte-12qhfyh{flex:1;min-width:0}.profile-row.selected.svelte-12qhfyh{background:var(--primary-tint)}.profile-row.selected.svelte-12qhfyh .menu-item:where(.svelte-12qhfyh),.select-item.selected.svelte-12qhfyh{color:var(--primary)}.edit-link.svelte-12qhfyh{width:32px;height:32px;color:var(--text-soft);opacity:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.edit-link.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:15px;height:15px}.profile-row.svelte-12qhfyh:hover .edit-link:where(.svelte-12qhfyh),.edit-link.svelte-12qhfyh:focus-visible{opacity:1}.edit-link.svelte-12qhfyh:hover{background:var(--surface);color:var(--primary)}.edit-link.svelte-12qhfyh:focus-visible{box-shadow:var(--focus);outline:none}@media (hover:none){.edit-link.svelte-12qhfyh{opacity:.6}}.menu-add.svelte-12qhfyh{border-top:1px solid var(--border);color:var(--primary);border-radius:0 0 9px 9px;margin-top:4px;padding-top:10px;font-weight:600}.menu-add.svelte-12qhfyh .thumb:where(.svelte-12qhfyh) svg:where(.svelte-12qhfyh){color:var(--primary)}.nav-icon.svelte-12qhfyh:after{content:attr(data-tip);background:var(--text);color:#fff;font-family:var(--font-body);white-space:nowrap;box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;z-index:30;border-radius:8px;padding:6px 10px;font-size:.75rem;font-weight:600;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 7px);right:0;transform:translateY(4px)}.nav-icon.svelte-12qhfyh:hover:after,.nav-icon.svelte-12qhfyh:focus-visible:after{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.nav-icon.svelte-12qhfyh svg:where(.svelte-12qhfyh){transition:none}.profiles-icon.svelte-12qhfyh:hover svg:where(.svelte-12qhfyh),.books-icon.svelte-12qhfyh:hover svg:where(.svelte-12qhfyh),.settings-icon.svelte-12qhfyh:hover svg:where(.svelte-12qhfyh){transform:none}}.user.svelte-12qhfyh{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.logout.svelte-12qhfyh{min-height:38px;padding:.35rem 1rem;font-size:.9rem}.stars-pill.svelte-12qhfyh{color:var(--star-text);cursor:pointer;background:#fff7e0;text-decoration:none;transition:filter .15s}.stars-pill.svelte-12qhfyh:hover{filter:brightness(.96);text-decoration:none}@media (width<=600px){.topbar.svelte-12qhfyh{gap:.4rem}.nav-icon.svelte-12qhfyh{width:36px;height:36px}.nav-icon.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:20px;height:20px}}@media (width<=440px){.brand-word.svelte-12qhfyh{display:none}.nav-icon.svelte-12qhfyh{width:34px;height:34px}}