@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--on-bg);min-height:100vh;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}[data-theme=charcoal-dark]{--bg:#13131a;--surface:#1a1a22;--surface-var:#22222c;--card:#1e1e28;--on-bg:#f4f4fa;--on-surface:#ccccd8;--primary:#6c8eff;--muted:#5c5c6e;--divider:#222228;--shimmer:#1c1c22;--error:#f87171;--success:#34d399}[data-theme=charcoal-light]{--bg:#f5f5f7;--surface:#fff;--surface-var:#eeeef3;--card:#fff;--on-bg:#111114;--on-surface:#3a3a45;--primary:#4a6fff;--muted:#8e8e9e;--divider:#e5e5ea;--shimmer:#eeeef3;--error:#f87171;--success:#34d399}[data-theme=book-dark]{--bg:#221a10;--surface:#2c2418;--surface-var:#362c22;--card:#30281c;--on-bg:#f8f0dc;--on-surface:#d8c8a8;--primary:#d4a853;--muted:#6b5d48;--divider:#352c20;--shimmer:#2c2418;--error:#f87171;--success:#34d399}[data-theme=book-light]{--bg:#faf3e8;--surface:#fff8ee;--surface-var:#f0e8d8;--card:#fff8ee;--on-bg:#2c1f0e;--on-surface:#5c4a30;--primary:#8b5e2c;--muted:#9e8a70;--divider:#dfd0bc;--shimmer:#f0e8d8;--error:#f87171;--success:#34d399}[data-theme=forest-dark]{--bg:#111c15;--surface:#18261c;--surface-var:#1f3023;--card:#1c2a20;--on-bg:#e8f5ec;--on-surface:#aac8af;--primary:#4caf6f;--muted:#4a6650;--divider:#1e2e20;--shimmer:#162019;--error:#f87171;--success:#34d399}[data-theme=forest-light]{--bg:#f2f9f2;--surface:#fff;--surface-var:#e8f4e8;--card:#fff;--on-bg:#0d2010;--on-surface:#2e5030;--primary:#2e7d32;--muted:#7c9e7e;--divider:#d0e8d0;--shimmer:#e8f4e8;--error:#f87171;--success:#34d399}[data-theme=ocean-dark]{--bg:#0c1828;--surface:#122030;--surface-var:#192b3e;--card:#162436;--on-bg:#eaf4fc;--on-surface:#a0ccdf;--primary:#00b4d8;--muted:#3a6070;--divider:#1a2e40;--shimmer:#14263a;--error:#f87171;--success:#34d399}[data-theme=ocean-light]{--bg:#f0f8fc;--surface:#fff;--surface-var:#e0f0f8;--card:#fff;--on-bg:#0a1a28;--on-surface:#1a4060;--primary:#0077b6;--muted:#6090a8;--divider:#c8e0ee;--shimmer:#e0f0f8;--error:#f87171;--success:#34d399}[data-theme=sunset-dark]{--bg:#1c1018;--surface:#261820;--surface-var:#301e28;--card:#2a1c24;--on-bg:#faf0f4;--on-surface:#d8b0bc;--primary:#e8527a;--muted:#6e4858;--divider:#302028;--shimmer:#241620;--error:#f87171;--success:#34d399}[data-theme=sunset-light]{--bg:#fdf5f7;--surface:#fff;--surface-var:#f8ecf0;--card:#fff;--on-bg:#1c080e;--on-surface:#4a2030;--primary:#c0305a;--muted:#a07080;--divider:#eed8e0;--shimmer:#f8ecf0;--error:#f87171;--success:#34d399}[data-theme=mono-dark]{--bg:#111;--surface:#1a1a1a;--surface-var:#222;--card:#1e1e1e;--on-bg:#f0f0f0;--on-surface:silver;--primary:#e0e0e0;--muted:#606060;--divider:#282828;--shimmer:#1c1c1c;--error:#f87171;--success:#34d399}[data-theme=mono-light]{--bg:#f8f8f8;--surface:#fff;--surface-var:#f0f0f0;--card:#fff;--on-bg:#111;--on-surface:#333;--primary:#222;--muted:#888;--divider:#e0e0e0;--shimmer:#f0f0f0;--error:#f87171;--success:#34d399}.hf-toast.svelte-1cpok13{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);background:var(--surface-var,#1f1f1f);color:var(--text,#fff);border:1px solid var(--divider,#ffffff1f);z-index:9999;text-align:center;pointer-events:none;border-radius:24px;max-width:min(88vw,420px);padding:10px 18px;font-size:13.5px;font-weight:600;animation:.18s ease-out svelte-1cpok13-hf-toast-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}@keyframes svelte-1cpok13-hf-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.app-banner.svelte-12qhfyh{z-index:200;background:var(--surface);border-bottom:1px solid var(--divider);align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.app-banner-close.svelte-12qhfyh{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:14px;line-height:1}.app-banner-info.svelte-12qhfyh{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.app-banner-icon.svelte-12qhfyh{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:flex}.app-banner-title.svelte-12qhfyh{color:var(--on-bg);font-size:13px;font-weight:700}.app-banner-sub.svelte-12qhfyh{color:var(--muted);font-size:11px}.app-banner-btn.svelte-12qhfyh{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:99px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .15s}.app-banner-btn.svelte-12qhfyh:hover{opacity:.88}.auth-loading-screen.svelte-12qhfyh{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.auth-spinner.svelte-12qhfyh{border:3px solid color-mix(in srgb, var(--primary) 25%, transparent);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite svelte-12qhfyh-auth-spin}@keyframes svelte-12qhfyh-auth-spin{to{transform:rotate(360deg)}}.bottom-nav.svelte-12qhfyh{background:var(--surface);border-top:1px solid var(--divider);z-index:100;height:60px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item.svelte-12qhfyh{color:var(--muted);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 12px;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-item.active.svelte-12qhfyh{color:var(--primary)}.nav-item.svelte-12qhfyh:hover{color:var(--on-bg)}.nav-item.nav-login.svelte-12qhfyh{color:var(--primary)}.nav-avatar.svelte-12qhfyh{object-fit:cover;border:1.5px solid var(--divider);border-radius:50%;width:24px;height:24px}.nav-avatar.active-av.svelte-12qhfyh{border-color:var(--primary)}.global-header.svelte-12qhfyh{background:var(--surface);border-bottom:1px solid var(--divider);z-index:100;align-items:center;gap:10px;max-width:100%;height:52px;padding:0 14px;display:flex;position:sticky;top:0;left:0;right:0}.hdr-hamburger.svelte-12qhfyh{width:36px;height:36px;color:var(--on-bg);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.hdr-hamburger.svelte-12qhfyh:hover{background:var(--surface-var)}.hdr-logo.svelte-12qhfyh{color:var(--primary);flex:1;font-family:system-ui,sans-serif;font-size:20px;font-weight:900;text-decoration:none;display:block}.hdr-actions.svelte-12qhfyh{align-items:center;gap:0;display:flex}.hdr-icon.svelte-12qhfyh{width:38px;height:38px;color:var(--on-bg);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:flex;position:relative}.hdr-icon.svelte-12qhfyh:hover{background:var(--surface-var)}.badge-wrap.svelte-12qhfyh{position:relative}.badge.svelte-12qhfyh{color:#fff;border:1.5px solid var(--surface);pointer-events:none;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-5px}.drawer-backdrop.svelte-12qhfyh{z-index:250;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;position:fixed;inset:0}.drawer.svelte-12qhfyh{background:var(--surface);z-index:260;flex-direction:column;width:min(300px,85vw);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.drawer.open.svelte-12qhfyh{transform:translate(0)}.drawer-inner.svelte-12qhfyh{padding:20px 16px;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.dr-profile.svelte-12qhfyh{border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:10px;text-decoration:none;transition:background .15s;display:flex}.dr-profile.svelte-12qhfyh:hover{background:var(--surface-var)}.dr-av.svelte-12qhfyh{background:var(--surface-var);width:46px;height:46px;color:var(--on-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;overflow:hidden}.dr-av.svelte-12qhfyh img:where(.svelte-12qhfyh){object-fit:cover;width:100%;height:100%}.dr-profile-info.svelte-12qhfyh{flex:1;min-width:0}.dr-name.svelte-12qhfyh{color:var(--on-bg);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.dr-email.svelte-12qhfyh{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.dr-login-btn.svelte-12qhfyh{text-align:center;background:var(--primary);color:#fff;border-radius:12px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;display:block}.dr-divider.svelte-12qhfyh{background:var(--divider);height:1px;margin:8px 0}.dr-grid.svelte-12qhfyh{border:1px solid var(--divider);background:var(--surface-var);border-radius:14px;grid-template-columns:repeat(3,1fr);margin:8px 0;display:grid;overflow:hidden}.dr-grid-item.svelte-12qhfyh{color:var(--on-bg);border-right:.5px solid var(--divider);border-bottom:.5px solid var(--divider);flex-direction:column;align-items:center;gap:5px;padding:14px 4px;font-size:10px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.dr-grid-item.svelte-12qhfyh:nth-child(3n){border-right:none}.dr-grid-item.svelte-12qhfyh:nth-last-child(-n+3){border-bottom:none}.dr-grid-item.svelte-12qhfyh:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.dr-grid-item.dr-active.svelte-12qhfyh{color:var(--primary)}.dr-grid-item.dr-active.svelte-12qhfyh svg:where(.svelte-12qhfyh){stroke:var(--primary)}.theme-chip.svelte-12qhfyh{cursor:pointer;background:var(--surface-var);color:var(--muted);border:none;border-radius:99px;flex:1;padding:6px 0;font-family:inherit;font-size:11px;font-weight:500;transition:background .15s,color .15s}.theme-chip.selected.svelte-12qhfyh{background:var(--primary);color:#fff;font-weight:700}.dr-logo.svelte-12qhfyh{color:var(--primary);letter-spacing:-.5px;padding:4px 0 14px;font-size:1.3rem;font-weight:900}.dr-section-label.svelte-12qhfyh{color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:10px 0 6px;font-size:.7rem;font-weight:700;display:flex}.dr-mode-row.svelte-12qhfyh{gap:6px;padding-bottom:10px;display:flex}.dr-variant-grid.svelte-12qhfyh{grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:4px;display:grid}.dr-variant-btn.svelte-12qhfyh{border:1.5px solid var(--divider);background:var(--surface-var);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 8px;font-family:inherit;transition:all .15s;display:flex}.dr-variant-btn.dr-variant-active.svelte-12qhfyh{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.dr-variant-dot.svelte-12qhfyh{border-radius:50%;flex-shrink:0;width:14px;height:14px}.dr-variant-name.svelte-12qhfyh{color:var(--on-bg);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:600;overflow:hidden}.dr-lang-row.svelte-12qhfyh{gap:8px;padding-bottom:4px;display:flex}.dr-lang-btn.svelte-12qhfyh{border:1.5px solid var(--divider);background:var(--surface-var);color:var(--on-bg);cursor:pointer;border-radius:10px;flex:1;padding:9px 6px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.dr-lang-btn.dr-lang-active.svelte-12qhfyh{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.dr-grid-icon-wrap.svelte-12qhfyh{justify-content:center;align-items:center;display:flex;position:relative}.dr-badge.svelte-12qhfyh{background:var(--error);color:#fff;border-radius:99px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.4;position:absolute;top:-4px;right:-6px}.dr-share.svelte-12qhfyh,.dr-signout.svelte-12qhfyh{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 10px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.dr-share.svelte-12qhfyh{color:var(--primary);margin-top:4px}.dr-share.svelte-12qhfyh:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.dr-signout.svelte-12qhfyh{color:#ef4444;margin-top:2px}.dr-signout.svelte-12qhfyh:hover{background:#ef444414}