@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.pro-cmd,.rev-cmd{width:min(1220px,100%);animation:pageIn .45s var(--ease) both;gap:20px;margin:0 auto;display:grid;position:relative}.pro-scan,.rev-scan{pointer-events:none;z-index:0;opacity:.5;background:linear-gradient(#0000 48%,#8b5cf608 50%,#0000 52%) 0 0/100% 8px;position:fixed;inset:0}.pro-cmd .nebula-canvas,.rev-cmd .nebula-canvas{pointer-events:none;z-index:0;opacity:.5;position:absolute;inset:0;width:100%!important;height:100%!important}.pro-hero{border:1px solid var(--border);background:radial-gradient(circle at 15% 30%,#8b5cf640,transparent 50%),radial-gradient(circle at 85% 70%,#62d5c81f,transparent 40%),var(--card);box-shadow:var(--shadow-soft);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden}.pro-hero-bg{pointer-events:none;position:absolute;inset:0}.pro-hero-ring{border:1px solid #8b5cf61f;border-radius:50%;position:absolute}.pro-hero-ring.r1{width:300px;height:300px;animation:12s ease-in-out infinite orbitFloat;top:-100px;right:-60px}.pro-hero-ring.r2{border-color:#62d5c81a;width:200px;height:200px;animation:9s ease-in-out infinite reverse orbitFloat;bottom:-80px;left:-40px}.pro-hero-ring.r3{border-color:#ffffff0d;width:140px;height:140px;animation:15s ease-in-out infinite orbitFloat;top:20%;right:30%}.pro-identity{z-index:1;flex:1;align-items:center;gap:24px;min-width:0;display:flex;position:relative}.pro-avatar-zone{flex-shrink:0;position:relative}.pro-avatar-glow{background:radial-gradient(circle,#8b5cf659,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite orbPulse;position:absolute;inset:-12px}.pro-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:relative;box-shadow:0 0 40px #8b5cf64d,inset 0 0 20px #ffffff1a}.pro-avatar-letter{color:#fff;text-shadow:0 2px 12px #0000004d;font-size:36px;font-weight:900}.pro-avatar-orbit{border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:-8px}@keyframes spin{to{transform:rotate(360deg)}}.pro-avatar-orbit span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute}.pro-avatar-orbit span:first-child{top:0;left:50%;transform:translate(-50%)}.pro-avatar-orbit span:nth-child(2){bottom:4px;right:0}.pro-avatar-orbit span:nth-child(3){bottom:4px;left:0}.pro-level-badge{background:linear-gradient(135deg,var(--orange),#f59e0b);color:#000;z-index:2;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:900;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 4px 16px #fbbf2459}.pro-info{min-width:0}.pro-tag{color:var(--primary);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.pro-name{color:var(--text-strong);letter-spacing:-.04em;margin:4px 0 2px;font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.1}.pro-email{color:var(--muted);margin:0 0 10px;font-size:13px}.pro-badges{flex-wrap:wrap;gap:6px;display:flex}.pro-badge{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pro-streak-beacon{z-index:1;background:#fbbf240f;border:1px solid #fbbf2433;border-radius:20px;flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex;position:relative}.pro-streak-fire{color:var(--orange);animation:1.8s ease-in-out infinite flame}.pro-streak-beacon strong{color:var(--text-strong);letter-spacing:-.03em;font-size:28px;line-height:1;display:block}.pro-streak-beacon span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.pro-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pro-metric{border:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--mc) 8%,transparent),transparent 60%),var(--card);box-shadow:var(--shadow-soft);transition:transform .3s var(--spring),box-shadow .3s var(--ease);border-radius:20px;padding:20px;position:relative;overflow:hidden}.pro-metric:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.pro-metric-glow{background:radial-gradient(circle,color-mix(in srgb,var(--mc) 20%,transparent),transparent 70%);pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;top:-30%;right:-20%}.pro-metric-icon{background:color-mix(in srgb,var(--mc) 14%,transparent);width:40px;height:40px;color:var(--mc);border-radius:14px;place-items:center;display:grid}.pro-metric strong{color:var(--text-strong);letter-spacing:-.04em;margin-top:12px;font-size:30px;line-height:1;display:block}.pro-metric span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:700;display:block}.pro-metric-glyph{opacity:.2;font-size:20px;position:absolute;bottom:8px;right:10px}.pro-neural-map{background:linear-gradient(#62d5c806 1px,transparent 1px),linear-gradient(90deg,#62d5c806 1px,transparent 1px),radial-gradient(circle at 0% 0%,#fbbf240f,transparent 30%),var(--card);box-shadow:var(--shadow-soft);background-size:28px 28px,28px 28px,auto,auto;border:1px solid #62d5c824;border-radius:22px;padding:24px;position:relative;overflow:hidden}.pro-neural-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.pro-neural-head h2{color:var(--text-strong);letter-spacing:-.03em;margin:6px 0 0;font-size:22px}.pro-neural-sub{color:var(--muted);margin:4px 0 0;font-size:12px}.pro-neural-score{color:var(--orange);background:#fbbf240f;border:1px solid #fbbf2433;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;display:flex}.pro-neural-score span{color:var(--muted);text-transform:uppercase;font-size:10px}.pro-heatmap{grid-template-columns:repeat(15,1fr);gap:5px;display:grid}.pro-hc{aspect-ratio:1;transition:transform .15s var(--spring),box-shadow .15s var(--ease);animation:hcIn .3s var(--ease) both;background:#ffffff09;border:1px solid #ffffff0d;border-radius:4px;display:block}.pro-hc:hover{z-index:2;transform:scale(1.4);box-shadow:0 0 12px #8b5cf64d}.pro-hc.l1{background:#62d5c829;border-color:#62d5c833}.pro-hc.l2{background:#62d5c84d;border-color:#62d5c859}.pro-hc.l3{background:#8b5cf673;border-color:#8b5cf680}.pro-hc.l4{background:#fbbf24bf;border-color:#fbbf24cc;box-shadow:0 0 10px #fbbf2433}@keyframes hcIn{0%{opacity:0;transform:scale(0)}}.pro-neural-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.pro-neural-stat{color:var(--muted);align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.pro-heat-legend{align-items:center;gap:4px;display:flex}.pro-heat-legend .pro-hc{width:12px;height:12px;animation:none}.pro-log-panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:20px;overflow:hidden}.pro-log-head{gap:4px;padding:18px 20px 0;display:grid}.pro-log-head h3{color:var(--text-strong);margin:0;font-size:16px}.pro-log-list{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent;gap:6px;max-height:320px;padding:12px;display:grid;overflow-y:auto}.pro-log-row{background:var(--surface);transition:background .2s var(--ease);border-radius:12px;grid-template-columns:auto 90px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.pro-log-row:hover{background:var(--surface-2)}.pro-log-row.complete{border-left:2px solid var(--green)}.pro-log-pip{background:var(--muted-2);border-radius:50%;width:8px;height:8px}.pro-log-row.complete .pro-log-pip{background:var(--green);box-shadow:0 0 8px #7adf9166}.pro-log-date{color:var(--text-strong);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.pro-log-stats{gap:10px;display:flex}.pro-log-stats span{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.pro-log-badge{letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800}.pro-log-badge.ok{color:var(--green)}.pro-log-badge.miss{color:var(--muted-2)}.pro-log-empty{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.pro-actions{justify-content:center;gap:10px;display:flex}.pro-action-btn{min-height:44px;transition:transform .22s var(--spring),box-shadow .22s var(--ease);border-radius:14px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:850;display:inline-flex}.pro-action-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 14px 30px #8b5cf640}.pro-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #8b5cf659}.pro-action-btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.pro-action-btn.secondary:hover{background:var(--surface-2);border-color:var(--border-strong)}.rev-hero{border:1px solid var(--border);background:radial-gradient(circle at 82% 22%,#8b5cf640,transparent 14rem),radial-gradient(circle at 15% 85%,#62d5c81a,transparent 16rem),var(--card);box-shadow:var(--shadow-soft);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.rev-hero-bg{pointer-events:none;position:absolute;inset:0}.rev-hero-ring{border:1px solid #8b5cf61a;border-radius:50%;position:absolute}.rev-hero-ring.r1{width:260px;height:260px;animation:10s ease-in-out infinite orbitFloat;top:-80px;right:-50px}.rev-hero-ring.r2{border-color:#62d5c814;width:180px;height:180px;animation:8s ease-in-out infinite reverse orbitFloat;bottom:-60px;left:-30px}.rev-hero-content{z-index:1;position:relative}.rev-tag{color:var(--primary);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.rev-hero-content h1{letter-spacing:-.04em;color:var(--text-strong);margin:6px 0 4px;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.1}.rev-hero-content h1 em{color:var(--primary);font-style:normal}.rev-hero-content p{color:var(--muted);max-width:420px;margin:0;font-size:13px}.rev-hero-orb{z-index:1;color:#fff;background:radial-gradient(circle at 34% 22%,#fff6,#0000 30%),radial-gradient(circle,#8b5cf68c,#5646e61a 55%,#0000 75%);border-radius:50%;flex-shrink:0;place-items:center;width:80px;height:80px;animation:3s ease-in-out infinite orbPulse;display:grid;position:relative;box-shadow:0 0 50px #8b5cf64d}.rev-orb-pulse{border:1px solid #8b5cf626;border-radius:50%;animation:3s ease-in-out infinite orbPulse;position:absolute;inset:-10px}.rev-orb-ring{border:1px dashed #8b5cf614;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:-20px}.rev-progress{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:18px;padding:18px 20px}.rev-progress-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rev-progress-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.rev-progress-stats strong{color:var(--text-strong);margin-right:4px;font-size:16px}.rev-progress-stats span{color:var(--muted);font-size:12px}.rev-progress-track{background:var(--surface-2);border-radius:999px;height:8px;position:relative;overflow:visible}.rev-progress-fill{background:linear-gradient(90deg,var(--primary),var(--accent));height:100%;transition:width .5s var(--ease);border-radius:999px;position:relative}.rev-progress-glow{background:var(--accent);width:14px;height:14px;transition:left .5s var(--ease);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #62d5c880}.rev-progress-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.rev-pct{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.rev-streak-pill{color:var(--orange);background:#fbbf2414;border:1px solid #fbbf2426;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:800;display:flex}.rev-toast{background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 30%,transparent);color:var(--green);animation:pageIn .3s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.rev-stage{place-items:center;gap:16px;display:grid}.rev-card-meta{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rev-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.rev-chip.topic{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:var(--primary-soft);color:var(--primary)}.rev-chip.type{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-soft);color:var(--accent)}.rev-chip.diff{border-color:color-mix(in srgb,var(--orange) 30%,transparent);background:var(--orange-soft);color:var(--orange)}.rev-chip.counter{color:var(--muted)}.rev-flashcard{width:min(860px,100%);min-height:330px;transform-style:preserve-3d;transition:transform .55s var(--ease);perspective:1200px;position:relative}.rev-flashcard.is-flipped{transform:rotateY(180deg)}.rev-face{border:1px solid var(--border);background:var(--card);backface-visibility:hidden;border-radius:28px;place-items:center;gap:14px;padding:34px;display:grid;position:absolute;inset:0;overflow:hidden}.rev-face-glow{pointer-events:none;background:radial-gradient(circle,#8b5cf61f,#0000 60%);border-radius:50%;width:200px;height:200px;position:absolute;top:-30%;right:-10%}.rev-face-glow.back{background:radial-gradient(circle,#62d5c81f,#0000 60%)}.rev-face-tag{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.rev-back{transform:rotateY(180deg)}.rev-face h2{max-width:700px;color:var(--text-strong);letter-spacing:-.03em;text-align:center;margin:0;font-size:clamp(22px,3.5vw,38px)}.rev-answer-block{border:1px solid var(--border);background:var(--surface);max-width:700px;color:var(--text);animation:flipIn .45s var(--ease) both;border-radius:16px;padding:20px;font-size:15px;line-height:1.7}.rev-reveal-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;min-height:44px;transition:transform .22s var(--spring),box-shadow .22s var(--ease);border:0;border-radius:14px;align-items:center;gap:8px;padding:0 20px;font-weight:850;display:flex;box-shadow:0 14px 30px #8b5cf640}.rev-reveal-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #8b5cf659}.rev-reveal-btn kbd{background:#fff3;border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.rev-rating-grid{width:min(700px,100%);animation:pageIn .3s var(--ease);grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.rev-rate-btn{border:1px solid var(--border);background:var(--surface);min-height:48px;transition:transform .22s var(--spring),box-shadow .22s var(--ease),background .2s var(--ease);border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:850;display:flex}.rev-rate-btn:hover{transform:translateY(-3px)}.rev-rate-key{background:#ffffff1a;border-radius:6px;place-items:center;width:22px;height:22px;font-family:JetBrains Mono,monospace;font-size:11px;display:grid}.rev-rate-btn.forgot{border-color:color-mix(in srgb,var(--red) 35%,transparent);background:var(--red-soft);color:var(--red)}.rev-rate-btn.forgot:hover{box-shadow:0 8px 24px #ff737333}.rev-rate-btn.hard{border-color:color-mix(in srgb,var(--orange) 35%,transparent);background:var(--orange-soft);color:var(--orange)}.rev-rate-btn.hard:hover{box-shadow:0 8px 24px #ffb86b33}.rev-rate-btn.good{border-color:color-mix(in srgb,var(--blue) 35%,transparent);background:var(--blue-soft);color:var(--blue)}.rev-rate-btn.good:hover{box-shadow:0 8px 24px #79a7ff33}.rev-rate-btn.easy{border-color:color-mix(in srgb,var(--green) 35%,transparent);background:var(--green-soft);color:var(--green)}.rev-rate-btn.easy:hover{box-shadow:0 8px 24px #7adf9133}.rev-keyboard-strip{background:var(--surface);color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.rev-empty{text-align:center;border:1px solid var(--border);background:var(--card);border-radius:24px;place-items:center;gap:14px;min-height:380px;padding:48px 24px;display:grid}.rev-empty-orb{width:90px;height:90px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 40px #7adf911f}.rev-empty-rings{border:1px solid color-mix(in srgb,var(--green) 20%,transparent);border-radius:50%;animation:3s ease-in-out infinite orbPulse;position:absolute;inset:-12px}.rev-empty h2{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:22px}.rev-empty p{color:var(--muted);max-width:380px;margin:0;font-size:13px}.rev-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rev-action-btn{min-height:42px;transition:transform .22s var(--spring);border-radius:13px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex}.rev-action-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 12px 28px #8b5cf638}.rev-action-btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.rev-suggestions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.rev-suggestions span{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:800;display:flex}.rev-weak-panel{background:linear-gradient(135deg,#ff73730a,transparent 40%),var(--card);border:1px solid #ff73731f;border-radius:18px;padding:16px 20px}.rev-weak-head{color:var(--red);align-items:center;gap:8px;margin-bottom:10px;display:flex}.rev-weak-chips{flex-wrap:wrap;gap:6px;display:flex}.rev-weak-chip{background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 20%,transparent);color:var(--red);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=900px){.pro-hero{text-align:center;flex-direction:column}.pro-identity{flex-direction:column}.pro-badges{justify-content:center}.pro-stats{grid-template-columns:repeat(2,1fr)}.pro-streak-beacon{justify-content:center;width:100%}.pro-log-row{grid-template-columns:auto 1fr auto;gap:8px}.pro-log-stats{display:none}.rev-hero{text-align:center;flex-direction:column}.rev-rating-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.pro-stats{grid-template-columns:1fr 1fr}.pro-heatmap{grid-template-columns:repeat(10,1fr)}.rev-rating-grid{grid-template-columns:repeat(2,1fr)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a13;--bg-soft:#0d1220;--bg-elevated:#121727c7;--card:#111727c2;--card-strong:#181e31f0;--surface:#ffffff0b;--surface-2:#ffffff13;--text:#f4f2ff;--text-strong:#fff;--muted:#a5adc4;--muted-2:#767f98;--border:#ffffff18;--border-strong:#ffffff2e;--primary:#8b5cf6;--primary-2:#6d5dfc;--primary-soft:#8b5cf629;--accent:#62d5c8;--accent-soft:#62d5c824;--green:#7adf91;--green-soft:#7adf9124;--orange:#ffb86b;--orange-soft:#ffb86b24;--red:#ff7373;--red-soft:#ff737324;--blue:#79a7ff;--blue-soft:#79a7ff24;--shadow:0 24px 80px #0000006b;--shadow-soft:0 16px 46px #00000038;--radius:22px;--radius-sm:14px;--sidebar-width:268px;--topbar-height:76px;--spring:cubic-bezier(.175, .885, .32, 1.275);--ease:cubic-bezier(.2, .8, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f1e8;--bg-soft:#fbf7f0;--bg-elevated:#fffcf6d1;--card:#fffcf6db;--card-strong:#fffffff2;--surface:#1e192a0a;--surface-2:#1e192a12;--text:#211d2f;--text-strong:#090714;--muted:#6e6880;--muted-2:#8f8799;--border:#342d431c;--border-strong:#342d4333;--primary:#7353e6;--primary-2:#5b6cf6;--primary-soft:#7353e621;--accent:#0e9384;--accent-soft:#0e93841f;--green:#1f9d55;--green-soft:#1f9d551f;--orange:#d97706;--orange-soft:#d977061f;--red:#df4b4b;--red-soft:#df4b4b1f;--blue:#3d73e6;--blue-soft:#3d73e61f;--shadow:0 26px 80px #3c2d1829;--shadow-soft:0 16px 46px #3c2d181c}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at 20% 10%, #8b5cf638, transparent 34rem), radial-gradient(circle at 86% 12%, #62d5c821, transparent 28rem), linear-gradient(135deg, var(--bg), var(--bg-soft));min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}@media (hover:hover){html,body,body *{cursor:none!important}}body:before{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 75%);mask-image:linear-gradient(#000c,#0000 75%)}body.light-theme:before{background-image:linear-gradient(#2d233c09 1px,#0000 1px),linear-gradient(90deg,#2d233c09 1px,#0000 1px)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}::selection{color:#fff;background:#8b5cf659}.layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.layout-main{min-width:0}.layout-content{min-height:calc(100vh - var(--topbar-height));animation:pageIn .42s var(--ease) both;padding:24px 28px 48px}.page{width:min(1220px,100%);margin:0 auto}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:20;background:#090c17ad;flex-direction:column;gap:16px;height:100vh;padding:22px 20px;display:flex;position:sticky;top:0;overflow:hidden}body.light-theme .sidebar{background:#fffcf6b8}.sidebar-logo,.auth-logo{letter-spacing:-.04em;color:var(--text-strong);align-items:center;gap:12px;font-weight:900;display:inline-flex}.sidebar-logo-icon,.auth-logo span{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2));border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 16px 34px #8b5cf657}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1 1 0;gap:18px;min-height:0;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section{gap:7px;display:grid}.sidebar-section-title,.eyebrow{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.nav-item{min-height:42px;color:var(--muted);transition:color .22s var(--ease), background .22s var(--ease), transform .22s var(--ease);border-radius:13px;align-items:center;gap:12px;padding:10px 12px 10px 14px;font-size:14px;font-weight:650;display:flex;position:relative}.nav-item:before{content:"";background:var(--primary);opacity:0;width:3px;transition:opacity .2s var(--ease), transform .2s var(--spring);border-radius:99px;position:absolute;top:10px;bottom:10px;left:4px;transform:scaleY(.35)}.nav-item:hover,.nav-item-active{color:var(--text-strong);background:var(--primary-soft)}.nav-item-active:before{opacity:1;transform:scaleY(1)}.sidebar-cta{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 20% 10%,#8b5cf666,#0000 50%),linear-gradient(145deg,#8b5cf624,#62d5c812);border-radius:16px;flex:none;padding:16px;position:relative;overflow:hidden}.sidebar-cta:after{content:"";background:radial-gradient(circle,#ffffff38,#0000 60%);height:70px;animation:4s ease-in-out infinite breathe;position:absolute;inset:auto -30% -55% 30%}.sidebar-cta h3{color:var(--text-strong);margin:0 0 4px;font-size:14px}.sidebar-cta p{color:var(--muted);margin:0 0 10px;font-size:11px;line-height:1.45}.sidebar-cta-btn{z-index:1;background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 14px 28px #8b5cf652}.topbar{z-index:15;height:var(--topbar-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#090c1799;justify-content:space-between;align-items:center;gap:18px;padding:16px 28px;display:flex;position:sticky;top:0}body.light-theme .topbar{background:#fffcf6b8}.topbar-search,.search-field{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--muted);transition:width .25s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:0 13px;display:flex;position:relative}.topbar-search{width:min(520px,44vw)}.topbar-search:focus-within,.search-field:focus-within{border-color:color-mix(in srgb, var(--primary) 54%, transparent);box-shadow:0 0 0 4px var(--primary-soft);background:var(--card)}.topbar-search input,.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.topbar-search kbd{border:1px solid var(--border);background:var(--surface-2);color:var(--muted-2);border-radius:8px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:11px}.topbar-actions{align-items:center;gap:10px;display:flex}.theme-switch{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);transition:transform .22s var(--spring), background .22s var(--ease);border-radius:50%;place-items:center;display:grid}.theme-switch:hover{background:var(--surface-2);transform:rotate(16deg)scale(1.05)}.topbar-upload{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-radius:13px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 16px 34px #8b5cf647}.topbar-streak{min-height:38px;color:var(--orange);background:#fbbf2413;border:1px solid #fbbf2433;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-weight:900;display:flex;box-shadow:0 0 22px #fbbf2414}.topbar-streak svg{animation:1.8s ease-in-out infinite flame}.topbar-profile{min-height:42px;transition:background .2s var(--ease);border-radius:15px;align-items:center;gap:10px;padding:4px 8px;display:flex}.topbar-profile:hover{background:var(--surface)}.topbar-profile strong{max-width:120px;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.topbar-profile small{color:var(--muted-2);font-size:11px;display:block}.avatar{background:linear-gradient(135deg, var(--primary-soft), var(--accent-soft));color:var(--text-strong);border-radius:999px;place-items:center;font-weight:900;display:grid}.avatar.sm{width:34px;height:34px}.avatar.xl{width:96px;height:96px;font-size:38px;box-shadow:0 18px 48px #8b5cf647}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, #ffffff0e, #ffffff05), var(--card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card,.btn,.nav-item,.explore-card,.revision-row{transform:translateZ(0)}@media (hover:hover){.card:hover,.explore-card:hover,.revision-row:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card,.explore-card,.revision-row{transition:transform .3s var(--spring), box-shadow .3s var(--ease), border-color .22s var(--ease), background .22s var(--ease)}}.btn{min-height:44px;transition:transform .22s var(--spring), box-shadow .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:850;display:inline-flex;position:relative;overflow:hidden}.btn:after,.google-button:after{content:"";width:50%;transition:left .55s var(--ease);background:linear-gradient(90deg,#0000,#ffffff3d,#0000);position:absolute;inset:0 auto 0 -70%;transform:skew(-18deg)}.btn:hover:after,.google-button:hover:after{left:120%}.btn:active,.google-button:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2));box-shadow:0 16px 34px #8b5cf642}.btn-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn.compact,.compact{min-height:38px;padding-inline:12px;font-size:12px}.full{width:100%}.page-header{margin:6px 0 22px}.page-header h1,.hero h1,.detail-header h1,.auth-story-copy h1,.auth-card h1,.walk-card h1{color:var(--text-strong);letter-spacing:-.04em;margin:0;font-weight:900;line-height:1.1}.page-header h1{font-size:clamp(30px,4vw,54px)}.page-header p,.hero p,.auth-story-copy p,.auth-card p{color:var(--muted);margin:8px 0 0}.hero{min-height:222px;margin-bottom:22px;padding:clamp(26px,5vw,42px);position:relative;overflow:hidden}.revision-hero:before,.revision-hero:after{content:"";pointer-events:none;position:absolute}.revision-hero:before{filter:drop-shadow(0 0 42px #8b5cf647);background:radial-gradient(circle at 50% 55%,#8b5cf67a,#0000 26%),radial-gradient(circle at 38% 38%,#62d5c847,#0000 18%);border:1px solid #8b5cf647;border-radius:50%;width:210px;height:150px;animation:7s ease-in-out infinite orbitFloat;top:18%;right:7%}.revision-hero:after{border:1px solid #62d5c840;border-radius:999px;width:130px;height:70px;top:32%;right:11%;transform:rotate(-16deg);box-shadow:0 0 0 18px #8b5cf60a}.hero-content{z-index:1;max-width:650px;position:relative}.hero h1{margin-top:8px;font-size:clamp(34px,5vw,64px)}.hero-actions,.form-actions,.walk-actions,.row-actions,.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-actions{margin-top:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-card{min-height:142px;padding:22px;position:relative;overflow:hidden}.metric-card:after{content:"";background:radial-gradient(circle, var(--primary-soft), transparent 68%);height:120px;animation:4s ease-in-out infinite pulseGlow;position:absolute;inset:auto -25% -48% 38%}.metric-header,.metric-card>svg{background:var(--primary-soft);border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.metric-value,.metric-card strong{z-index:1;color:var(--text-strong);letter-spacing:-.04em;margin-top:14px;font-size:34px;font-weight:900;line-height:1;display:block;position:relative}.metric-label,.metric-card span{z-index:1;color:var(--muted);margin-top:7px;font-size:13px;font-weight:650;display:block;position:relative}.dashboard-grid,.detail-grid,.form-grid,.email-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.82fr);gap:18px;margin-top:18px;display:grid}.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-header h2,.card h2,.card h3{color:var(--text-strong);letter-spacing:-.03em;margin:0;line-height:1.15}.dashboard-grid>.card,.side-stack>.card,.detail-rail>.card,.form-card,.email-control-panel{padding:22px}.revision-row{border:1px solid var(--border);background:var(--surface);border-radius:15px;gap:7px;padding:14px 14px 14px 18px;display:grid;position:relative}.revision-row:before{content:"";background:linear-gradient(var(--primary), var(--accent));opacity:.8;border-radius:99px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.revision-row span{color:var(--text-strong);font-weight:750}.revision-row small,.muted,.empty-state{color:var(--muted)}.empty-state{border:1px dashed var(--border-strong);background:var(--surface);border-radius:16px;padding:18px}.topic-chip-row,.tags{flex-wrap:wrap;gap:8px;display:flex}.topic-chip,.tags small{border:1px solid var(--border);background:var(--primary-soft);color:color-mix(in srgb, var(--primary) 72%, var(--text));border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.toolbar .search-field{width:min(520px,100%)}.toolbar .search-field:focus-within{width:min(620px,100%)}.input,.tag-input,.field .cm-theme{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);background:#ffffff09;border-radius:14px;outline:none}.input{padding:12px 14px}textarea.input{resize:vertical;min-height:116px;line-height:1.6}.input:focus,.tag-input:focus-within{border-color:color-mix(in srgb, var(--primary) 58%, transparent);background:var(--card);box-shadow:0 0 0 4px var(--primary-soft)}.input::placeholder,.tag-input input::placeholder{color:var(--muted-2)}.field{color:var(--muted);gap:8px;margin-bottom:16px;font-size:13px;font-weight:800;display:grid}.field>span{letter-spacing:.02em}.three-col,.two-col{gap:14px;display:grid}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-input{flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.tag-input span{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.tag-input input{min-width:130px;color:var(--text);background:0 0;border:0;outline:0;flex:1}.mono,.code-panel,pre,.cm-editor{font-family:JetBrains Mono,Fira Code,monospace!important}.field .cm-theme{min-height:auto;box-shadow:var(--shadow-soft);padding:0;overflow:hidden}.cm-editor{background:#111522!important}.cm-gutters{background:#111522!important;border-right-color:#ffffff14!important}.code-panel{border:1px solid var(--border);color:#dbe5ff;background:#101522;border-radius:16px;margin:14px 0 0;padding:18px;line-height:1.5;overflow:auto}.side-stack,.detail-rail{align-content:start;gap:18px;display:grid}.check-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--muted)}.check-list li:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:999px;margin-right:9px;display:inline-block}.form-error,.form-success,.recall-answer{border-radius:14px;margin:14px 0;padding:13px 15px;font-weight:750}.form-error{border:1px solid color-mix(in srgb, var(--red) 40%, transparent);background:var(--red-soft);color:var(--red)}.form-success,.recall-answer{border:1px solid color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-soft);color:var(--green)}.tabs{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-wrap:wrap;gap:8px;margin:12px 0 18px;padding:6px;display:flex;position:relative}.tabs button{min-height:36px;color:var(--muted);transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--spring);background:0 0;border:0;border-radius:12px;padding:0 14px;font-size:12px;font-weight:800}.explore-card{min-height:310px;position:relative;overflow:hidden}.explore-cover{color:#fff;background:radial-gradient(circle at 20% 20%, #ffffff59, transparent 26%), linear-gradient(135deg, var(--note-color,var(--primary)), color-mix(in srgb, var(--note-color,var(--primary)) 42%, #101522));justify-content:flex-start;align-items:center;min-height:112px;padding:20px;display:flex}.explore-cover svg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 10px 18px #0000002e);background:#ffffff29;border-radius:18px;width:58px;height:58px;padding:10px}.explore-card-body{gap:12px;padding:18px;display:grid}.explore-card h3{color:var(--text-strong);letter-spacing:-.03em;margin:0}.explore-card p{min-height:48px;color:var(--muted);margin:0;font-size:13px}.explore-card footer{color:var(--muted-2);justify-content:space-between;gap:12px;font-size:12px;display:flex}.revision-progress{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px;display:grid}progress{background:var(--surface-2);border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-2);border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--primary), var(--accent));transition:width .35s var(--ease);border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px}.revision-page .page-header{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 82% 40%, #8b5cf66b, transparent 18%), radial-gradient(circle at 74% 52%, #62d5c829, transparent 26%), var(--card);min-height:170px;box-shadow:var(--shadow-soft);padding:30px;position:relative;overflow:hidden}.review-card{text-align:center;perspective:1200px;place-items:center;gap:18px;min-height:330px;padding:34px;display:grid;position:relative;overflow:hidden}.review-card h2{max-width:760px;font-size:clamp(26px,4vw,46px)}.answer-block{border:1px solid var(--border);background:var(--surface);max-width:760px;color:var(--text);animation:flipIn .45s var(--ease) both;border-radius:18px;margin:0;padding:22px}.rating-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.rating-row .btn:first-child,.walk-rating button:first-child{border-color:color-mix(in srgb, var(--red) 40%, transparent);background:var(--red-soft);color:var(--red)}.rating-row .btn:nth-child(2){border-color:color-mix(in srgb, var(--orange) 40%, transparent);background:var(--orange-soft);color:var(--orange)}.rating-row .btn:nth-child(3),.walk-rating button:nth-child(2){border-color:color-mix(in srgb, var(--blue) 40%, transparent);background:var(--blue-soft);color:var(--blue)}.rating-row .btn:nth-child(4){border-color:color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-soft);color:var(--green)}.walk-page{min-height:calc(100vh - var(--topbar-height) - 48px);border:1px solid var(--border);background:radial-gradient(circle at 50% 30%,#8b5cf657,#0000 34%),radial-gradient(circle at 20% 80%,#62d5c81c,#0000 28%),linear-gradient(135deg,#070a13,#121027,#07121c);border-radius:28px;place-items:center;animation:9s ease-in-out infinite alternate walkShift;display:grid;position:relative;overflow:hidden}.walk-page:before{content:"";opacity:.28;background:radial-gradient(circle,#fffc 1px,#0000 1.7px) 10% 18%/190px 130px,radial-gradient(circle,#8b5cf6e6 1px,#0000 1.5px) 70% 24%/210px 160px;animation:14s linear infinite drift;position:absolute;inset:0}.walk-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f1fb8;border:1px solid #ffffff1f;border-radius:34px;justify-items:center;gap:20px;width:min(720px,94%);padding:clamp(28px,6vw,58px);display:grid;position:relative;box-shadow:0 26px 90px #00000061}.walk-card h1{font-size:clamp(28px,5vw,58px)}.walk-orb{color:#fff;background:radial-gradient(circle at 35% 25%,#ffffff6b,#0000 18%),radial-gradient(circle,#8b5cf699,#5646e61f 58%,#0000 70%);border-radius:50%;place-items:center;width:170px;height:170px;display:grid;position:relative;box-shadow:0 0 42px #8b5cf67a,inset 0 0 32px #ffffff1a}.walk-orb:before,.walk-orb:after{content:"";border:1px solid #8b5cf638;border-radius:50%;animation:2.4s ease-in-out infinite ringPulse;position:absolute;inset:-24px}.walk-orb:after{animation-delay:.55s;inset:-44px}.sound-wave{pointer-events:none;opacity:.45;background:repeating-linear-gradient(90deg,#0000 0 14px,#8b5cf68c 14px 17px,#0000 17px 28px);width:min(82vw,620px);height:92px;animation:1.8s ease-in-out infinite equalize;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(#000 26%,#0000 68%);mask-image:radial-gradient(#000 26%,#0000 68%)}.walk-answer{color:#e8e7ff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;width:100%;margin:0;padding:18px}.walk-rating{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(440px,100%);display:grid}.walk-rating button{border:1px solid var(--border);border-radius:13px;min-height:44px;font-weight:850}.detail-header{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-soft);padding:26px}.detail-header h1{margin-top:14px;font-size:clamp(32px,5vw,60px)}.detail-header p{color:var(--muted)}.markdown{padding:24px}.markdown h2,.markdown h3{color:var(--text-strong)}.markdown p{color:var(--text)}.detail-page .detail-grid{grid-template-columns:minmax(0,3fr) minmax(360px,2fr);align-items:start}.detail-page main{min-width:0}.detail-actions-bottom{margin-top:16px}.revision-cards-column{top:calc(var(--topbar-height) + 22px);min-width:0;height:calc(100vh - var(--topbar-height) - 46px);grid-template-rows:auto minmax(0,1fr);min-height:420px;display:grid;position:sticky}.revision-cards-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.revision-cards-header h2{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:21px;font-weight:900}.revision-cards-count{border:1px solid color-mix(in srgb, var(--primary) 34%, transparent);background:var(--primary-soft);color:#c4b5fd;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.revision-cards-scroll{scrollbar-color:color-mix(in srgb, var(--primary) 45%, transparent) transparent;min-height:0;padding:0 8px 18px 0;overflow-y:auto}.revision-cards-scroll::-webkit-scrollbar{width:8px}.revision-cards-scroll::-webkit-scrollbar-track{background:0 0}.revision-cards-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 35%, transparent);border-radius:999px}.bullet-line{border-left:3px solid var(--primary);padding-left:18px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-weight:800;display:inline-flex}.back-link:hover{color:var(--text-strong)}.email-preview-device{top:calc(var(--topbar-height) + 24px);color:#141821;min-height:620px;box-shadow:var(--shadow);background:linear-gradient(#f8f9fb,#e9ecf4);border:10px solid #171a27;border-radius:42px;padding:18px;position:sticky}.email-preview-device:before{content:"";background:#171a27;border-radius:999px;width:96px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.device-bar{color:#687083;justify-content:center;gap:6px;margin-top:28px;font-size:12px;display:flex}.email-preview-device article{background:#fff;border-radius:24px;margin-top:22px;padding:18px;box-shadow:0 16px 38px #1418211f}.email-preview-device pre{white-space:pre-wrap;color:#333b4d;font-family:Inter,sans-serif!important}.empty-preview{text-align:center;place-items:center;min-height:430px;display:grid}.toggle-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:16px;display:flex}.toggle-row strong,.toggle-row span{display:block}.toggle-row span{color:var(--muted);font-size:13px}.switch{background:var(--surface-2);border:0;border-radius:999px;flex:none;width:58px;height:32px;padding:3px;position:relative}.switch span{width:26px;height:26px;transition:transform .28s var(--spring);background:#fff;border-radius:50%;display:block;box-shadow:0 6px 14px #0000002e}.switch.on{background:linear-gradient(135deg, var(--primary), var(--accent))}.switch.on span{transform:translate(26px)}.choice-grid,.check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.choice-grid button,.check-pill{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--muted);border-radius:13px;font-weight:800}.choice-grid button.active,.check-pill.active{border-color:color-mix(in srgb, var(--primary) 42%, transparent);background:var(--primary-soft);color:var(--text-strong)}.choice-grid button.active:before,.check-pill.active:before{content:"";color:var(--green);margin-right:6px;display:none}.verify-banner{border:1px solid color-mix(in srgb, var(--orange) 38%, transparent);background:var(--orange-soft);border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.verify-banner strong,.verify-banner span{display:block}.verify-banner span{color:var(--muted)}.profile-header-card{align-items:center;gap:22px;padding:28px;display:flex;position:relative;overflow:hidden}.profile-header-card:before{content:"";background:linear-gradient(120deg,#8b5cf66b,#62d5c82e);height:120px;position:absolute;inset:0 0 auto}.profile-header-card>*{z-index:1;position:relative}.profile-copy h1{color:var(--text-strong);letter-spacing:-.04em;margin:0}.profile-copy p{color:var(--muted);margin:4px 0 12px}.profile-meta{flex-wrap:wrap;gap:10px;display:flex}.profile-meta span{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.profile-page{gap:18px;display:grid}.streak-heatmap-panel{background:linear-gradient(#62d5c809 1px, transparent 1px), linear-gradient(90deg, #62d5c809 1px, transparent 1px), linear-gradient(135deg, #fbbf2414, transparent 36%), var(--card);box-shadow:var(--shadow-soft);background-size:28px 28px,28px 28px,auto,auto;border:1px solid #62d5c824;border-radius:18px;padding:20px;position:relative;overflow:hidden}.streak-heatmap-panel:before{content:"";pointer-events:none;border-top:1px solid #62d5c833;position:absolute;inset:0}.heatmap-head,.heatmap-legend{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.heatmap-head h2{color:var(--text-strong);margin:4px 0 0;font-size:24px}.heatmap-score{color:var(--orange);background:#fbbf2414;border:1px solid #fbbf243d;border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:6px 8px;padding:10px 13px;font-family:JetBrains Mono,monospace;display:inline-grid}.heatmap-score span{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:10px}.heatmap-wrap{z-index:1;gap:14px;margin-top:18px;display:grid;position:relative}.heatmap-grid{grid-template-columns:repeat(15,minmax(12px,1fr));gap:7px;display:grid}.heat-cell{aspect-ratio:1;background:#ffffff0b;border:1px solid #ffffff0f;border-radius:4px;min-width:12px;display:block}.heat-cell.l1{background:#62d5c829;border-color:#62d5c838}.heat-cell.l2{background:#62d5c847;border-color:#62d5c857}.heat-cell.l3{background:#8b5cf673;border-color:#8b5cf67a}.heat-cell.l4{background:#fbbf24c7;border-color:#fbbf24d6;box-shadow:0 0 12px #fbbf243d}.heatmap-legend{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.heatmap-legend span{align-items:center;gap:7px;display:inline-flex}.heatmap-legend div{align-items:center;gap:5px;display:inline-flex}.heatmap-legend .heat-cell{width:13px;height:13px}.auth-page{place-items:center;min-height:100vh;padding:28px;display:grid}.luxury-auth{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #8b5cf633, transparent 28rem), linear-gradient(135deg, var(--bg), var(--bg-soft));grid-template-columns:minmax(0,1.05fr) minmax(360px,.74fr);gap:min(6vw,72px);position:relative;overflow:hidden}.auth-story{z-index:1;align-content:center;gap:28px;max-width:700px;display:grid;position:relative}.auth-story-copy h1{margin-top:12px;font-size:clamp(42px,7vw,88px)}.auth-story-copy p{max-width:620px;font-size:18px}.auth-ribbons{pointer-events:none;position:absolute;inset:0}.auth-ribbons span{border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:999px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;animation:10s ease-in-out infinite ribbonDrift;position:absolute}.auth-ribbons span:first-child{top:16%;left:6%}.auth-ribbons span:nth-child(2){animation-delay:-3s;top:28%;right:2%}.auth-ribbons span:nth-child(3){animation-delay:-5s;bottom:16%;left:12%}.auth-ribbons span:nth-child(4){animation-delay:-7s;bottom:30%;right:8%}.auth-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.auth-proof-grid div{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:16px}.auth-proof-grid strong,.auth-proof-grid span{display:block}.auth-proof-grid strong{color:var(--text-strong);margin-top:8px}.auth-proof-grid span{color:var(--muted);font-size:12px}.auth-card{z-index:1;width:min(440px,100%);padding:30px;position:relative;overflow:hidden}.premium-card{border:1px solid var(--border-strong);background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff2e, transparent 12rem), var(--card);box-shadow:var(--shadow)}.auth-card-scan{background:linear-gradient(90deg,#0000,#ffffff29,#0000);animation:5.4s ease-in-out infinite scan;position:absolute;inset:-80% -30%;transform:rotate(18deg)}.auth-card-heading{z-index:1;margin-bottom:22px;position:relative}.auth-card h1{margin-top:8px;font-size:32px}.google-button{border:1px solid var(--border);background:var(--card-strong);color:var(--text-strong);position:relative;overflow:hidden}.google-mark{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.auth-footer{z-index:1;color:var(--muted);font-size:13px;position:relative}.llm-importer{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:radial-gradient(circle at 88% 18%, var(--accent-soft), transparent 34%), var(--card)}.llm-importer textarea{min-height:190px}.import-quality{gap:8px;margin:12px 0;display:grid}.import-quality span{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:750;display:inline-flex}.import-quality span:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px}.card-error-toast{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--red) 38%, var(--border));background:var(--red-soft);color:var(--red);animation:slideInToast .32s var(--ease) both;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.45;display:flex}@keyframes slideInToast{0%{opacity:0;transform:translateY(-8px)}}.typed-cards-panel{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));background:radial-gradient(circle at 12% 10%, #8b5cf614, transparent 38%), var(--card);padding:20px}.typed-cards-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.typed-cards-header h3{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.typed-cards-list{gap:12px;display:grid}.typed-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(145deg, #ffffff08, #ffffff03), var(--card-strong);transition:border-color .22s var(--ease), box-shadow .22s var(--ease);animation:cardSlideIn .38s var(--ease) both;padding:14px 16px}.typed-card:hover{border-color:var(--border-strong);box-shadow:0 8px 24px #0000002e}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(10px)}}.typed-card:first-child{animation-delay:0s}.typed-card:nth-child(2){animation-delay:50ms}.typed-card:nth-child(3){animation-delay:.1s}.typed-card:nth-child(4){animation-delay:.15s}.typed-card:nth-child(5){animation-delay:.2s}.typed-card:nth-child(6){animation-delay:.25s}.typed-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.typed-card-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:8px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.typed-card-delete{width:28px;height:28px;color:var(--muted-2);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;transition:color .18s,background .18s,border-color .18s;display:grid}.typed-card-delete:hover{color:var(--red);background:var(--red-soft);border-color:color-mix(in srgb, var(--red) 30%, transparent)}.typed-card-field{gap:4px;margin-top:8px;display:grid}.typed-card-field textarea{resize:vertical;font-size:13px;line-height:1.5}.typed-card-field textarea.mono{font-family:JetBrains Mono,monospace;font-size:12px}.summary-field-wrap{min-height:80px;position:relative}.summary-skeleton{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:10px;padding:14px 16px;display:grid}.skeleton-line{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite skeletonPulse}.skeleton-line:nth-child(2){animation-delay:.15s}.skeleton-line:nth-child(3){animation-delay:.3s}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.summary-textarea{width:100%}.card-type-group{margin-bottom:18px}.card-type-group-heading{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 9px;font-size:12px;font-weight:850;display:flex}.card-type-group-count{border-radius:8px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.card-type-list{gap:10px;display:grid}.detail-typed-card{--card-type-color:var(--primary);border-radius:var(--radius-sm);border:1px solid var(--border);border-left:4px solid var(--card-type-color);background:linear-gradient(145deg, #ffffff12, #ffffff05), var(--card-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:96px;transition:border-color .22s var(--ease), box-shadow .22s var(--ease), transform .22s var(--ease);animation:cardSlideIn .38s var(--ease) both;padding:13px 14px 13px 16px;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000029}.detail-typed-card:hover{border-color:color-mix(in srgb, var(--card-type-color) 34%, var(--border));border-left-color:var(--card-type-color);box-shadow:0 14px 32px #00000038}.detail-typed-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.detail-card-question{-webkit-line-clamp:3;color:var(--text-strong);-webkit-box-orient:vertical;margin:0;font-size:14.5px;font-weight:750;line-height:1.38;display:-webkit-box;overflow:hidden}.detail-card-due{color:var(--muted-2);white-space:nowrap;flex:none;font-size:11px;font-weight:650}.detail-card-toggle{border:1px solid var(--border);min-height:28px;color:var(--muted);background:#ffffff09;border-radius:9px;align-items:center;gap:5px;margin-top:9px;padding:0 10px;font-size:12px;font-weight:800;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.detail-card-toggle:hover{color:var(--text-strong);background:var(--surface-2);border-color:var(--border-strong)}.detail-card-answer-wrap{opacity:0;max-height:0;transition:max-height .32s var(--ease), opacity .2s var(--ease), margin-top .32s var(--ease);overflow:hidden}.detail-card-answer-wrap.is-expanded{opacity:1;max-height:145px;margin-top:10px}.detail-card-answer-wrap.is-expanded.is-reading-more{max-height:900px}.detail-card-answer{-webkit-line-clamp:4;border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:pre-wrap;border-radius:10px;-webkit-box-orient:vertical;margin:0;padding:10px 11px;font-size:13px;line-height:1.48;display:-webkit-box;overflow:hidden}.detail-card-answer-wrap.is-reading-more .detail-card-answer{display:block}.detail-card-read-more{color:color-mix(in srgb, var(--card-type-color) 78%, var(--text));background:0 0;border:0;margin-top:6px;padding:0;font-size:12px;font-weight:800}body.light-theme .detail-typed-card{background:linear-gradient(145deg, #ffffffd1, #ffffff94), var(--card)}body.light-theme .revision-cards-count{color:var(--primary)}.spin{animation:1s linear infinite spin}.github-panel{border-color:color-mix(in srgb, var(--blue) 32%, var(--border));background:radial-gradient(circle at 0% 0%, var(--blue-soft), transparent 42%), var(--card)}.github-panel small{color:var(--muted);font-size:12px;display:block}.github-status-card,.repo-picker{gap:8px;margin:14px 0;display:grid}.github-status-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:12px}.github-status-card strong{color:var(--text-strong);font-size:14px}.github-status-card span{color:var(--muted);font-size:12px}.repo-picker{grid-template-columns:minmax(0,1fr) auto;align-items:center}.extension-connect-page{min-height:calc(100vh - var(--topbar-height) - 80px);place-items:center;display:grid}.extension-connect-card{text-align:center;border:1px solid var(--border-strong);background:radial-gradient(circle at 50% 0%, #8b5cf62e, transparent 50%), radial-gradient(circle at 80% 100%, #62d5c814, transparent 40%), var(--card);width:min(620px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;gap:20px;padding:38px;display:grid}.extension-connect-card .writing-visual{background:radial-gradient(circle at 34% 26%,#fff6,#0000 40%),radial-gradient(circle,#8b5cf699,#62d5c826 55%,#0000 75%);border-radius:50%;width:110px;height:110px;margin:0 auto 8px;animation:3s ease-in-out infinite cmdCorePulse;box-shadow:0 0 50px #8b5cf659,inset 0 0 24px #ffffff14}.extension-connect-card h1{color:var(--text-strong);letter-spacing:-.04em;margin:0;font-size:clamp(28px,5vw,44px);font-weight:900;line-height:1.1}.extension-connect-card .muted{max-width:480px;margin:0 auto;line-height:1.6}.extension-connect-card .btn-primary{min-width:220px;margin:8px auto 0}.cursor-canvas{z-index:9999;pointer-events:none;position:fixed;inset:0}.cursor-dot,.cursor-ring{z-index:9999;pointer-events:none;opacity:0;transition:opacity .2s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.cursor-dot.visible,.cursor-ring.visible{opacity:1}.cursor-ring.is-text{background:#ffffffeb;border-color:#0000;border-radius:2px;width:2px;height:24px;margin:-12px 0 0 -1px}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:.9;transform:scale(1.08)}}@keyframes flame{0%,to{filter:drop-shadow(0 0 5px #ffb86b52);transform:translateY(0)rotate(-4deg)scale(1)}50%{filter:drop-shadow(0 0 10px #ffb86b94);transform:translateY(-1px)rotate(5deg)scale(1.08)}}@keyframes orbitFloat{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-12px)rotate(5deg)}}@keyframes pulseGlow{0%,to{opacity:.48;transform:scale(.9)}50%{opacity:.88;transform:scale(1.12)}}@keyframes flipIn{0%{opacity:0;transform:rotateX(-16deg)translateY(12px)}to{opacity:1;transform:rotateX(0)translateY(0)}}@keyframes walkShift{0%{filter:hue-rotate()}to{filter:hue-rotate(18deg)}}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-90px,70px)}}@keyframes ringPulse{0%,to{opacity:.46;transform:scale(.94)}50%{opacity:.9;transform:scale(1.06)}}@keyframes equalize{0%,to{opacity:.3;transform:translate(-50%,-50%)scaleY(.7)}50%{opacity:.62;transform:translate(-50%,-50%)scaleY(1.15)}}@keyframes ribbonDrift{0%,to{opacity:.55;transform:translate(0,0)rotate(-2deg)}50%{opacity:.95;transform:translate(12px,-18px)rotate(2deg)}}@keyframes scan{0%,to{opacity:0;transform:translate(-45%)rotate(18deg)}50%{opacity:1;transform:translate(45%)rotate(18deg)}}@media (width<=1100px){.stats-grid,.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-grid,.form-grid,.email-layout,.detail-page .detail-grid{grid-template-columns:1fr}.revision-cards-column{height:auto;min-height:0;position:relative;top:auto}.revision-cards-scroll{padding-right:0;overflow:visible}.email-preview-device{position:relative;top:auto}}@media (width<=900px){:root{--sidebar-width:0px}.layout{display:block}.sidebar{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--border);height:72px;box-shadow:var(--shadow);border-radius:24px;flex-direction:row;justify-content:center;align-items:center;gap:0;padding:10px;position:fixed;top:auto}.sidebar-logo,.sidebar-section-title,.sidebar-cta,.sidebar-section:nth-child(2) .nav-item:nth-last-child(-n+2){display:none}.sidebar-nav,.sidebar-section{display:contents}.nav-item{flex:1;justify-content:center;min-width:44px;padding:10px}.nav-item span{display:none}.nav-item:before{width:18px;height:3px;top:auto;bottom:4px;left:50%;transform:translate(-50%)scaleX(.4)}.nav-item-active:before{transform:translate(-50%)scaleX(1)}.layout-content{padding:18px 16px 112px}.topbar{padding:12px 16px}.topbar-search{width:100%}.topbar-profile div:not(.avatar),.topbar-upload{display:none}.topbar-actions{flex:none;gap:8px}.topbar-streak{justify-content:center;min-width:48px;min-height:38px;padding:0 10px;display:inline-flex}.topbar-streak svg{width:16px;height:16px}.luxury-auth{grid-template-columns:1fr}.auth-ribbons{display:none}}@media (width<=768px){.three-col,.two-col,.choice-grid,.check-grid,.rating-row,.auth-proof-grid,.revision-progress{grid-template-columns:1fr}.walk-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.detail-header{padding:20px}.detail-typed-card{min-height:92px}}@media (width<=480px){.stats-grid,.explore-grid{grid-template-columns:1fr}.page-header h1,.hero h1{font-size:32px}.card,.hero,.form-card,.dashboard-grid>.card{border-radius:18px}}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sidebar-nav{flex:1 1 0;min-height:0;padding-right:0}.sidebar-spacer{flex:0 0 8px;min-height:4px}.sidebar-account{border-top:1px solid var(--border);gap:7px;padding-top:10px;display:grid}.sidebar-user{min-height:42px;color:var(--muted);border-radius:13px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.sidebar-user:hover{background:var(--surface);color:var(--text-strong)}.product-dashboard .stats-grid{margin-top:16px}.dashboard-hero,.study-hero,.travel-hero,.problem-hero,.mistake-hero,.writing-hero,.email-hero{border:1px solid var(--border);background:linear-gradient(135deg, #ffffff12, #ffffff05), radial-gradient(circle at 88% 20%, #62d5c829, transparent 22rem), radial-gradient(circle at 2% 100%, #8b5cf62e, transparent 22rem), var(--card);min-height:230px;box-shadow:var(--shadow-soft);border-radius:30px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:24px;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden}.dashboard-hero h1,.study-hero h1,.travel-hero h1,.problem-hero h1,.mistake-hero h1,.writing-hero h1,.email-hero h1{max-width:760px;color:var(--text-strong);letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(34px,5vw,64px);line-height:1.02}.dashboard-hero p,.study-hero p,.travel-hero p,.problem-hero p,.mistake-hero p,.writing-hero p,.email-hero p{max-width:620px;color:var(--muted)}.memory-orb,.study-orb,.travel-plane,.repo-visual,.danger-orb,.writing-visual,.mail-visual{color:#fff;background:radial-gradient(circle at 34% 22%,#ffffff8c,#0000 14%),radial-gradient(circle,#8b5cf694,#62d5c833 48%,#0000 70%);border-radius:50%;justify-self:center;place-items:center;width:190px;height:190px;animation:8s ease-in-out infinite orbitFloat;display:grid;position:relative;box-shadow:0 0 70px #8b5cf647,inset 0 0 30px #ffffff14}.memory-orb:before,.memory-orb:after,.repo-visual:before,.travel-plane:before{content:"";border:1px solid #8b5cf647;border-radius:50%;position:absolute;inset:22px -34px;transform:rotate(-15deg)}.memory-orb span{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;position:absolute}.memory-orb span:first-child{top:18px;left:0}.memory-orb span:nth-child(2){top:34px;right:4px}.memory-orb span:nth-child(3){bottom:0;left:52px}.stat-card{background:linear-gradient(145deg, color-mix(in srgb, var(--metric-color) 14%, transparent), transparent 72%), var(--card);border:0}.stat-card .metric-header{color:var(--metric-color);background:color-mix(in srgb, var(--metric-color) 14%, transparent)}.stat-card small{z-index:1;background:color-mix(in srgb, var(--metric-color) 12%, transparent);color:var(--muted);border-radius:999px;margin-top:10px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex;position:relative}.metric-spark{opacity:.75;background:linear-gradient(135deg, transparent 10%, color-mix(in srgb, var(--metric-color) 52%, transparent) 11% 16%, transparent 17% 36%, color-mix(in srgb, var(--metric-color) 48%, transparent) 37% 44%, transparent 45% 64%, color-mix(in srgb, var(--metric-color) 52%, transparent) 65% 72%, transparent 73%);clip-path:polygon(0 72%,18% 44%,34% 62%,52% 26%,70% 44%,100% 12%,100% 100%,0 100%);width:92px;height:28px;position:absolute;bottom:20px;right:20px}.dashboard-bento{grid-template-columns:1.25fr .8fr .8fr;gap:16px;margin-top:18px;display:grid}.bento-panel{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff0f, #ffffff05), var(--card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:22px;position:relative;overflow:hidden}.queue-panel,.notes-panel{grid-column:span 1;min-height:320px}.rhythm-panel{min-height:250px}.weak-panel{grid-row:span 2}.subject-panel{grid-column:span 2}.onboarding-loop,.visual-empty{border:1px solid var(--border);background:radial-gradient(circle at 88% 16%, var(--accent-soft), transparent 30%), var(--surface);border-radius:24px;gap:14px;padding:22px;display:grid;position:relative;overflow:hidden}.onboarding-loop{grid-template-columns:auto 1fr auto auto;align-items:center;margin-top:18px}.loop-illustration,.empty-illustration{background:linear-gradient(135deg, var(--primary-soft), var(--accent-soft));width:64px;height:64px;color:var(--accent);border-radius:22px 22px 22px 10px;place-items:center;display:grid}.empty-illustration.success{color:var(--green);background:var(--green-soft)}.empty-illustration.danger{color:var(--red);background:var(--red-soft)}.loop-steps,.next-actions,.pipeline-steps{flex-wrap:wrap;gap:8px;display:flex}.loop-steps span,.next-actions span,.pipeline-steps span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:850}.visual-empty h2,.visual-empty h3,.onboarding-loop h2{color:var(--text-strong);letter-spacing:-.04em;margin:0}.visual-empty p,.onboarding-loop p{color:var(--muted);margin:0}.compact-empty{place-items:start;min-height:220px}.large-empty{text-align:center;place-items:center;min-height:430px}.large-empty .empty-illustration{border-radius:50%;width:86px;height:86px}.mini-bars{background:linear-gradient(180deg, transparent, var(--surface));border-radius:18px;align-items:end;gap:10px;height:150px;padding:14px;display:flex}.mini-bars span{min-width:12px;height:var(--h);background:linear-gradient(180deg, var(--accent), var(--primary));animation:barIn .7s var(--ease) both;border-radius:999px 999px 6px 6px;flex:1}.subject-progress{gap:14px;display:grid}.progress-line{color:var(--muted);grid-template-columns:120px 1fr 44px;align-items:center;gap:12px;font-size:13px;font-weight:800;display:grid}.progress-line div{background:var(--surface-2);border-radius:999px;height:9px;overflow:hidden}.progress-line i{width:var(--line-value);border-radius:inherit;background:linear-gradient(90deg, var(--line-color), color-mix(in srgb, var(--line-color) 44%, #fff));height:100%;animation:growLine .75s var(--ease) both;display:block}.study-session .revision-progress,.session-progress{border:1px solid var(--border);background:var(--surface);box-shadow:none;border-radius:20px;margin:16px 0}.flashcard-stage{box-shadow:none;background:0 0;border:0}.flashcard{width:min(860px,100%);min-height:330px;transform-style:preserve-3d;transition:transform .55s var(--ease);position:relative}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-face{border:1px solid var(--border);background:radial-gradient(circle at 50% 0%, var(--primary-soft), transparent 42%), var(--card);backface-visibility:hidden;border-radius:30px;place-items:center;gap:18px;padding:34px;display:grid;position:absolute;inset:0}.flashcard-back{transform:rotateY(180deg)}.shortcut-strip{background:var(--surface);width:min(860px,100%);color:var(--muted);text-align:center;border-radius:999px;padding:10px 14px;font-size:12px}.travel-stats,.problem-stat-strip,.mistake-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.pack-stat,.problem-stat-strip span,.mistake-stats span{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:18px;gap:6px;padding:16px;font-weight:800;display:grid}.pack-stat strong,.problem-stat-strip strong,.mistake-stats strong{color:var(--text-strong);font-size:24px}.travel-bento{grid-template-columns:1fr 1fr}.timeline-steps{gap:14px;margin-top:18px;display:grid}.timeline-steps span{background:var(--surface);min-height:52px;color:var(--muted);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-weight:800;display:flex}.library-page .page-header{margin-bottom:14px}.library-page .page-header h1,.problems-page .problem-hero h1,.email-hero h1,.writing-hero h1,.mistake-hero h1,.travel-hero h1{font-size:clamp(34px,4.2vw,58px)}.command-row{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:8px}.library-empty{text-align:center;place-items:center;min-height:330px}.library-empty .cards{border-radius:28px;width:90px;height:90px;position:relative}.library-empty .cards svg:last-child{color:var(--orange);position:absolute;top:-4px;right:-4px}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skeleton-grid span{background:linear-gradient(90deg, var(--surface), var(--surface-2), var(--surface));background-size:200% 100%;border-radius:24px;min-height:240px;animation:1.2s linear infinite shimmer}.problem-hero{border-color:color-mix(in srgb, var(--blue) 25%, var(--border))}.repo-visual{color:var(--blue);background:radial-gradient(circle at 35% 20%, #ffffff73, transparent 15%), radial-gradient(circle, var(--blue-soft), transparent 72%)}.github-panel{align-content:start;min-height:360px}.pipeline-steps{margin-top:18px}.pipeline-steps span{background:var(--blue-soft);color:var(--blue)}.extension-downloads{gap:10px;margin-top:18px;display:grid}.mistake-hero{border-color:color-mix(in srgb, var(--red) 24%, var(--border));background:radial-gradient(circle at 82% 20%, var(--red-soft), transparent 22rem), radial-gradient(circle at 0% 100%, var(--orange-soft), transparent 22rem), var(--card)}.danger-orb{color:var(--red);background:radial-gradient(circle at 35% 20%, #fff6, transparent 16%), radial-gradient(circle, var(--red-soft), transparent 72%)}.mistake-form{border:1px solid color-mix(in srgb, var(--red) 20%, var(--border));background:linear-gradient(145deg, var(--red-soft), transparent 52%), var(--card);box-shadow:var(--shadow-soft);border-radius:26px}.form-step{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 10px;font-size:12px;font-weight:900}.danger-btn{background:linear-gradient(135deg, var(--red), var(--orange))}.danger-row:before{background:linear-gradient(var(--red), var(--orange))}.writing-hero{min-height:190px}.editor-shell{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#101522;border-radius:18px;overflow:hidden}.editor-toolbar{color:#b8c2df;background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;gap:10px;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.editor-shell .cm-theme{box-shadow:none;border:0;border-radius:0}.assistant-rail{top:calc(var(--topbar-height) + 22px);position:sticky}.assistant-orb-panel{background:radial-gradient(circle at 88% 18%, var(--accent-soft), transparent 32%), linear-gradient(135deg, var(--primary-soft), transparent 62%), var(--card);border:1px solid var(--border);border-radius:28px 28px 28px 10px;padding:22px;position:relative;overflow:hidden}.assistant-orb-panel h3{margin:12px 0 6px}.email-hero{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));min-height:190px}.mail-visual{color:var(--accent)}.email-control-panel{gap:4px;display:grid}.choice-grid button{min-height:64px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-preview-device{transform:rotate(.5deg)}.topbar-search kbd{white-space:nowrap;place-items:center;min-width:34px;height:26px;padding:0 7px;line-height:1;display:inline-grid}@keyframes barIn{0%{opacity:.4;height:0}}@keyframes growLine{0%{width:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1100px){.dashboard-bento,.travel-bento{grid-template-columns:1fr}.subject-panel,.queue-panel,.notes-panel,.weak-panel{grid-area:auto}.dashboard-hero,.study-hero,.travel-hero,.problem-hero,.mistake-hero,.writing-hero,.email-hero{grid-template-columns:1fr}}@media (width<=900px){.sidebar{overflow:visible}.sidebar-account,.sidebar-spacer{display:none}.sidebar-nav{overflow:visible}}@media (width<=760px){.onboarding-loop,.travel-stats,.problem-stat-strip,.mistake-stats,.progress-line{grid-template-columns:1fr}.memory-orb,.study-orb,.travel-plane,.repo-visual,.danger-orb,.writing-visual,.mail-visual{width:130px;height:130px}}.cmd{height:calc(100vh - var(--topbar-height));grid-template-rows:auto 1fr auto;grid-template-columns:240px 1fr 240px;gap:12px;margin:-24px -28px -48px;padding:14px 18px;display:grid;position:relative;overflow:hidden}.cmd .nebula-canvas{pointer-events:none;z-index:0;opacity:.6;position:absolute;inset:0;width:100%!important;height:100%!important}.cmd-scan{display:none}.cmd>*{z-index:2;position:relative}.cmd-hdr{border-bottom:1px solid #8b5cf61f;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;display:flex}.cmd-tag{color:var(--accent);letter-spacing:.04em;text-transform:lowercase;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.cmd-h1{letter-spacing:-.04em;color:var(--text-strong);margin:2px 0 0;font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.1}.cmd-h1 em{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.cmd-pills{flex-wrap:wrap;gap:8px;display:flex}.cmd-pill{border:1px solid color-mix(in srgb, var(--c) 25%, transparent);background:color-mix(in srgb, var(--c) 6%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 18px color-mix(in srgb, var(--c) 12%, transparent);color:var(--c);transition:transform .25s var(--spring), box-shadow .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;display:flex}.cmd-pill:hover{box-shadow:0 0 28px color-mix(in srgb, var(--c) 22%, transparent);transform:translateY(-2px)scale(1.04)}.cmd-pill strong{color:var(--text-strong);text-shadow:0 0 12px color-mix(in srgb, var(--c) 40%, transparent);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:900}.cmd-pill span{letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:800}.cmd-l,.cmd-r{flex-direction:column;gap:10px;padding:8px 12px;display:flex;overflow:hidden}.cmd-l{border-right:1px solid #8b5cf61a}.cmd-r{border-left:1px solid #62d5c81a}.cmd-lbl{color:var(--accent);letter-spacing:.03em;text-transform:lowercase;margin:0;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.cmd-cnt{color:var(--primary)}.cmd-tl{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.cmd-tl::-webkit-scrollbar{width:2px}.cmd-tl::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:99px}.cmd-tl-row{grid-template-columns:16px 1fr;align-items:start;gap:8px;padding:6px 0;display:grid;position:relative}.cmd-tl-row:after{content:"";background:linear-gradient(#8b5cf666,#0000);width:1px;position:absolute;top:20px;bottom:-4px;left:7px}.cmd-tl-row:last-child:after{display:none}.cmd-tl-pip{background:var(--primary);border:2px solid #8b5cf64d;border-radius:50%;width:8px;height:8px;margin-top:4px;animation:2s ease-in-out infinite cmdPipPulse;box-shadow:0 0 8px #8b5cf699,0 0 20px #8b5cf633}.cmd-tl-row span{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.cmd-tl-row small{color:var(--muted-2);font-family:JetBrains Mono,monospace;font-size:10px}.cmd-nil{color:var(--muted-2);align-items:center;gap:8px;padding:12px 0;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.cmd-go{color:var(--primary);align-items:center;gap:6px;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.cmd-go:hover{color:var(--accent)}.cmd-c{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.cmd-sub{color:var(--muted);margin:0;font-size:13px}.cmd-cta{gap:10px;margin-top:6px;display:flex}.cmd-glow{box-shadow:0 0 30px #8b5cf666,0 12px 28px #8b5cf633}.streak-beacon{color:var(--text-strong);background:linear-gradient(90deg,#fbbf2424,#62d5c814),#090e1985;border:1px solid #fbbf243d;border-radius:999px;grid-template-columns:auto auto auto;align-items:center;gap:10px;margin:4px 0 8px;padding:10px 14px;font-family:JetBrains Mono,monospace;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 0 34px #fbbf241f}.streak-beacon:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);animation:4.5s ease-in-out infinite signalSweep;position:absolute;inset:0;transform:translate(-120%)}.streak-beacon svg{color:var(--orange);filter:drop-shadow(0 0 10px #fbbf2473)}.streak-beacon strong,.streak-beacon span{z-index:1;position:relative}.streak-beacon strong{text-transform:uppercase;font-size:13px}.streak-beacon span{color:var(--muted);font-size:11px}.cmd-brain{aspect-ratio:1;width:min(320px,42vw);position:relative}.cmd-br-glow{filter:blur(30px);background:radial-gradient(circle,#8b5cf640,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite cmdGlow;position:absolute;inset:15%}.cmd-br-core{color:#fff;background:radial-gradient(circle at 32% 28%,#ffffff73,#0000 40%),radial-gradient(circle,#8b5cf6bf,#62d5c833 65%,#0000 80%);border-radius:50%;place-items:center;width:72px;height:72px;animation:3s ease-in-out infinite cmdCorePulse;display:grid;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #8b5cf68c,0 0 80px #8b5cf633,inset 0 0 22px #ffffff1a}.cmd-br-orbit{border:1px solid #8b5cf626;border-radius:50%;position:absolute;inset:0}.cmd-br-orbit span{background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 10px #8b5cf6b3}.cmd-br-orbit.o1{border-color:#8b5cf640;animation:8s linear infinite cmdOrbit;inset:18%}.cmd-br-orbit.o1 span:first-child{top:0;left:50%;transform:translate(-50%,-50%)}.cmd-br-orbit.o1 span:nth-child(2){bottom:0;left:50%;transform:translate(-50%,50%)}.cmd-br-orbit.o2{border-style:dashed;border-color:#62d5c826;animation:14s linear infinite reverse cmdOrbit;inset:8%}.cmd-br-orbit.o2 span{background:var(--accent);box-shadow:0 0 10px #62d5c8b3}.cmd-br-orbit.o2 span:first-child{top:50%;right:0;transform:translate(50%,-50%)}.cmd-br-orbit.o2 span:nth-child(2){top:50%;left:0;transform:translate(-50%,-50%)}.cmd-br-orbit.o3{border-color:#8b5cf614;animation:22s linear infinite cmdOrbit;inset:-2%}.cmd-br-orbit.o3 span{background:#ffffff80;width:4px;height:4px;box-shadow:0 0 6px #fff6}.cmd-br-orbit.o3 span:first-child{top:10%;right:10%}.cmd-br-orbit.o3 span:nth-child(2){bottom:10%;left:10%}.cmd-br-orbit.o3 span:nth-child(3){top:50%;right:-1%;transform:translateY(-50%)}.cmd-br-float{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:50%;place-items:center;width:28px;height:28px;animation:5s ease-in-out infinite cmdFloat;display:grid;position:absolute}.cmd-br-float.f1{animation-delay:0s;top:5%;left:50%;transform:translate(-50%)}.cmd-br-float.f2{animation-delay:-1.2s;bottom:12%;right:5%}.cmd-br-float.f3{animation-delay:-2.5s;bottom:12%;left:5%}.cmd-br-float.f4{animation-delay:-3.8s;top:40%;left:-4%}.cmd-rings{flex-direction:column;gap:6px;display:flex}.cmd-rng{align-items:center;gap:10px;display:flex}.cmd-ring-svg{flex:0 0 40px}.cmd-rng span{color:var(--text);font-size:12px;font-weight:700}.cmd-rng small{color:var(--muted-2);font-family:JetBrains Mono,monospace;font-size:10px}.cmd-log{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.cmd-log-row{color:var(--muted);align-items:center;gap:8px;padding:5px 0;font-size:11px;text-decoration:none;transition:color .2s;display:flex}.cmd-log-row:hover{color:var(--text-strong)}.cmd-log-row svg{color:var(--green);flex:none}.cmd-log-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmd-f{border-top:1px solid #8b5cf61a;grid-column:1/-1;padding-top:8px}.cmd-sbar{flex-direction:column;gap:6px;display:flex}.cmd-sbar-track{background:var(--surface);border-radius:99px;gap:2px;height:6px;display:flex;overflow:hidden}.cmd-sbar-seg{transition:flex .6s var(--ease);border-radius:99px;box-shadow:0 0 8px}.cmd-sbar-labels{gap:14px;display:flex}.cmd-sbar-labels small{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}@keyframes cmdPipPulse{0%,to{box-shadow:0 0 8px #8b5cf699,0 0 20px #8b5cf633}50%{box-shadow:0 0 12px #8b5cf6cc,0 0 30px #8b5cf659}}@keyframes cmdGlow{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}@keyframes cmdCorePulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 60px #8b5cf6b3,0 0 120px #8b5cf64d,inset 0 0 30px #ffffff26}}@keyframes cmdOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cmdFloat{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes signalSweep{0%,35%{transform:translate(-120%)}65%,to{transform:translate(120%)}}.wk{height:calc(100vh - var(--topbar-height));flex-direction:column;justify-content:space-between;align-items:center;gap:8px;margin:-24px -28px -48px;padding:28px 24px 22px;display:flex;position:relative;overflow:hidden}.wk .nebula-canvas{pointer-events:none;z-index:0;opacity:.55;position:absolute;inset:0;width:100%!important;height:100%!important}.wk>*{z-index:1;position:relative}.wk-top{text-align:center;flex:none;padding-top:10px}.wk-pill{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--muted);background:#8b5cf614;border-radius:999px;margin-bottom:14px;padding:7px 18px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;display:inline-block;box-shadow:0 0 20px #8b5cf61a}.wk-h1{letter-spacing:-.05em;color:var(--text-strong);margin:0;font-size:clamp(28px,4.5vw,52px);font-weight:900;line-height:1.08}.wk-h1 em{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.wk-sub{color:var(--muted);margin:8px 0 0;font-size:13px}.wk-mid{flex:auto;justify-content:center;align-items:center;width:100%;min-height:140px;max-height:280px;display:flex;position:relative}.wk-visualizer{justify-content:center;align-items:center;gap:0;display:flex}.wk-wave-half{align-items:center;gap:2.5px;height:90px;display:flex}.wk-wave-left{justify-content:flex-end}.wk-wave-right{justify-content:flex-start}.wk-bar{background:linear-gradient(180deg, var(--primary), var(--accent));width:2.5px;animation:1.8s ease-in-out infinite wkPulse;animation-delay:var(--d);border-radius:999px}@keyframes wkPulse{0%,to{opacity:.2;height:6px}50%{height:calc(55px * var(--h));opacity:calc(.15 + .45 * var(--h))}}.wk-orb{z-index:2;color:#fff;background:radial-gradient(circle at 34% 26%,#ffffff59,#0000 40%),radial-gradient(circle,#8b5cf6b3,#5646e61f 60%,#0000 75%);border-radius:50%;flex-shrink:0;place-items:center;width:110px;height:110px;animation:3s ease-in-out infinite orbPulse;display:grid;position:relative;box-shadow:0 0 40px #8b5cf680,0 0 80px #8b5cf62e,inset 0 0 22px #ffffff14}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 60px #8b5cf6b3,0 0 120px #8b5cf64d,inset 0 0 30px #ffffff26}}.wk-ring{display:none}.wk-bottom{text-align:center;flex-direction:column;flex:none;align-items:center;gap:14px;width:min(640px,100%);padding-bottom:8px;display:flex}.wk-q small{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;display:block}.wk-q h2{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:clamp(18px,2.8vw,28px);font-weight:900;line-height:1.2}.wk-q p{color:var(--muted);margin:4px 0 0;font-family:JetBrains Mono,monospace;font-size:12px}.wk-ans{color:#ddd;text-align:left;width:100%;max-width:540px;animation:flipIn .35s var(--ease) both;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:12px 16px;font-size:13px}.wk-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wk-btns .btn{border-radius:12px!important;min-height:38px!important;padding:0 16px!important;font-size:12px!important}.wk-show{box-shadow:0 0 20px #8b5cf647,0 8px 22px #8b5cf629}.wk-rate{width:min(360px,100%);animation:flipIn .3s var(--ease) both;grid-template-columns:1fr 1fr;gap:10px;display:grid}.wk-forgot{border:1px solid color-mix(in srgb, var(--red) 40%, transparent)!important;background:var(--red-soft)!important;color:var(--red)!important}.wk-knew{border:1px solid color-mix(in srgb, var(--green) 40%, transparent)!important;background:var(--green-soft)!important;color:var(--green)!important}.wk-hint{color:var(--muted-2);font-family:JetBrains Mono,monospace;font-size:11px}.cursor-trail{display:none}.cursor-dot{background:#fff;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;box-shadow:0 0 10px 3px #8b5cf680,0 0 20px 5px #8b5cf61f}.cursor-ring{border:1.5px solid #ffffff59;width:28px;height:28px;margin:-14px 0 0 -14px}.cursor-ring.is-magnetic{border-color:#8b5cf699}@media (width<=1100px){.cmd{grid-template-rows:auto;grid-template-columns:1fr;height:auto;margin:0;padding:0;overflow:auto}.cmd-l,.cmd-r{border:none;padding:8px 0}.cmd-brain{width:min(220px,60vw)}.wk{height:auto;min-height:calc(100vh - var(--topbar-height) - 48px);margin:0;padding:16px}}@media (width<=768px){.cmd-pills{gap:6px}.cmd-pill{padding:6px 12px}.cmd-pill strong{font-size:15px}.wk-btns{grid-template-columns:1fr 1fr;display:grid}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8b5cf666}*{scrollbar-width:thin;scrollbar-color:#8b5cf633 transparent}.layout-content{scrollbar-width:thin;overflow-y:auto}.email-studio{position:relative}.email-hero{background:radial-gradient(circle at 88% 20%, #62d5c838, transparent 20rem), radial-gradient(circle at 5% 80%, #8b5cf626, transparent 20rem), linear-gradient(135deg, #ffffff0f, #ffffff04), var(--card);min-height:200px}.email-hero h1{background:linear-gradient(135deg, var(--text-strong), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.email-control-panel{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff0d, transparent 60%), var(--card);box-shadow:var(--shadow-soft);border-radius:26px}.email-control-panel h2{align-items:center;gap:10px;margin:18px 0 8px;font-size:16px;display:flex}.email-control-panel h2:first-child{margin-top:0}.email-preview-device{border-color:#171a27e6;box-shadow:0 30px 80px #00000059,0 0 0 1px #ffffff0d}.luxury-auth{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #8b5cf62e, transparent 26rem), radial-gradient(circle at 80% 80%, #62d5c814, transparent 22rem), linear-gradient(135deg, var(--bg), var(--bg-soft))}.premium-card{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff24, transparent 14rem), var(--card);border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 28px 90px #0006,0 0 0 1px #ffffff0f}.auth-card h1{background:linear-gradient(135deg, var(--text-strong), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.google-button{min-height:52px;transition:transform .22s var(--spring), box-shadow .22s var(--ease), background .22s var(--ease);border-radius:15px;font-size:15px;font-weight:800}.google-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0003}.auth-story-copy h1{background:linear-gradient(135deg, var(--text-strong) 40%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-proof-grid div{transition:transform .25s var(--spring), box-shadow .25s var(--ease)}.auth-proof-grid div:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000026}.profile-header-card{border-radius:26px;overflow:hidden}.profile-header-card:before{background:linear-gradient(120deg,#8b5cf680,#62d5c840,#8b5cf64d) 0 0/200% 100%;height:130px;animation:4s linear infinite shimmer}.metric-card{transition:transform .3s var(--spring), box-shadow .3s var(--ease);border-radius:20px}.metric-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 24px 60px #00000040}.pack-stat,.problem-stat-strip span,.mistake-stats span{transition:transform .22s var(--spring), box-shadow .22s var(--ease), background .22s var(--ease);border-radius:18px}.pack-stat:hover,.problem-stat-strip span:hover,.mistake-stats span:hover{background:var(--surface-2);transform:translateY(-3px);box-shadow:0 12px 30px #0000001f}.study-hero,.travel-hero,.problem-hero,.mistake-hero,.writing-hero{border-radius:28px;overflow:hidden}.study-hero:before,.travel-hero:before,.problem-hero:before,.mistake-hero:before,.writing-hero:before,.email-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf626,#0000 60%);border-radius:50%;width:300px;height:300px;animation:10s ease-in-out infinite orbitFloat;position:absolute;top:-50%;right:-20%}.explore-card{border-radius:22px;overflow:hidden}.explore-cover{min-height:120px;transition:filter .3s var(--ease)}.explore-card:hover .explore-cover{filter:brightness(1.12)saturate(1.1)}.flashcard-face{border-radius:28px}.btn-primary:hover{box-shadow:0 0 38px #8b5cf666,0 16px 38px #8b5cf638}.form-card{border-radius:24px}.bento-panel{transition:transform .3s var(--spring), box-shadow .3s var(--ease)}.bento-panel:hover{transform:translateY(-3px);box-shadow:0 20px 50px #0003}.revision-row:hover:before{opacity:1;box-shadow:0 0 12px #8b5cf666}.topbar{border-bottom:1px solid #8b5cf614}.topbar-upload{transition:transform .22s var(--spring), box-shadow .22s var(--ease)}.topbar-upload:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 18px 40px #8b5cf659}.nav-item:hover{transform:translate(3px)}.nav-item-active{background:var(--primary-soft);box-shadow:inset 0 0 20px #8b5cf60f}.sidebar-cta-btn{transition:transform .22s var(--spring), box-shadow .22s var(--ease)}.sidebar-cta-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 18px 36px #8b5cf666}.page{animation:pageIn .45s var(--ease) both}.switch{transition:background .28s var(--ease)}.switch:hover{box-shadow:0 0 0 4px var(--primary-soft)}.tabs button:hover:not(.active){background:var(--surface-2);color:var(--text);transform:translateY(-1px)}.choice-grid button:hover:not(.active),.check-pill:hover:not(.active){border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-1px)}.wk-forgot:hover{box-shadow:0 0 24px #ff737333!important}.wk-knew:hover{box-shadow:0 0 24px #7adf9133!important}.markdown a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.code-panel{box-shadow:inset 0 2px 12px #0003, var(--shadow-soft);border-radius:18px}.extension-connect-card:before{content:"";z-index:-1;opacity:.6;background:linear-gradient(135deg,#8b5cf64d,#62d5c833,#8b5cf61a);border-radius:31px;animation:3s ease-in-out infinite breathe;position:absolute;inset:-1px}body.light-theme .email-hero h1,body.light-theme .auth-story-copy h1,body.light-theme .auth-card h1{-webkit-text-fill-color:unset;color:var(--text-strong);background:0 0}body.light-theme .extension-connect-card:before{background:linear-gradient(135deg,#7353e626,#0e93841a,#7353e614)}.login-page{background:var(--bg);grid-template-columns:1.15fr .85fr;align-items:center;gap:min(5vw,64px);min-height:100vh;padding:40px clamp(28px,5vw,72px);display:grid;position:relative;overflow:hidden}.login-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.login-grid-lines{-webkit-mask-image:radial-gradient(ellipse 80% 70% at var(--mx,50%) var(--my,50%), black 10%, transparent 70%);mask-image:radial-gradient(ellipse 80% 70% at var(--mx,50%) var(--my,50%), black 10%, transparent 70%);background-image:linear-gradient(#8b5cf609 1px,#0000 1px),linear-gradient(90deg,#8b5cf609 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.login-orb{filter:blur(90px);border-radius:50%;position:absolute}.login-orb.o1{background:#8b5cf647;width:500px;height:500px;animation:14s ease-in-out infinite orbDrift1;top:-15%;left:-8%}.login-orb.o2{background:#62d5c82e;width:350px;height:350px;animation:18s ease-in-out infinite orbDrift2;bottom:-8%;right:5%}.login-orb.o3{background:#8b5cf624;width:240px;height:240px;animation:11s ease-in-out infinite orbDrift3;top:25%;right:38%}@keyframes orbDrift1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(70px,50px)scale(1.12)}66%{transform:translate(-40px,90px)scale(.92)}}@keyframes orbDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-60px,-70px)scale(1.18)}}@keyframes orbDrift3{0%,to{transform:translate(0)}50%{transform:translate(50px,-40px)}}.login-hero{z-index:1;flex-direction:column;gap:28px;max-width:700px;display:flex;position:relative}.login-logo{letter-spacing:-.04em;color:var(--text-strong);align-items:center;gap:11px;font-size:17px;font-weight:900;display:inline-flex}.login-logo-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d5dfc);border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 24px #8b5cf666}.login-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.login-headline h1{letter-spacing:-.055em;color:var(--text-strong);margin:10px 0 0;font-size:clamp(40px,6.5vw,82px);font-weight:900;line-height:1.02}.login-headline h1 em{background:linear-gradient(135deg,#8b5cf6 20%,#62d5c8 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.login-desc{max-width:520px;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.7}.login-stats-row{flex-wrap:wrap;gap:12px;display:flex}.login-stat{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .22s var(--spring), box-shadow .2s var(--ease), background .2s var(--ease);background:#ffffff08;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex}.login-stat:hover{background:#8b5cf60f;transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.login-stat svg{color:var(--primary);flex-shrink:0}.login-stat strong{color:var(--text-strong);font-size:12px;display:block}.login-stat span{color:var(--muted);font-size:11px;display:block}.login-modules{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.login-module{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff0a, transparent 60%), var(--card);transition:transform .22s var(--spring), box-shadow .2s var(--ease), border-color .2s var(--ease);border-radius:18px;flex-direction:column;gap:4px;padding:16px;display:flex}.login-module:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 16px 36px #00000026}.login-module-icon{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.login-module strong{color:var(--text-strong);font-size:12px}.login-module span{color:var(--muted);font-size:11px;line-height:1.4}.login-floaters{pointer-events:none;z-index:0;position:absolute;inset:0}.floater{color:var(--muted-2);white-space:nowrap;opacity:.35;background:#8b5cf60d;border:1px solid #8b5cf61f;border-radius:999px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:10px;animation:12s ease-in-out infinite floaterDrift;position:absolute}.floater.f1{animation-delay:0s;top:4%;right:-2%}.floater.f2{animation-delay:-4s;bottom:8%;left:5%}.floater.f3{animation-delay:-8s;bottom:2%;right:8%}@keyframes floaterDrift{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.5;transform:translateY(-12px)}}.login-auth{z-index:1;justify-self:center;width:min(420px,100%);position:relative}.login-auth-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#8b5cf624,#0000 55%);border-radius:50%;animation:4s ease-in-out infinite breathe;position:absolute;inset:-50px}.login-auth-card{z-index:1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff14, transparent 18rem), linear-gradient(160deg, #ffffff0d, transparent 40%), var(--card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #ffffff17;border-radius:26px;gap:18px;padding:34px;display:grid;position:relative;box-shadow:0 36px 80px #0006,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.login-auth-head{text-align:center}.login-auth-badge{width:56px;height:56px;color:var(--primary);background:linear-gradient(135deg,#8b5cf626,#62d5c814);border-radius:18px;place-items:center;margin:0 auto 14px;display:inline-grid;position:relative;box-shadow:0 8px 22px #8b5cf62e}.badge-ring{pointer-events:none;border:1px solid #8b5cf626;border-radius:18px;animation:2.4s ease-in-out infinite badgePulse;position:absolute}.badge-ring.r1{inset:-6px}.badge-ring.r2{border-color:#62d5c81a;animation-delay:.6s;inset:-14px}@keyframes badgePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.login-auth-head h2{letter-spacing:-.04em;color:var(--text-strong);margin:0;font-size:24px;font-weight:900}.login-auth-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.login-google{border:1px solid var(--border-strong);background:linear-gradient(145deg, #ffffff12, #ffffff05), var(--card-strong);width:100%;min-height:52px;color:var(--text-strong);cursor:pointer;transition:transform .22s var(--spring), box-shadow .25s var(--ease), background .22s var(--ease);border-radius:15px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:15px;font-weight:800;display:flex}.login-google:hover{background:linear-gradient(145deg, #8b5cf614, #ffffff08), var(--card-strong);transform:translateY(-3px);box-shadow:0 20px 48px #00000040,0 0 0 1px #8b5cf626}.login-google:active{transform:scale(.97)}.login-google.is-loading{opacity:.65;pointer-events:none}.login-google svg{flex-shrink:0}.login-divider{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-trust-row{justify-content:center;gap:16px;display:flex}.login-trust-row div{color:var(--muted);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.login-trust-row svg{color:var(--green)}.login-legal{text-align:center;color:var(--muted-2);margin:0;font-size:10px;line-height:1.5}@media (width<=1000px){.login-page{grid-template-columns:1fr;gap:36px;padding:28px}.login-hero{max-width:100%}.login-headline h1{font-size:clamp(34px,9vw,52px)}.login-modules{grid-template-columns:1fr 1fr}.login-floaters{display:none}.login-auth{justify-self:center;width:100%;max-width:420px}}@media (width<=580px){.login-stats-row{flex-direction:column}.login-modules{grid-template-columns:1fr}}.cursor-glow-bg{pointer-events:none;z-index:0;transition:background .15s;position:fixed;inset:0}.cursor-dot{width:6px;height:6px;transition:width .15s var(--ease), height .15s var(--ease), margin .15s var(--ease), box-shadow .15s var(--ease);background:#fff;border-radius:50%;margin:-3px 0 0 -3px;box-shadow:0 0 8px 2px #8b5cf699,0 0 20px 4px #8b5cf626,0 0 40px 8px #8b5cf60d}.cursor-ring{mix-blend-mode:difference;width:32px;height:32px;transition:width .2s var(--ease), height .2s var(--ease), margin .2s var(--ease), border-radius .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);border:1.5px solid #ffffff47;border-radius:50%;margin:-16px 0 0 -16px}.cursor-ring.is-magnetic{background:#8b5cf60f;border-color:#8b5cf680;width:48px;height:48px;margin:-24px 0 0 -24px}.cursor-ring.is-text{mix-blend-mode:normal;background:#ffffffd9;border-color:#0000;border-radius:3px;width:3px;height:28px;margin:-14px 0 0 -1.5px}.cursor-ring.is-clicking{background:#8b5cf61a;border-color:#8b5cf6b3;width:22px;height:22px;margin:-11px 0 0 -11px}@media (hover:hover) and (pointer:fine){html{cursor:none}body,body *{cursor:none!important}}@media (pointer:coarse){.cursor-dot,.cursor-ring,.cursor-glow-bg{display:none!important}}body.light-theme .login-headline h1 em{-webkit-text-fill-color:unset;color:var(--primary);background:0 0}body.light-theme .login-auth-card{border-color:var(--border-strong);box-shadow:0 32px 80px #3c2d181f,0 0 0 1px #0000000a}body.light-theme .cursor-glow-bg{display:none}.page-header{background:radial-gradient(circle at 85% 30%, #8b5cf633, transparent 16rem), radial-gradient(circle at 10% 80%, #62d5c814, transparent 14rem), linear-gradient(145deg, #ffffff0a, transparent 50%), var(--card);border-bottom:1px solid var(--border);border-radius:0 0 28px 28px;margin:-24px -28px 24px;padding:28px 32px;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf61f,#0000 60%);border-radius:50%;width:250px;height:250px;animation:12s ease-in-out infinite orbitFloat;position:absolute;top:-50%;right:-10%}.page-header h1{letter-spacing:-.04em;background:linear-gradient(135deg, var(--text-strong), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,4vw,46px);font-weight:900;line-height:1.1}.page-header p{color:var(--muted);max-width:600px;margin:6px 0 0;font-size:14px}.toolbar{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff0a, transparent 60%), var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.tabs{background:var(--surface);scrollbar-width:none;border-radius:16px;gap:4px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;transition:all .2s var(--ease);background:0 0;border:none;border-radius:12px;padding:8px 16px;font-size:12px;font-weight:700}.tabs button.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px #8b5cf659}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.explore-card{border:1px solid var(--border);background:var(--card);transition:transform .28s var(--spring), box-shadow .28s var(--ease), border-color .2s var(--ease);border-radius:22px;overflow:hidden}.explore-card:hover{border-color:#8b5cf633;transform:translateY(-6px);box-shadow:0 20px 50px #0003}.explore-cover{background:radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--note-color,#8b5cf6) 20%, transparent), transparent 50%), var(--surface);min-height:110px;color:color-mix(in srgb, var(--note-color,#8b5cf6) 80%, white);place-items:center;display:grid}.explore-card-body{padding:16px}.explore-card-body h3{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:15px;font-weight:800}.explore-card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.explore-card-body footer{color:var(--muted-2);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.mistake-hero{background:radial-gradient(circle at 88% 20%, #ff73732e, transparent 16rem), radial-gradient(circle at 5% 80%, #8b5cf61a, transparent 16rem), linear-gradient(135deg, #ffffff0a, transparent), var(--card)!important}.danger-orb{background:radial-gradient(circle at 34% 22%,#fff6,#0000 30%),radial-gradient(circle,#ff737380,#ff50501a 55%,#0000 75%);box-shadow:0 0 50px #ff73734d,inset 0 0 20px #ffffff0f}.danger-btn{color:var(--red)!important;background:linear-gradient(135deg,#ff737326,#ff505014)!important;border-color:#ff73734d!important}.danger-btn:hover{box-shadow:0 0 30px #ff737333}.danger-row{border-left:3px solid var(--red)}.problem-hero{background:radial-gradient(circle at 85% 25%, #10b98126, transparent 16rem), radial-gradient(circle at 8% 75%, #8b5cf61f, transparent 16rem), linear-gradient(135deg, #ffffff0a, transparent), var(--card)!important}.study-hero{background:radial-gradient(circle at 82% 22%, #8b5cf640, transparent 14rem), radial-gradient(circle at 15% 85%, #62d5c81a, transparent 16rem), linear-gradient(135deg, #ffffff0d, transparent), var(--card)!important}.travel-hero{background:radial-gradient(circle at 80% 25%, #62d5c833, transparent 14rem), radial-gradient(circle at 10% 80%, #8b5cf61a, transparent 16rem), linear-gradient(135deg, #ffffff0a, transparent), var(--card)!important}.email-hero{background:radial-gradient(circle at 88% 20%, #62d5c838, transparent 16rem), radial-gradient(circle at 5% 80%, #8b5cf626, transparent 16rem), linear-gradient(135deg, #ffffff0d, transparent), var(--card)!important}.writing-hero,.study-hero,.travel-hero,.problem-hero,.mistake-hero,.email-hero{border:1px solid var(--border);border-radius:26px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.writing-hero h1,.study-hero h1,.travel-hero h1,.problem-hero h1,.mistake-hero h1,.email-hero h1{letter-spacing:-.04em;color:var(--text-strong);margin:6px 0 0;font-size:clamp(26px,4vw,40px);font-weight:900}.writing-hero .eyebrow,.study-hero .eyebrow,.travel-hero .eyebrow,.problem-hero .eyebrow,.mistake-hero .eyebrow,.email-hero .eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin:0;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.writing-visual,.mail-visual,.danger-orb,.study-visual{border-radius:50%;flex-shrink:0;place-items:center;width:90px;height:90px;animation:3s ease-in-out infinite orbPulse;display:grid}.writing-visual{color:#fff;background:radial-gradient(circle at 34% 22%,#fff6,#0000 30%),radial-gradient(circle,#8b5cf68c,#5646e61a 55%,#0000 75%);box-shadow:0 0 50px #8b5cf64d,inset 0 0 20px #ffffff0f}.mail-visual{color:#fff;background:radial-gradient(circle at 34% 22%,#ffffff73,#0000 28%),radial-gradient(circle,#62d5c880,#8b5cf61f 50%,#0000 72%);box-shadow:0 0 50px #62d5c840,inset 0 0 20px #ffffff0f}.visual-empty{text-align:center;padding:48px 24px}.empty-illustration{width:80px;height:80px;color:var(--primary);background:radial-gradient(circle,#8b5cf626,#0000 60%);border-radius:50%;place-items:center;margin:0 auto 16px;display:inline-grid;box-shadow:0 0 40px #8b5cf61f}.empty-illustration.danger{color:var(--red);background:radial-gradient(circle,#ff73731f,#0000 60%);box-shadow:0 0 40px #ff73731a}.visual-empty h2,.visual-empty h3{color:var(--text-strong);font-size:18px;font-weight:800}.visual-empty p{color:var(--muted);max-width:420px;margin:8px auto 16px;font-size:13px}.email-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.email-layout{grid-template-columns:1fr}}.mistake-stats,.problem-stat-strip{flex-wrap:wrap;gap:8px;display:flex}.mistake-stats span,.problem-stat-strip span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:14px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:flex}.mistake-stats span strong,.problem-stat-strip span strong{color:var(--text-strong);font-size:14px}.form-step{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin:14px 0 4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.list-stack{gap:8px;display:grid}.revision-row,.danger-row{border:1px solid var(--border);background:var(--surface);transition:transform .2s var(--spring), box-shadow .2s var(--ease);border-radius:16px;padding:14px 16px;position:relative}.revision-row:hover,.danger-row:hover{transform:translate(4px);box-shadow:0 8px 20px #0000001a}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.bento-panel{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff08, transparent 50%), var(--card);border-radius:22px;padding:22px}body.light-theme .page-header h1{-webkit-text-fill-color:unset;color:var(--text-strong);background:0 0}.email-preview-card{border:1px solid var(--border);background:linear-gradient(160deg, #ffffff0a, transparent 40%), var(--card);box-shadow:var(--shadow);border-radius:22px;position:sticky;top:80px;overflow:hidden}.email-preview-header{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.email-preview-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-left:auto;animation:2s ease-in-out infinite breathe;box-shadow:0 0 8px #10b98166}.email-preview-body{padding:20px}.email-preview-subject{color:var(--text-strong);letter-spacing:-.02em;margin-bottom:14px;font-size:16px;font-weight:800;display:block}.email-preview-text{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;border-radius:14px;max-height:400px;margin:0;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.email-preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 28px;display:flex}.email-preview-icon{color:#fff;background:radial-gradient(circle at 34% 22%,#ffffff4d,#0000 30%),radial-gradient(circle,#62d5c859,#8b5cf614 50%,#0000 72%);border-radius:50%;place-items:center;width:72px;height:72px;animation:3s ease-in-out infinite orbPulse;display:grid;box-shadow:0 0 40px #62d5c82e}.email-preview-empty strong{color:var(--text-strong);font-size:15px;font-weight:800}.email-preview-empty span{color:var(--muted);max-width:280px;font-size:12px;line-height:1.6}.concept-page{gap:18px;display:grid}.concept-hero,.email-brain-hero{border:1px solid var(--border);background:linear-gradient(135deg, #2dd4bf1f, transparent 42%), linear-gradient(180deg, #fbbf2414, transparent 58%), var(--card);box-shadow:var(--shadow-soft);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:22px;padding:26px;display:grid;position:relative;overflow:hidden}.concept-hero h1,.email-brain-hero h1{max-width:880px;color:var(--text-strong);margin:8px 0 10px;font-size:clamp(34px,5vw,62px);line-height:1.03}.concept-hero p,.email-brain-hero p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.6}.concept-actions,.email-hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.memory-gauge,.email-status-orb{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:linear-gradient(145deg, #62d5c82e, transparent), var(--surface);text-align:center;border-radius:24px;align-content:center;place-items:center;width:190px;min-height:190px;display:grid}.memory-gauge span{color:var(--text-strong);font-size:56px;font-weight:900;line-height:1}.memory-gauge strong,.email-status-orb strong{color:var(--text-strong);text-transform:uppercase;font-size:13px}.memory-gauge p,.email-status-orb span{color:var(--muted);margin:8px 16px 0;font-size:12px;line-height:1.4}.concept-status{margin:0}.concept-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:18px;display:grid}.concept-main{gap:16px;min-width:0;display:grid}.concept-panel{background:linear-gradient(90deg,#62d5c814,#0000 20%),linear-gradient(145deg,#ffffff06,#0000 54%),#080d188a;border:1px solid #62d5c81f;border-radius:10px;padding:18px 18px 18px 22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06}.concept-panel:before{content:"";background:linear-gradient(var(--accent), transparent);width:2px;position:absolute;top:14px;bottom:14px;left:0;box-shadow:0 0 16px #62d5c866}.concept-panel-head,.email-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.concept-panel-head{justify-content:flex-start}.concept-panel-head h2,.email-panel-head h2{color:var(--text-strong);margin:0;font-size:19px}.concept-reconstruction h3{color:var(--text-strong);text-transform:uppercase;margin:18px 0 8px;font-size:14px}.concept-reconstruction p{color:var(--text);line-height:1.7}.concept-code{white-space:pre-wrap;max-height:420px;overflow:auto}.formula-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.formula-grid code{border:1px solid color-mix(in srgb, var(--orange) 28%, var(--border));min-height:52px;color:var(--text-strong);white-space:normal;background:#fbbf2412;border-radius:8px;padding:13px;display:block}.mistake-memory-list,.source-list,.chat-tree-list{gap:10px;display:grid}.mistake-memory-list article,.source-list a,.chat-node{background:linear-gradient(90deg,#8b5cf613,#0000 35%),#080d186b;border:1px solid #ffffff14;border-radius:8px;padding:14px;display:block}.mistake-memory-list strong,.source-list strong,.chat-node strong{color:var(--text-strong);display:block}.mistake-memory-list p,.source-list span,.chat-node p{color:var(--text);white-space:pre-wrap;margin:8px 0 0;line-height:1.55}.mistake-memory-list small,.chat-node small{color:var(--muted);margin-top:8px;display:block}.source-list a:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));transform:translateY(-1px)}.chat-tree-form{gap:10px;margin-bottom:14px;display:grid}.chat-tree-form textarea{resize:vertical;min-height:92px}.flow-tree{background-color:#04081057;background-image:linear-gradient(#62d5c809 1px,#0000 1px),linear-gradient(90deg,#62d5c809 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #62d5c81f;border-radius:12px;gap:14px;margin:8px 0 16px;padding:14px;display:grid;position:relative;overflow-x:auto}.flow-root{width:fit-content;color:var(--accent);text-transform:uppercase;background:#62d5c814;border:1px solid #62d5c847;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:900;display:inline-flex}.flow-branches,.flow-children{align-items:flex-start;gap:14px;display:flex}.flow-node-wrap{gap:12px;min-width:170px;display:grid;position:relative}.flow-node-wrap:before{content:"";background:#62d5c861;width:1px;height:12px;position:absolute;top:-12px;left:18px;box-shadow:0 0 9px #62d5c873}.flow-node{max-width:240px;min-height:48px;color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);background:#080d18b8;border:1px solid #8b5cf638;border-radius:8px;padding:9px 11px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.35}.flow-node:hover,.flow-node.active{border-color:#62d5c88c;transform:translateY(-1px);box-shadow:0 0 22px #62d5c829}.flow-node span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flow-children{border-left:1px solid #62d5c82e;padding-left:18px}.chat-form-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.chat-node{position:relative}.chat-node.child{border-left:3px solid var(--accent);margin-left:18px}.chat-node div{justify-content:space-between;gap:10px;display:flex}.chat-node button,.advanced-toggle{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:800}.chat-expand{margin-top:8px;padding:0;display:inline-flex}.walk-inline{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 14%, transparent);width:100%;min-height:42px;color:var(--text-strong);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-weight:900;display:inline-flex}.email-brain-page{gap:18px;display:grid}.email-brain-hero{min-height:260px}.email-schedule-strip{color:var(--text);background:linear-gradient(90deg,#62d5c81c,#8b5cf60f),#060a1470;border:1px solid #62d5c829;border-radius:999px;grid-template-columns:auto minmax(0,max-content) minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;font-family:JetBrains Mono,monospace;display:grid}.email-schedule-strip svg{color:var(--accent)}.email-schedule-strip strong{color:var(--text-strong);font-size:12px}.email-schedule-strip span{color:var(--muted);font-size:11px;line-height:1.45}.email-status-orb svg{color:var(--accent);margin-bottom:12px}.email-brain-grid{grid-template-columns:minmax(0,1fr) minmax(330px,430px);align-items:start;gap:18px;display:grid}.email-simple-panel{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff0a, transparent 54%), var(--card);box-shadow:var(--shadow-soft);border-radius:20px;gap:16px;padding:20px;display:grid}.email-pill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.smart-pill{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:6px;min-height:96px;padding:14px;display:grid}.smart-pill svg{color:var(--accent)}.smart-pill span{color:var(--muted);font-size:12px;font-weight:800}.smart-pill strong{color:var(--text-strong);font-size:18px}.email-count-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.email-count-strip button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:12px;font-weight:900}.email-count-strip button.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text-strong)}.email-scope{background:linear-gradient(90deg,#62d5c814,#0000 35%),#080d185c;border:1px solid #62d5c824;border-radius:14px;gap:12px;padding:14px;display:grid}.email-scope-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.email-scope-head h3{color:var(--text-strong);margin:3px 0 0;font-size:16px}.email-scope-head button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:900}.email-scope-row,.email-note-picker{flex-wrap:wrap;gap:8px;display:flex}.email-scope-row button,.email-note-picker button{color:var(--text);cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;font-weight:850}.email-scope-row button{min-height:34px;padding:0 12px}.email-scope-row button.active,.email-note-picker button.active{color:var(--text-strong);background:#62d5c821;border-color:#62d5c873;box-shadow:0 0 20px #62d5c814}.email-note-picker{max-height:210px;padding-right:4px;overflow:auto}.email-note-picker button{text-align:left;border-radius:10px;gap:3px;min-width:min(230px,100%);max-width:310px;padding:10px 12px;display:grid}.email-note-picker strong{color:var(--text-strong);font-size:13px}.email-note-picker span,.email-scope-help{color:var(--muted);font-size:12px}.email-scope-help{margin:0;font-family:JetBrains Mono,monospace}.email-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-toggle{justify-self:start;align-items:center;gap:8px;padding:0;display:inline-flex}.email-advanced{gap:14px;padding-top:4px;display:grid}@media (width<=1100px){.concept-grid,.email-brain-grid{grid-template-columns:1fr}.concept-card-rail,.email-preview-card{height:auto;position:static}}@media (width<=720px){.concept-hero,.email-brain-hero{grid-template-columns:1fr;padding:20px}.memory-gauge,.email-status-orb{width:100%;min-height:130px}.formula-grid,.email-pill-grid,.chat-form-row,.email-schedule-strip{grid-template-columns:1fr}.heatmap-head,.heatmap-legend{flex-direction:column;align-items:flex-start}.heatmap-grid{grid-template-columns:repeat(10,minmax(14px,1fr))}}.wk-voice-strip{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.wk-voice-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--muted);letter-spacing:.02em;transition:all .25s var(--ease);background:#8b5cf614;border:1px solid #8b5cf633;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-flex}.wk-voice-toggle:hover{color:var(--text-strong);background:#8b5cf624;border-color:#8b5cf666}.wk-auto-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;transition:all .25s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:10px;font-weight:800;display:inline-flex}.wk-auto-btn.active{color:var(--accent);background:#62d5c81f;border-color:#62d5c84d;box-shadow:0 0 16px #62d5c81a}.wk-voice-name{color:var(--muted-2);font-family:JetBrains Mono,monospace;font-size:10px}.wk-voice-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;place-items:center;animation:.25s both overlayIn;display:grid;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.wk-voice-panel{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);width:min(640px,92vw);max-height:min(520px,75vh);animation:voicePanelIn .35s var(--ease) both;background:#0c0f1ff5;border:1px solid #8b5cf62e;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 32px 80px #00000080,0 0 0 1px #ffffff0a}@keyframes voicePanelIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.wk-voice-panel-head{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.wk-voice-panel-head strong{color:var(--text-strong);letter-spacing:-.02em;font-size:16px;font-weight:900}.wk-voice-panel-head span{color:var(--muted-2);font-family:JetBrains Mono,monospace;font-size:11px}.wk-voice-close{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);transition:all .2s var(--ease);border-radius:10px;place-items:center;display:grid}.wk-voice-close:hover{background:var(--surface-2);color:var(--text-strong);border-color:var(--border-strong)}.wk-voice-scroll{scrollbar-width:thin;scrollbar-color:#8b5cf633 transparent;flex:1;min-height:0;padding:14px 18px 18px;overflow-y:auto}.wk-voice-scroll::-webkit-scrollbar{width:5px}.wk-voice-scroll::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:99px}.wk-voice-lang-group{margin-bottom:16px}.wk-voice-lang-group:last-child{margin-bottom:0}.wk-voice-lang-label{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;display:block}.wk-voice-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.wk-voice-card{border:1px solid var(--border);background:var(--surface);text-align:left;transition:all .2s var(--ease);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.wk-voice-card:hover{background:#8b5cf614;border-color:#8b5cf64d;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.wk-voice-card.active{background:#8b5cf624;border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf61f,0 4px 16px #00000026}.wk-vc-emoji{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.wk-vc-info{min-width:0}.wk-vc-info strong{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;display:block;overflow:hidden}.wk-vc-info span{color:var(--muted-2);margin-top:1px;font-family:JetBrains Mono,monospace;font-size:9px;display:block}.wk-no-voices{text-align:center;color:var(--muted);padding:24px;font-size:12px}.wk-orb.is-speaking{animation:1.2s ease-in-out infinite speakPulse;box-shadow:0 0 50px #8b5cf699,0 0 100px #8b5cf640,inset 0 0 30px #ffffff1f}@keyframes speakPulse{0%,to{transform:scale(1);box-shadow:0 0 50px #8b5cf699,0 0 100px #8b5cf640}50%{transform:scale(1.12);box-shadow:0 0 70px #8b5cf6cc,0 0 140px #8b5cf659}}.wk-bar.active{animation:.8s ease-in-out infinite wkPulseActive!important}@keyframes wkPulseActive{0%,to{height:calc(10px * var(--h));opacity:.3}50%{height:calc(75px * var(--h));opacity:calc(.2 + .6 * var(--h))}}.wk-ring{pointer-events:none;border:1px solid #8b5cf626;border-radius:50%;position:absolute;display:block!important}.wk-ring.r1{animation:2.5s ease-in-out infinite wkRingPulse;inset:-14px}.wk-ring.r2{border-color:#62d5c81a;animation:2.5s ease-in-out .6s infinite wkRingPulse;inset:-28px}.wk-ring.r3{border-color:#8b5cf60f;animation:2.5s ease-in-out 1.2s infinite wkRingPulse;inset:-42px}@keyframes wkRingPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.cmd-h1,.page-header h1,.detail-header h1,.writing-hero h1{background:linear-gradient(135deg, var(--text-strong) 60%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (hover:hover){.card:hover,.explore-card:hover,.revision-row:hover{border-color:#8b5cf626}}.page,.cmd,.wk{animation:pageSlideIn .5s var(--ease) both}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.btn:hover{transform:translateY(-2px)}.btn-primary:hover{box-shadow:0 20px 44px #8b5cf652}.btn-secondary:hover{border-color:#8b5cf633;box-shadow:0 8px 24px #0000001f}.nav-item:hover{transform:translate(4px)}}.nav-item-active{background:linear-gradient(135deg,#8b5cf624,#62d5c80f)}.cmd-pill,.wk-pill,.topic-chip,.tags small,.rev-chip{position:relative;overflow:hidden}.cmd-pill:after,.wk-pill:after{content:"";width:60%;animation:shimmerOnce 4s var(--ease) infinite;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);position:absolute;inset:0 auto 0 -100%;transform:skew(-18deg)}@keyframes shimmerOnce{0%,85%{left:-100%}to{left:200%}}.sidebar{background:linear-gradient(#090c17b8 0%,#090c17d9 100%)}@media (hover:hover){.explore-card{transition:transform .35s var(--spring), box-shadow .35s var(--ease), border-color .25s var(--ease)}.explore-card:hover{box-shadow:0 24px 60px #0000004d,0 0 30px #8b5cf614}}.metric-card,.pack-stat,.pro-metric{transition:transform .3s var(--spring), box-shadow .3s var(--ease), border-color .25s var(--ease)}@media (hover:hover){.metric-card:hover,.pack-stat:hover{box-shadow:var(--shadow), 0 0 24px #8b5cf60f;border-color:#8b5cf61f;transform:translateY(-4px)}}.input:focus,.tag-input:focus-within{box-shadow:0 0 0 4px var(--primary-soft), 0 8px 24px #8b5cf614}.topbar{-webkit-backdrop-filter:blur(32px)saturate(1.3);backdrop-filter:blur(32px)saturate(1.3);background:#090c178c;border-bottom-color:#8b5cf60f}.skeleton-grid span,.skeleton-line{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.5s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.assistant-orb-panel{background:radial-gradient(circle at 50% 30%, #8b5cf626, transparent 60%), var(--card);border:1px solid #8b5cf61f}.assistant-orb-panel svg{color:var(--primary);animation:3s ease-in-out infinite orbPulse}.streak-beacon,.pro-streak-beacon{position:relative;overflow:hidden}.streak-beacon:before,.pro-streak-beacon:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#fbbf2414,#0000 60%);animation:3s ease-in-out infinite streakGlow;position:absolute;inset:0}@keyframes streakGlow{0%,to{opacity:.5}50%{opacity:1}}@media (width<=600px){.wk-voice-grid{grid-template-columns:1fr}.wk-voice-panel{border-radius:18px;width:96vw;max-height:70vh}}
