:root,:root[data-theme=light]{color-scheme:light;--c-bg: #f7f4ff;--c-bg-warm: #fff6ee;--c-surface: #ffffff;--c-surface-2: #f2effa;--c-surface-3: #e9e4f6;--c-border: #e7e0fa;--c-border-strong: #cfc4ee;--c-text: #241a4d;--c-text-muted: #645c8c;--c-text-faint: #857dad;--c-text-on-accent: #ffffff;--c-ink-on-bright: #241a4d;--c-ink-on-media: #ffffff;--c-media-bg: #000000;--shadow-media-text: 0 1px 4px rgba(0, 0, 0, .45);--c-primary: #7a3df5;--c-primary-hover: #5f23d6;--c-primary-soft: #f0e8ff;--c-primary-bright: #a370ff;--c-accent: #c92a86;--c-accent-hover: #a81f6e;--c-accent-soft: #ffeff7;--c-accent-bright: #ff6fb5;--c-danger: #d41a42;--c-danger-hover: #b01238;--c-danger-soft: #ffecf0;--c-danger-bright: #ff5c7a;--c-success: #0b7a4f;--c-success-hover: #086040;--c-success-soft: #e1fcf0;--c-success-bright: #22d08a;--c-warning: #9c5c00;--c-warning-soft: #fff8e8;--c-warning-bright: #ffb020;--c-info: #0969b0;--c-info-soft: #e8f4fe;--c-info-bright: #38b6f5;--c-xp: #916400;--c-xp-soft: #fffbec;--c-xp-bright: #ffc02e;--c-level: #0a7879;--c-level-soft: #e9fbfb;--c-level-bright: #2bd9d4;--c-streak: #ba420b;--c-streak-soft: #fff3eb;--c-streak-bright: #ff8a3d;--c-gold: #ffc02e;--c-gold-ink: #916400;--c-silver: #c3cbdb;--c-silver-ink: #5c6677;--c-bronze: #d98a4a;--c-bronze-ink: #8a4e1c;--c-pop-1: #7a3df5;--c-pop-2: #d4258a;--c-pop-3: #c2500a;--c-pop-4: #4f7e0b;--c-pop-5: #0a7f80;--c-pop-6: #3552d6;--c-pop-1-bright: #a370ff;--c-pop-2-bright: #ff6fb5;--c-pop-3-bright: #ff8a3d;--c-pop-4-bright: #9bd43f;--c-pop-5-bright: #2bd9d4;--c-pop-6-bright: #6e8cff;--c-overlay: rgba(36, 26, 77, .45);--c-hero-blob: rgba(255, 255, 255, .16);--auth-blobs: radial-gradient(circle at 12% 18%, rgba(163, 112, 255, .35), transparent 42%), radial-gradient(circle at 88% 12%, rgba(255, 111, 181, .3), transparent 40%), radial-gradient(circle at 78% 86%, rgba(255, 192, 46, .32), transparent 40%), radial-gradient(circle at 15% 88%, rgba(43, 217, 212, .3), transparent 42%);--grad-primary: linear-gradient(135deg, #7a3df5 0%, #c92a86 100%);--grad-hero: linear-gradient(135deg, #7a3df5 0%, #c92a86 55%, #ff8a3d 100%);--grad-sunrise: linear-gradient(135deg, #ff8a3d 0%, #ffc02e 100%);--grad-mint: linear-gradient(135deg, #22d08a 0%, #2bd9d4 100%);--grad-sky: linear-gradient(135deg, #38b6f5 0%, #6e8cff 100%);--grad-xp: linear-gradient(90deg, #ffc02e 0%, #ff8a3d 100%);--radius-xs: 6px;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(60, 35, 130, .07);--shadow: 0 6px 18px rgba(60, 35, 130, .1);--shadow-lg: 0 18px 48px rgba(60, 35, 130, .2);--shadow-pop: 0 4px 0 var(--c-border-strong), 0 10px 22px rgba(60, 35, 130, .12);--shadow-pop-edge: rgba(36, 26, 77, .22);--focus-ring: 0 0 0 4px rgba(122, 61, 245, .28);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 40px;--sidebar-w: 248px;--font: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: var(--font);--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}:root[data-theme=dark]{color-scheme:dark;--c-bg: #0a0810;--c-bg-warm: #17110f;--c-surface: #17141f;--c-surface-2: #211c2d;--c-surface-3: #2c2639;--c-border: #292333;--c-border-strong: #3f3754;--c-text: #f5f2fc;--c-text-muted: #b5adcc;--c-text-faint: #8f87a8;--c-text-on-accent: #140f22;--c-ink-on-bright: #140f22;--c-ink-on-media: #ffffff;--c-media-bg: #000000;--shadow-media-text: 0 1px 4px rgba(0, 0, 0, .45);--c-primary: #a885ff;--c-primary-hover: #c0a5ff;--c-primary-soft: #2a1d4d;--c-primary-bright: #c4a6ff;--c-accent: #ff78bd;--c-accent-hover: #ff96cc;--c-accent-soft: #46142f;--c-accent-bright: #ff9ecf;--c-danger: #ff6b85;--c-danger-hover: #ff8a9d;--c-danger-soft: #4a1322;--c-danger-bright: #ff8fa3;--c-success: #3ee09b;--c-success-hover: #67e9b2;--c-success-soft: #0d3a2a;--c-success-bright: #5ff0b4;--c-warning: #ffb64a;--c-warning-soft: #43290a;--c-warning-bright: #ffc86e;--c-info: #5bc2fb;--c-info-soft: #0b2f4b;--c-info-bright: #85d3fc;--c-xp: #ffc85c;--c-xp-soft: #3d2d08;--c-xp-bright: #ffd37d;--c-level: #46e3de;--c-level-soft: #09373a;--c-level-bright: #78eeea;--c-streak: #ff9757;--c-streak-soft: #45200b;--c-streak-bright: #ffb183;--c-pop-1: #a370ff;--c-pop-2: #ff6fb5;--c-pop-3: #ff8a3d;--c-pop-4: #9bd43f;--c-pop-5: #2bd9d4;--c-pop-6: #6e8cff;--c-pop-1-bright: #c0a1ff;--c-pop-2-bright: #ff9ccb;--c-pop-3-bright: #ffab70;--c-pop-4-bright: #b8e472;--c-pop-5-bright: #6ae6e2;--c-pop-6-bright: #9aafff;--c-card-tint-1: #241640;--c-card-tint-2: #3b1430;--c-card-tint-3: #3a1f0d;--c-card-tint-4: #1d2c0f;--c-card-tint-5: #0b2d2f;--c-card-tint-6: #181f42;--c-overlay: rgba(4, 3, 8, .72);--c-hero-blob: rgba(10, 8, 16, .14);--auth-blobs: radial-gradient(circle at 12% 18%, rgba(163, 112, 255, .22), transparent 45%), radial-gradient(circle at 88% 12%, rgba(255, 111, 181, .16), transparent 42%), radial-gradient(circle at 78% 86%, rgba(255, 192, 46, .14), transparent 42%), radial-gradient(circle at 15% 88%, rgba(43, 217, 212, .16), transparent 45%);--grad-primary: linear-gradient(135deg, #a370ff 0%, #ff6fb5 100%);--grad-hero: linear-gradient(135deg, #a370ff 0%, #ff6fb5 55%, #ff8a3d 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .55);--shadow: 0 6px 18px rgba(0, 0, 0, .6);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .72);--shadow-pop: 0 4px 0 var(--c-border-strong), 0 10px 22px rgba(0, 0, 0, .55);--shadow-pop-edge: rgba(0, 0, 0, .6);--focus-ring: 0 0 0 4px rgba(168, 133, 255, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--c-bg);color:var(--c-text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2;font-family:var(--font-display);font-weight:750;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .8em}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 14px;font-weight:750;font-size:1.1rem}.sidebar-brand .logo{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--grad-primary);display:grid;place-items:center;color:var(--c-text-on-accent);font-size:1.1rem}.sidebar-nav{padding:8px;display:flex;flex-direction:column;gap:2px;flex:1}.nav-section{margin-top:14px;padding:6px 12px 4px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-faint);font-weight:700}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--c-text);font-weight:500;white-space:nowrap}.nav-link:hover{background:var(--c-surface-2);text-decoration:none}.nav-link.active{background:var(--c-primary-soft);color:var(--c-primary);font-weight:700}.nav-link .ico{width:20px;text-align:center;font-size:1.05rem}.nav-link .nav-count{margin-left:auto;background:var(--c-danger);color:var(--c-text-on-accent);font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:var(--radius-pill)}.sidebar-footer{border-top:1px solid var(--c-border);padding:12px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:30}.topbar .spacer{flex:1}.hamburger{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--c-text)}.page{padding:26px;max-width:1180px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header .subtitle{color:var(--c-text-muted);margin:0}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-head{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{margin:0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.row-wrap{flex-wrap:wrap}.between{justify-content:space-between}.muted{color:var(--c-text-muted)}.faint{color:var(--c-text-faint);font-size:.85rem}.right{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap;line-height:1.1}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:var(--c-text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-accent{background:var(--c-accent);color:var(--c-text-on-accent)}.btn-accent:hover:not(:disabled){background:var(--c-accent-hover)}.btn-secondary{background:var(--c-surface);border-color:var(--c-border-strong);color:var(--c-text)}.btn-secondary:hover:not(:disabled){background:var(--c-surface-2)}.btn-ghost{background:transparent;color:var(--c-text)}.btn-ghost:hover:not(:disabled){background:var(--c-surface-2)}.btn-danger{background:var(--c-danger);color:var(--c-text-on-accent)}.btn-danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn-danger-soft{background:var(--c-danger-soft);color:var(--c-danger)}.btn-success{background:var(--c-success);color:var(--c-text-on-accent)}.btn-success:hover:not(:disabled){background:var(--c-success-hover)}.btn-sm{padding:6px 11px;font-size:.82rem}.btn-lg{padding:13px 24px;font-size:1rem}.btn-block{width:100%}.btn-icon{padding:7px 9px}.btn-round{width:36px;height:36px;padding:0;border-radius:50%;flex-shrink:0;font-size:1.05rem;line-height:1}.btn-round.btn-secondary{background:var(--c-surface-2)}.btn-round.btn-secondary:hover:not(:disabled){background:var(--c-surface-3)}.btn-pill{border-radius:var(--radius-pill)}.btn-pop{border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--shadow-pop-edge);transform:translateY(0);transition:transform .1s,box-shadow .1s,background .12s}.btn-pop:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 var(--shadow-pop-edge)}.btn-pop:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--shadow-pop-edge)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-weight:600;font-size:.88rem}.field .hint{font-size:.8rem;color:var(--c-text-faint)}.field .err{font-size:.82rem;color:var(--c-danger)}.input,.textarea,.select{width:100%;padding:9px 12px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:.92rem;background:var(--c-surface);color:var(--c-text);transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--focus-ring)}.textarea{resize:vertical;min-height:90px}.input-row{display:flex;gap:10px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;line-height:1.5;white-space:nowrap}.badge-gray{background:var(--c-surface-2);color:var(--c-text-muted);border:1px solid var(--c-border)}.badge-primary{background:var(--c-primary-soft);color:var(--c-primary)}.badge-accent{background:var(--c-accent-soft);color:var(--c-accent)}.badge-success{background:var(--c-success-soft);color:var(--c-success)}.badge-danger{background:var(--c-danger-soft);color:var(--c-danger)}.badge-warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge-info{background:var(--c-info-soft);color:var(--c-info)}.badge-xp{background:var(--c-xp-soft);color:var(--c-xp)}.badge-level{background:var(--c-level-soft);color:var(--c-level)}.badge-streak{background:var(--c-streak-soft);color:var(--c-streak)}.badge-solid{background:var(--c-primary);color:var(--c-text-on-accent)}.badge-solid.badge-accent{background:var(--c-accent);color:var(--c-text-on-accent)}.badge-solid.badge-success{background:var(--c-success);color:var(--c-text-on-accent)}.badge-solid.badge-danger{background:var(--c-danger);color:var(--c-text-on-accent)}.badge-solid.badge-warning{background:var(--c-warning);color:var(--c-text-on-accent)}.badge-solid.badge-info{background:var(--c-info);color:var(--c-text-on-accent)}.badge-solid.badge-xp{background:var(--c-xp-bright);color:var(--c-ink-on-bright)}.badge-solid.badge-level{background:var(--c-level);color:var(--c-text-on-accent)}.badge-solid.badge-streak{background:var(--c-streak);color:var(--c-text-on-accent)}.badge-lg{font-size:.85rem;padding:5px 14px}.avatar{border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary);display:inline-grid;place-items:center;font-weight:700;flex-shrink:0;overflow:hidden;object-fit:cover}.avatar img{width:100%;height:100%;object-fit:cover}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}table.tbl th{text-align:left;padding:11px 14px;border-bottom:1px solid var(--c-border);color:var(--c-text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}table.tbl td{padding:12px 14px;border-bottom:1px solid var(--c-border);vertical-align:middle}table.tbl tbody tr:hover{background:var(--c-surface-2)}table.tbl tr.clickable{cursor:pointer}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--c-border);margin-bottom:18px;overflow-x:auto}.tab{padding:10px 16px;border:none;background:none;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--c-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--c-text)}.tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.stat .label{color:var(--c-text-muted);font-size:.85rem;font-weight:600}.stat .value{font-size:1.9rem;font-weight:700;margin-top:4px}.stat .sub{font-size:.8rem;color:var(--c-text-faint);margin-top:2px}.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent}.alert-danger{background:var(--c-danger-soft);color:var(--c-danger);border-color:var(--c-danger-bright)}.alert-info{background:var(--c-info-soft);color:var(--c-info);border-color:var(--c-info-bright)}.alert-warning{background:var(--c-warning-soft);color:var(--c-warning);border-color:var(--c-warning-bright)}.alert-success{background:var(--c-success-soft);color:var(--c-success);border-color:var(--c-success-bright)}.empty{text-align:center;padding:48px 20px;color:var(--c-text-muted)}.empty .emoji{font-size:2.4rem;display:block;margin-bottom:8px}.center-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:22px;height:22px;border:2.5px solid var(--c-border-strong);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner.lg{width:38px;height:38px;border-width:3.5px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-overlay);display:grid;place-items:center;padding:20px;z-index:100}.modal{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal.lg{max-width:760px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--c-border)}.modal-head h2{margin:0;font-size:1.15rem}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:10px}.icon-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--c-text-muted);line-height:1}.toast-stack{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:200;max-width:360px}.toast{background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-text-muted);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;animation:slideIn .18s ease}.toast.success{border-left-color:var(--c-success)}.toast.error{border-left-color:var(--c-danger)}.toast.info{border-left-color:var(--c-info)}.toast .msg{flex:1;font-size:.9rem}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.auth-wrap,.auth-split{min-height:100vh;background:var(--c-bg);background-image:var(--auth-blobs)}.auth-wrap{display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:420px;background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px}.auth-brand{text-align:center;margin-bottom:22px}.auth-brand .logo{width:52px;height:52px;border-radius:var(--radius);background:var(--grad-primary);display:inline-grid;place-items:center;color:var(--c-text-on-accent);font-size:1.5rem;margin-bottom:10px}.auth-split{display:grid;place-items:center;padding:var(--sp-5) var(--sp-4)}.auth-split-inner{width:100%;max-width:1120px;display:grid;gap:var(--sp-5)}.auth-lockup{display:flex;align-items:center;gap:12px}.auth-lockup .logo{width:44px;height:44px;border-radius:var(--radius);background:var(--grad-primary);display:grid;place-items:center;color:var(--c-text-on-accent);font-size:1.3rem;flex-shrink:0}.auth-lockup h1{margin:0;font-size:1.25rem}.auth-form-col{display:flex;justify-content:center}.auth-card-head{margin-bottom:var(--sp-4)}.auth-card-head h2{margin:0 0 2px;font-size:1.35rem}.auth-card-head p{margin:0}.auth-headline{font-size:clamp(1.7rem,4.2vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--sp-3);max-width:19ch}.auth-lede{color:var(--c-text-muted);font-size:1.02rem;max-width:48ch;margin:0 0 var(--sp-4)}.auth-points{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0 0 var(--sp-5)}.auth-point{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 5px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-size:.85rem;font-weight:650}.auth-point .dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;flex-shrink:0}.auth-art{width:100%;max-width:460px}.auth-art-svg{width:100%;height:auto;display:block}.auth-split a:focus-visible,.auth-split .btn:focus-visible,.auth-split .social-btn:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px;border-radius:var(--radius-xs)}.auth-split .btn:focus-visible,.auth-split .social-btn:focus-visible{border-radius:var(--radius-sm)}@media (min-width: 900px){.auth-split{padding:var(--sp-6)}.auth-split-inner{grid-template-columns:minmax(0,1fr) minmax(370px,420px);grid-template-rows:auto 1fr;column-gap:var(--sp-7);row-gap:var(--sp-5);align-items:start}.auth-lockup{grid-column:1;grid-row:1}.auth-story{grid-column:1;grid-row:2}.auth-form-col{grid-column:2;grid-row:1 / span 2;align-self:center}}.divider{display:flex;align-items:center;gap:12px;color:var(--c-text-faint);font-size:.82rem;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--c-border)}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font-weight:600;font-size:.85rem;cursor:pointer}.social-btn:hover{background:var(--c-surface-2);text-decoration:none}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--c-border)}.list-row:last-child{border-bottom:none}.tag-pill{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-pill);padding:2px 10px;font-size:.78rem;color:var(--c-text-muted)}.media-player{width:100%;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-media-bg)}.media-player video{width:100%;display:block;max-height:460px}.media-player audio{width:100%;display:block}.media-frame{position:relative;width:100%;margin:0 auto;overflow:hidden;border-radius:var(--radius-sm)}.media-frame>video,.media-frame>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;container-type:inline-size}.media-overlay-item{position:absolute;display:block;line-height:1;white-space:pre;font-size:2rem;text-shadow:var(--shadow-media-text)}.media-overlay-text{color:var(--c-ink-on-media);font-weight:700;font-family:var(--font)}.qr-img{width:200px;height:200px;border-radius:var(--radius-sm);border:1px solid var(--c-border)}.code-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-family:var(--font-mono);font-size:.9rem}.code-grid span{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-xs);padding:6px 10px;text-align:center}.quiz-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:8px;transition:border-color .12s,background .12s}.quiz-option:hover{border-color:var(--c-primary)}.quiz-option.selected{border-color:var(--c-primary);background:var(--c-primary-soft)}.quiz-option.correct{border-color:var(--c-success);background:var(--c-success-soft)}.quiz-option.incorrect{border-color:var(--c-danger);background:var(--c-danger-soft)}.progress{height:10px;background:var(--c-surface-3);border-radius:var(--radius-pill);overflow:hidden}.progress>div{height:100%;background:var(--grad-primary);border-radius:var(--radius-pill);transition:width .2s}.progress-xp>div{background:var(--grad-xp)}.progress-lg{height:16px}.ai-meter{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.backdrop-mobile{display:none}.hero{background:var(--grad-hero);color:var(--c-text-on-accent);border-radius:var(--radius-lg);padding:24px 26px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-primary{background:var(--grad-primary)}.hero-mint{background:var(--grad-mint)}.hero-sky{background:var(--grad-sky)}.hero-sunrise{background:var(--grad-sunrise);color:var(--c-ink-on-bright)}.hero-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin:0 0 4px;line-height:1.15}.hero-sub{margin:0;opacity:.9;font-size:.95rem}.hero-blob{position:absolute;border-radius:50%;background:var(--c-hero-blob);pointer-events:none}.card-pop{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);transition:transform .12s,box-shadow .12s}.card-pop:hover{transform:translateY(-2px)}.card-accent-1{border-color:var(--c-pop-1-bright)}.card-accent-2{border-color:var(--c-pop-2-bright)}.card-accent-3{border-color:var(--c-pop-3-bright)}.card-accent-4{border-color:var(--c-pop-4-bright)}.card-accent-5{border-color:var(--c-pop-5-bright)}.card-accent-6{border-color:var(--c-pop-6-bright)}:root[data-theme=dark] .card-accent-1{background:var(--c-card-tint-1)}:root[data-theme=dark] .card-accent-2{background:var(--c-card-tint-2)}:root[data-theme=dark] .card-accent-3{background:var(--c-card-tint-3)}:root[data-theme=dark] .card-accent-4{background:var(--c-card-tint-4)}:root[data-theme=dark] .card-accent-5{background:var(--c-card-tint-5)}:root[data-theme=dark] .card-accent-6{background:var(--c-card-tint-6)}.sticker{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;font-size:1.5rem;flex-shrink:0;background:var(--c-primary-soft)}.sticker-lg{width:72px;height:72px;font-size:2.2rem}.sticker-xp{background:var(--c-xp-soft)}.sticker-level{background:var(--c-level-soft)}.sticker-streak{background:var(--c-streak-soft)}.sticker-accent{background:var(--c-accent-soft)}.sticker-success{background:var(--c-success-soft)}.medal{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:.82rem;font-weight:800;color:var(--c-ink-on-bright);flex-shrink:0}.medal-gold{background:var(--c-gold)}.medal-silver{background:var(--c-silver)}.medal-bronze{background:var(--c-bronze)}.avatar-ring{display:inline-grid;place-items:center;padding:3px;border-radius:50%;background:var(--grad-primary)}.avatar-ring-xp{background:var(--grad-xp)}.avatar-ring-mint{background:var(--grad-mint)}.avatar-ring>.avatar{border:2px solid var(--c-surface)}.pop-1{background:var(--c-pop-1);color:var(--c-text-on-accent)}.pop-2{background:var(--c-pop-2);color:var(--c-text-on-accent)}.pop-3{background:var(--c-pop-3);color:var(--c-text-on-accent)}.pop-4{background:var(--c-pop-4);color:var(--c-text-on-accent)}.pop-5{background:var(--c-pop-5);color:var(--c-text-on-accent)}.pop-6{background:var(--c-pop-6);color:var(--c-text-on-accent)}.confetti{background-color:var(--c-surface);background-image:radial-gradient(circle at 20% 25%,var(--c-pop-2-bright) 0 3px,transparent 4px),radial-gradient(circle at 72% 18%,var(--c-pop-5-bright) 0 3px,transparent 4px),radial-gradient(circle at 86% 62%,var(--c-pop-3-bright) 0 3px,transparent 4px),radial-gradient(circle at 32% 78%,var(--c-pop-4-bright) 0 3px,transparent 4px),radial-gradient(circle at 54% 44%,var(--c-pop-1-bright) 0 2px,transparent 3px);background-size:110px 110px}.confetti>*{position:relative}.score{font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.02em}.score-xp{color:var(--c-xp)}.score-level{color:var(--c-level)}.score-streak{color:var(--c-streak)}.draft-text{white-space:pre-wrap;margin:8px 0 0}.draft-note{margin-top:14px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--c-surface-2);border:1px dashed var(--c-border-strong)}.draft-note-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:4px}.draft-note p{margin:0 0 6px;color:var(--c-text-muted);font-size:.9rem;white-space:pre-wrap}.draft-created{border-color:var(--c-success-bright)}@media (prefers-reduced-motion: reduce){.card-pop,.card-pop:hover,.btn-pop,.btn-pop:hover:not(:disabled),.btn-pop:active:not(:disabled){transform:none;transition:none}}@media (max-width: 980px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 880px){.sidebar{position:fixed;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.hamburger{display:block}.backdrop-mobile.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-overlay);z-index:55}}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}.page{padding:16px}.social-grid,.code-grid{grid-template-columns:1fr}.auth-card{padding:22px}}