:root{--bg:#f7f6f2;--bg-2:#efede6;--ink:#14142b;--ink-2:#3b3b52;--muted:#6f6f80;--line:#e4e2da;--coral:#f28c5b;--coral-ink:#c9484f;--coral-soft:#fdece6;--pink:#e8559a;--pink-ink:#b8367a;--pink-soft:#fbe6f1;--grape:#8b5cf6;--grape-soft:#efe8ff;--orange:#f4a83a;--sun:#f6c945;--brand:linear-gradient(35deg,var(--grape) 0%,var(--pink) 52%,var(--coral) 100%);--violet:var(--pink);--violet-ink:var(--pink-ink);--violet-soft:var(--pink-soft);--card:#fff;--again:#d64545;--hard:var(--orange);--good:#2f9e6b;--easy:#3b82f6;--radius:18px;--shadow:0 18px 50px rgba(20,20,43,.12),0 2px 6px rgba(20,20,43,.06);--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--hand:"Caveat","Bradley Hand","Segoe Print",cursive}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;font-size:16px}a{color:inherit;text-decoration:none}img,svg{max-width:100%}h1,h2,h3{font-weight:800}.container{width:min(1120px,100% - 40px);margin-inline:auto}@media (max-width:480px){.container{width:calc(100% - 32px)}}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:22px;gap:16px}.wordmark{font-weight:800;font-size:1.5rem;letter-spacing:-.02em;white-space:nowrap}.wordmark span{font-weight:400;color:var(--ink-2)}.nav{display:flex;gap:28px;font-weight:500;color:var(--ink-2)}.nav a:hover{color:var(--ink)}@media (max-width:720px){.nav{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 22px;border:1px solid transparent;cursor:pointer;font:inherit;font-weight:600;line-height:1.2;transition:transform .08s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#24244a}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:#fff}.btn-lg{padding:16px 28px;font-size:1.05rem}.lp-foot{margin-top:40px;padding:34px 0 44px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}.footer-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;text-align:center}.footer-nav .footer-copy{justify-self:start;text-align:left;margin:0}.footer-links{justify-self:end;display:inline-flex;align-items:center;gap:12px}.footer-links a:hover{color:var(--ink)}.footer-lang-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:5px 26px 5px 12px;font:inherit;font-size:.8rem;font-weight:500;background:transparent;color:var(--muted);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%239CA3AF'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.footer-lang-select:hover{color:var(--ink);border-color:var(--violet)}@media (max-width:700px){.footer-nav{grid-template-columns:minmax(0,1fr);justify-items:center}.footer-nav .footer-copy{justify-self:center;text-align:center;order:3}.footer-links{justify-self:center}}.stage{min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f3edff,#fbf6f2 48%,#fdece4)}.hero{flex:1 1;display:grid;grid-template-columns:1.05fr 1fr;grid-gap:40px;gap:40px;align-items:center;align-content:center;padding-block:24px 40px}@media (max-width:880px){.hero{grid-template-columns:1fr;gap:24px;padding-block:8px 32px}}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.78rem;font-weight:700;margin:0 0 18px}.hero h1{font-size:clamp(2.8rem,6.2vw,5.4rem);line-height:.96;letter-spacing:-.035em;margin:0 0 22px}.hero h1 .accent{color:var(--coral)}.lede{font-size:1.2rem;color:var(--ink-2);margin:0 0 28px;max-width:46ch;line-height:1.5}.fineprint{color:var(--muted);font-size:.9rem;margin:12px 0 0}.art{position:relative;width:100%;max-width:540px;aspect-ratio:1/1.12;margin-inline:auto;font-size:clamp(9px,1.45vw,15px)}@media (max-width:880px){.art{font-size:clamp(8.5px,2.6vw,15px)}}.art-source{position:absolute;left:33%;top:0;width:34%}.art-page-mini{background:#f3efe4;border-radius:.5em;box-shadow:var(--shadow);padding:1em 1.1em 1.2em;transform:rotate(-3deg);color:#2b2b36}.art-page-mini h3{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:1.35em;margin:0 0 .4em;letter-spacing:-.01em}.art-page-mini .line{height:.4em;background:#cfc9b8;border-radius:2px;margin:.45em 0;opacity:.8}.art-page-mini .line.short{width:60%}.art-chip{position:absolute;left:50%;bottom:-1.3em;transform:translateX(-50%);font-size:.78em;font-weight:700;letter-spacing:.04em;background:var(--violet-soft);color:var(--violet-ink);border-radius:999px;padding:.3em .8em;white-space:nowrap;z-index:2}.art-flow{position:absolute;inset:0;width:100%;height:100%;color:var(--pink);overflow:visible}.art-flow path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}.art-card-main{position:absolute;left:22%;top:31%;width:56%;background:#fff;border-radius:1.3em;box-shadow:var(--shadow);padding:1.7em 1.6em 1.5em;text-align:center;z-index:2}.art-card-main .q{font-weight:700;font-size:1.55em;margin:0 0 .85em;letter-spacing:-.015em;line-height:1.2}.art-card-main .btn-mini{display:inline-block;background:var(--ink);color:#fff;border-radius:999px;padding:.55em 1.2em;font-weight:600;font-size:.95em}.art-dest{position:absolute;top:84%;width:29%;background:#fff;border:1px solid var(--line);border-radius:1em;padding:.9em .6em;display:flex;flex-direction:column;align-items:center;gap:.35em;font-weight:700;font-size:.95em;line-height:1.15;text-align:center;box-shadow:0 8px 24px rgba(20,20,43,.08);z-index:2}.art-dest svg{width:1.9em;height:1.9em;color:var(--violet)}.art-dest-1{left:2%}.art-dest-2{left:35.5%}.art-dest-3{left:69%}.hand{font-family:var(--hand);font-size:2em;white-space:nowrap;font-weight:500;z-index:3}.hand,.hand svg{position:absolute;color:var(--ink-2)}.hand svg{width:3.2em}.hand.v2-in{right:0;top:4%}.hand.v2-in svg{left:-3.3em;top:.9em}.hand.v2-out{left:0;top:24%}.hand.v2-out svg{left:1.4em;top:1.9em;transform:scaleX(-1) rotate(-15deg)}.facts{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding-block:24px 28px;border-top:1px solid var(--line)}@media (max-width:720px){.facts{grid-template-columns:repeat(2,1fr)}}.fact{display:flex;align-items:center;gap:12px;font-weight:600}.fact svg{width:26px;height:26px;color:var(--violet);flex:none}.section{padding-block:56px}.section h2{font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.03em;line-height:1.1;margin:0 0 12px}.section .sub{color:var(--ink-2);font-size:1.1rem;max-width:60ch;margin:0 0 32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:800px){.grid-3{grid-template-columns:1fr}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid-4{grid-template-columns:1fr}}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.tile h3{margin:0 0 8px;font-size:1.15rem}.tile p{margin:0;color:var(--ink-2)}.tile .step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;margin-bottom:14px}.tag,.tile .step{background:var(--violet-soft);color:var(--violet-ink);font-weight:700}.tag{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;border-radius:999px;padding:4px 10px;margin-bottom:12px}.tag.plain{color:var(--muted);background:var(--bg-2)}.promise{background:var(--ink);border-radius:28px;padding:48px}.promise,.promise h2{color:#fff}.promise .sub{color:#c9c7dd}.promise ul{column-count:2;gap:32px;padding-left:18px;margin:0;color:#e6e5f2}.promise li{page-break-inside:avoid;break-inside:avoid;margin-bottom:8px}.promise .disclaimer{color:#9b99b8;font-size:.8rem;margin:18px 0 0}@media (max-width:720px){.promise{padding:32px 24px}.promise ul{column-count:1}}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;background:#1f1f3d;color:#dcd9ff;border-radius:12px;padding:16px 18px;overflow-x:auto;margin:24px 0 0;white-space:pre}.pricing{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;max-width:820px}@media (max-width:720px){.pricing{grid-template-columns:1fr}}.price{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;margin:8px 0}.price small{font-size:1rem;font-weight:500;color:var(--muted)}.pricing ul{padding-left:18px;margin:12px 0 20px;color:var(--ink-2)}.table{width:100%;border-collapse:collapse;margin-top:8px}.table td,.table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.table-wrap{overflow-x:auto}.page-hero{padding-block:40px 8px}.page-hero h1{font-size:clamp(2.4rem,6vw,4rem);letter-spacing:-.035em;line-height:1;margin:0 0 14px}.page-hero p{font-size:1.15rem;color:var(--ink-2);max-width:60ch}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px;border-bottom:1px solid var(--line);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:5}.app-bar nav{display:flex;gap:6px}.app-bar nav a{padding:8px 12px;border-radius:999px;font-weight:600;color:var(--ink-2)}.app-bar nav a.active,.app-bar nav a:hover{background:var(--violet-soft);color:var(--violet-ink)}.app-main{flex:1 1;padding-block:24px 80px}.app-main h1{font-size:1.8rem;letter-spacing:-.03em;margin:0 0 6px}.deck-list{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.deck{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.deck h3{margin:0 0 4px;font-size:1.1rem}.deck .meta{color:var(--muted);font-size:.9rem}.deck .meta b{color:var(--violet-ink)}.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.stat{background:var(--violet-soft);color:var(--violet-ink);border-radius:12px;padding:10px 14px;font-weight:600;font-size:.95rem}.study{max-width:680px;margin-inline:auto}.study .progress{color:var(--muted);font-size:.9rem;display:flex;justify-content:space-between;margin-bottom:14px}.flashcard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:40px 32px;min-height:320px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;gap:18px;text-align:center}.flashcard .front{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}.flashcard .back{font-size:1.25rem;color:var(--ink-2);border-top:1px dashed var(--line);padding-top:18px;margin:0}.flashcard .extra{color:var(--muted);font-size:.95rem;margin:0}.flashcard .source{align-self:center;font-size:.8rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.typed{display:flex;gap:8px;justify-content:center}.typed input{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);min-width:0;flex:1 1;max-width:360px}.grades{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:18px}.grade{border:none;border-radius:14px;padding:14px 8px;color:#fff;font:inherit;font-weight:700;cursor:pointer;display:grid;grid-gap:2px;gap:2px}.grade small{font-weight:500;opacity:.85;font-size:.8rem}.grade.again{background:var(--again)}.grade.hard{background:var(--hard)}.grade.good{background:var(--good)}.grade.easy{background:var(--easy)}.reveal{width:100%;margin-top:18px;padding:16px;border-radius:14px;background:var(--ink);color:#fff;border:none;font:inherit;font-weight:700;cursor:pointer;display:flex;gap:10px;justify-content:center;align-items:center}.done{text-align:center;padding:48px 20px}.done h2{margin:0 0 8px}.done p{color:var(--ink-2)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 20px}.tabs button{font:inherit;font-weight:600;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:14px}.field label{font-weight:600;font-size:.9rem}.field input,.field select,.field textarea{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;width:100%}.field textarea{min-height:160px;resize:vertical}.row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:600px){.row-2{grid-template-columns:1fr}}.preview{display:grid;grid-gap:8px;gap:8px;margin:16px 0}.preview .row{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:600px){.preview .row{grid-template-columns:1fr}}.preview .row span{color:var(--ink-2)}.notice{background:var(--violet-soft);color:var(--violet-ink);border-radius:12px;padding:12px 14px;font-size:.95rem;margin-bottom:14px}.notice.warn{background:#fff3e0;color:#8a4b00}.dropzone{display:block;border:2px dashed var(--line);border-radius:var(--radius);padding:40px 20px;text-align:center;background:var(--card);cursor:pointer;color:var(--ink-2)}.dropzone strong{display:block;color:var(--ink);margin-bottom:4px}.dropzone input{display:none}.kbd{font-family:ui-monospace,monospace;font-size:.75rem;background:hsla(0,0%,100%,.18);border-radius:6px;padding:2px 7px}.app-bar nav{overflow-x:auto;scrollbar-width:none}.app-bar nav::-webkit-scrollbar{display:none}.app-bar nav a{white-space:nowrap}.crumbs{color:var(--muted);font-size:.9rem;margin:0 0 6px}.crumbs a:hover{color:var(--ink)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pill{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--violet-ink);background:var(--violet-soft);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:middle}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:14px 0}.panel h3{margin:0 0 8px;font-size:1.05rem}.panel p{color:var(--ink-2);margin:0 0 10px}.ask{display:flex;gap:8px}.ask input{flex:1 1;min-width:0;font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.findings{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.findings li{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.findings li p{margin:2px 0 0;color:var(--ink-2);font-size:.95rem}.h-small{font-size:1.15rem;margin:26px 0 10px;letter-spacing:-.02em}.card-list{display:grid;grid-gap:10px;gap:10px}.card-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card-row.suspended{opacity:.55}.card-row-front{font-weight:600}.card-row-back{color:var(--ink-2);margin-top:2px}.card-row-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.card-row-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}@media (max-width:600px){.card-row{grid-template-columns:auto 1fr}.card-row-actions{grid-column:1/-1;flex-direction:row}}.type{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:4px 8px;border-radius:8px;background:var(--bg-2);color:var(--muted);margin-top:2px}.type-cloze{background:#fff3e0;color:#8a4b00}.type-typed{background:#e3f4ec;color:#1f6b47}.type-occlusion{background:var(--violet-soft);color:var(--violet-ink)}.type-reverse{background:#e6f0fb;color:#1f4e8a}.chip{font:inherit;font-size:.78rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 9px;color:var(--violet-ink);cursor:pointer}.chip.plain{color:var(--muted);cursor:default}.excerpt{margin:8px 0 0;padding:10px 12px;background:var(--bg);border-left:3px solid var(--violet);border-radius:6px;color:var(--ink-2);font-size:.92rem}.link{background:none;border:0;padding:0;font:inherit;font-size:.9rem;color:var(--violet-ink);cursor:pointer}.link.danger{color:var(--again)}.feature-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px;max-width:820px}.feature{display:grid;grid-template-columns:40px 1fr;grid-gap:14px;gap:14px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.feature-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--violet-soft);color:var(--violet-ink);font-weight:700}.feature h3{margin:4px 0;font-size:1.05rem}.feature h3 a:hover{color:var(--violet-ink)}.feature p{margin:0;color:var(--ink-2)}.status{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-radius:999px;padding:3px 8px;margin-left:8px;vertical-align:middle}.status-live{background:#e3f4ec;color:#1f6b47}.status-preview{background:var(--violet-soft);color:var(--violet-ink)}.status-next{background:var(--bg-2);color:var(--muted)}.occlusion{position:relative;display:inline-block;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.occlusion img{display:block;width:100%;max-height:320px;object-fit:contain;background:#f3efe4}.occlusion .mask{position:absolute;background:var(--violet);border-radius:4px;opacity:.95}.occlusion .mask.open{background:transparent;border:2px solid var(--easy)}.grade.suggested{outline:3px solid var(--ink);outline-offset:2px}.suggestion{text-align:center;color:var(--muted);font-size:.9rem;margin:12px 0 0}.forecast{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.forecast li{display:grid;grid-template-columns:110px 1fr 40px;grid-gap:10px;gap:10px;align-items:center;font-size:.95rem}.forecast .bar{height:10px;border-radius:999px;background:var(--violet-soft);overflow:hidden}.forecast .bar i{display:block;height:100%;background:var(--violet)}.chat{display:grid;grid-gap:12px;gap:12px;max-width:560px}.bubble{border-radius:16px;padding:12px 14px;max-width:90%}.bubble.user{justify-self:end;background:var(--ink);color:#fff}.bubble.assistant{background:var(--card);border:1px solid var(--line)}.bubble .flashcard{margin-top:10px;padding:22px 18px;min-height:0;box-shadow:none}.bubble .grades{margin-top:12px}.bubble .grade{padding:10px 6px;font-size:.9rem}.code-block{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;background:#1f1f3d;color:#dcd9ff;border-radius:12px;padding:14px 16px;overflow-x:auto;white-space:pre;margin:10px 0 0}.tool-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.tool-list li{border-top:1px solid var(--line);padding-top:8px}.tool-list code{font-size:.9rem;color:var(--violet-ink)}.tool-list p{margin:2px 0 0;font-size:.92rem}.kv,.tool-list p{color:var(--ink-2)}.kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:6px 16px;gap:6px 16px;font-size:.95rem;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.study{max-width:760px}.study-progress{height:6px;border-radius:999px;background:var(--violet-soft);overflow:hidden;margin:0 0 16px}.study-progress i{display:block;height:100%;background:var(--brand);border-radius:999px;transition:width .45s cubic-bezier(.2,.8,.2,1)}.flip{--tx:0deg;--ty:0deg;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:14px 16px 16px;perspective:1400px;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer;animation:card-enter .45s cubic-bezier(.2,.8,.2,1.15);transform:perspective(1400px) rotateX(var(--ty)) rotateY(var(--tx));transition:transform .25s ease,box-shadow .25s ease;transform-style:preserve-3d}.flip:hover{box-shadow:0 26px 60px rgba(20,20,43,.16),0 2px 6px rgba(20,20,43,.06)}.flip.open{cursor:default}.flip.vertical{touch-action:none}.flip.horizontal{touch-action:pan-y}.flip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.topic{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.01em}.counter{color:var(--muted);font-size:.85rem;font-weight:600}.flip-body{display:grid;transform-style:preserve-3d}.vertical .flip-body{grid-template-rows:auto auto}.horizontal .flip-body{grid-template-columns:1fr 1fr}.flip-q{display:grid;place-items:center;text-align:center;padding:26px 12px;min-height:190px;grid-gap:14px;gap:14px}.vertical .flip-q{border-bottom:2px dashed var(--line)}.horizontal .flip-q{border-right:2px dashed var(--line);padding:32px 22px;min-height:240px}.flip .front{font-size:clamp(1.3rem,3.2vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}.flip-slot{position:relative;min-height:150px;display:grid;transform-style:preserve-3d;perspective:1100px}.horizontal .flip-slot{min-height:240px}.flip-hint{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:8px;gap:8px;color:var(--muted);font-weight:600;font-size:.95rem;transition:opacity .25s}.flip-hint svg{width:30px;height:30px;color:var(--pink);animation:nudge 1.6s ease-in-out infinite}.horizontal .flip-hint svg{animation-name:nudge-x}.open .flip-hint{opacity:0;pointer-events:none}.flip-a{position:relative;display:grid;place-content:center;justify-items:center;grid-gap:10px;gap:10px;text-align:center;padding:22px 14px;background:linear-gradient(180deg,#fbfbfe,#f4f3fc);border-radius:0 0 18px 18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:top center;transform:rotateX(-180deg);will-change:transform;overflow:hidden}.flip-a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,43,.42),rgba(20,20,43,.05) 60%,transparent);opacity:1;pointer-events:none}.open .flip-a:after{animation:shade-lift .9s ease-out forwards}.horizontal .flip-a{border-radius:0 18px 18px 0;transform-origin:left center;transform:rotateY(180deg);padding:28px 22px}.horizontal .flip-a:after{background:linear-gradient(90deg,rgba(20,20,43,.42),rgba(20,20,43,.05) 60%,transparent)}.vertical.open .flip-a{animation:unfold-x .95s cubic-bezier(.2,.8,.2,1) forwards}.horizontal.open .flip-a{animation:unfold-y .95s cubic-bezier(.2,.8,.2,1) forwards}.open .flip-q{animation:lift .9s ease-out}.flip .answer{font-size:1.2rem;color:var(--ink);font-weight:600;line-height:1.35;margin:0}.flip .extra{color:var(--muted);font-size:.92rem;margin:0}.flip .source{font:inherit;font-size:.8rem;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 10px;cursor:pointer}.flip .excerpt{text-align:left;font-size:.88rem}.flip .occlusion{max-width:360px}.flip .typed{width:100%}.kbd.dark{background:var(--bg-2);color:var(--ink-2)}.grade{transition:transform .12s ease,box-shadow .12s ease}.grade:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(20,20,43,.15)}.grade:active{transform:translateY(1px) scale(.98)}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;box-shadow:var(--shadow);animation:toast 1.1s ease forwards;z-index:20;white-space:nowrap}.done-badge{width:64px;height:64px;border-radius:50%;background:var(--easy);color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:800;margin:0 auto 14px;animation:card-enter .4s cubic-bezier(.2,.8,.2,1.2)}@keyframes card-enter{0%{opacity:0;transform:translateY(18px) rotateX(6deg) scale(.96)}to{opacity:1;transform:none}}@keyframes unfold-x{0%{transform:rotateX(-180deg);box-shadow:none}55%{transform:rotateX(14deg);box-shadow:0 30px 40px -20px rgba(20,20,43,.45)}78%{transform:rotateX(-6deg)}to{transform:rotateX(0);box-shadow:none}}@keyframes unfold-y{0%{transform:rotateY(180deg);box-shadow:none}55%{transform:rotateY(-14deg);box-shadow:-30px 0 40px -20px rgba(20,20,43,.45)}78%{transform:rotateY(6deg)}to{transform:rotateY(0);box-shadow:none}}@keyframes shade-lift{0%{opacity:1}60%{opacity:.35}to{opacity:0}}@keyframes lift{0%{transform:translateZ(0)}50%{transform:translateZ(14px)}to{transform:translateZ(0)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes nudge-x{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.demo-a,.done-badge,.flip,.flip-a,.flip-hint svg,.flip-q{animation:none!important;transition:none}.open .demo-a,.open .flip-a{transform:none}.demo-a:after,.flip-a:after{display:none}}@media (max-width:480px){.app-bar{gap:8px}.app-bar .wordmark{font-size:1.25rem}.app-bar nav{gap:2px}.app-bar nav a{padding:7px 8px;font-size:.88rem}}.brand{align-items:center}.brand,.wm{display:inline-flex}.wm{align-items:baseline;font-family:"Nunito",var(--font);font-weight:900;font-size:1.75rem;letter-spacing:-.045em;line-height:1;white-space:nowrap;padding-top:.4em}.wm.sm{font-size:1.45rem}.wm.lg{font-size:clamp(2.6rem,8vw,4rem)}.wm-c,.wm-rd{color:var(--ink)}.wm-ai{background:linear-gradient(35deg,var(--grape) 0,var(--pink) 100%);-webkit-background-clip:text;background-clip:text}.wm-ai,.wm-i{color:transparent;position:relative}.wm-i{background:linear-gradient(35deg,var(--pink) 0,var(--coral) 100%);-webkit-background-clip:text;background-clip:text}.wm-rays{position:absolute;left:50%;top:-.68em;width:1.05em;height:.74em;transform:translateX(-50%);color:var(--sun);overflow:visible}.wm-rays path{fill:none;stroke:url(#wm-ray-g);stroke-width:5;stroke-linecap:round}.pill.pro,.status-pro{background:#fff3cf;color:#7a5a00}.art-card-main.demo{cursor:default;display:grid;grid-gap:.5em;gap:.5em;padding:1em 1.1em 1.1em;z-index:6;perspective:900px}.art-card-main.demo .q{margin:0;font-size:1.3em}.art-card-main.demo .btn-mini{cursor:pointer;border:0;font:inherit;font-weight:600}.demo-head{display:flex;justify-content:space-between;width:100%;font-size:.78em;font-weight:700}.demo-topic{background:#e3f4ec;color:#1f6b47;border-radius:999px;padding:.2em .7em}.demo-counter{color:var(--muted)}.demo-q{display:grid;justify-items:center;grid-gap:.3em;gap:.3em;padding:.2em 0 .6em;border-bottom:2px dashed var(--line);cursor:pointer}.demo-brain{width:3.4em}.demo-slot{position:relative;transform-style:preserve-3d;cursor:pointer}.open .demo-slot{cursor:default}.demo-hint{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:.25em;gap:.25em;color:var(--muted);font-size:.85em;font-weight:600;transition:opacity .25s;z-index:1}.demo-hint svg{width:1.7em;height:1.7em;color:var(--pink);animation:nudge 1.6s ease-in-out infinite}.open .demo-hint{opacity:0;pointer-events:none}.demo-a{position:relative;display:grid;grid-gap:.5em;gap:.5em;justify-items:center;padding:.7em .4em .2em;min-height:4.6em;transform-origin:top center;transform:rotateX(-180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(180deg,#fbfbfe,#fff4f0);border-radius:0 0 1em 1em;overflow:hidden}.demo-a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,43,.42),rgba(20,20,43,.05) 60%,transparent);pointer-events:none}.open .demo-a{animation:unfold-x .95s cubic-bezier(.2,.8,.2,1) forwards}.open .demo-a:after{animation:shade-lift .9s ease-out forwards}.demo-slot{perspective:700px}.demo-a .a{margin:0;font-weight:600;color:var(--ink)}.demo-grades{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.4em;gap:.4em;width:100%}.demo-grades .grade{padding:.55em .2em;font-size:.8em;border-radius:.7em}.demo-flash{font-weight:800;color:var(--pink);margin:0;animation:card-enter .3s ease-out}.art-card-main.demo.done{justify-items:center;text-align:center}.art-card-main.demo.done .a{margin:0}.link.small{font-size:.85em}.eyebrow{color:var(--ink-2)}.hero h1 .accent{background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.facts li:first-child svg{color:var(--grape)}.facts li:nth-child(2) svg{color:var(--pink)}.facts li:nth-child(3) svg{color:var(--coral)}.facts li:nth-child(4) svg{color:#2f9e6b}#how{background:linear-gradient(180deg,#faf6ff,#fdf0ea)}.grid-4 .tile:first-child svg{color:var(--grape)}.grid-4 .tile:nth-child(2) svg{color:var(--pink)}.grid-4 .tile:nth-child(3) svg{color:var(--coral)}.grid-4 .tile:nth-child(4) svg{color:#2f9e6b}.art-chip{background:#fff3cf;color:#7a5a00}.art-dest-1 svg{color:var(--grape)}.art-dest-2 svg{color:var(--pink)}.art-dest-3 svg{color:var(--coral)}.promise .tag{background:rgba(244,168,58,.2);color:var(--sun)}.pricing .tile:nth-child(2) .tag{background:#fff3cf;color:#7a5a00}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}@media (max-width:480px){.hero-cta .btn{flex:1 1 100%}}.tagline{text-transform:uppercase;letter-spacing:.28em;font-size:.78rem;font-weight:700;color:var(--ink-2)}.pricing .tile:nth-child(2){border-color:var(--pink)}.app-install{margin-top:12px}.app-install ol,.steps{padding-left:18px;margin:8px 0 0;color:var(--ink-2)}.app-install li,.steps li{margin:4px 0}.app-install b{color:var(--ink)}.app-install-line{margin:0;color:var(--ink-2)}.app-have-it{margin:0;color:#1f6b47;font-weight:600}.tile code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:var(--bg-2);border-radius:6px;padding:1px 6px}.vs .table td:nth-child(2){color:var(--muted)}.vs .table td:nth-child(3){color:var(--ink)}.vs .table th:nth-child(3){color:var(--pink-ink)}.art-dest small{font-weight:600;color:var(--muted)}.art-dest.mark-app svg{color:var(--grape)}.art-dest.mark-anki svg{color:#2f6fe0}.mark-row{display:flex;gap:.5em}.mark-row i{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:.5em}.mark-chatgpt{background:#e6f6ef;color:#10a37f}.mark-claude{background:#fbe9dc;color:#d97757}.mark-row svg{width:1.25em;height:1.25em}@media (min-width:900px){.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr)}.app-bar{width:auto;margin:0;flex-direction:column;align-items:stretch;gap:18px;padding:22px 16px;height:100dvh;position:-webkit-sticky;position:sticky;top:0;border-bottom:0;border-right:1px solid var(--line);overflow-y:auto}.app-bar nav{flex-direction:column;gap:4px;overflow:visible}.app-bar nav a{padding:10px 12px;border-radius:12px;font-size:1rem}.app-tools{margin-top:auto}.app-main{width:min(1120px,100% - 56px);padding-top:28px}}.flip-tools{display:flex;align-items:center;gap:4px}.flip-tools .tool{border:0;background:transparent;font:inherit;font-size:.95rem;color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:8px}.flip-tools .tool.on,.flip-tools .tool:hover{background:var(--violet-soft);color:var(--violet-ink)}.flip-tools .counter{margin-left:6px}.study-tools{display:flex;gap:16px;justify-content:center;margin-top:14px;flex-wrap:wrap;font-size:.9rem}.study.focus{max-width:900px}.card-row .star{color:#d9a400}.login{max-width:560px}.browse-filters{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;margin:12px 0}.browse-filters input,.browse-filters select{font:inherit;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-width:0}@media (max-width:600px){.browse-filters{grid-template-columns:1fr}}.bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 14px;font-size:.9rem}.bulk-count{font-weight:600;margin-right:6px}.bulk-sep{width:1px;height:18px;background:var(--line);margin:0 4px}.bulk-tag{display:inline-flex;gap:4px}.bulk-tag input{font:inherit;font-size:.9rem;padding:6px 10px;width:100px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.btn.sm{padding:7px 12px;font-size:.85rem}.card-list label.card-row{cursor:pointer}.card-list label.card-row input[type=checkbox]{margin-top:4px}.tab-link{font:inherit;font-weight:600;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card)}.tab-link.active{background:var(--ink);color:#fff;border-color:var(--ink)}.play{max-width:680px;margin-inline:auto}.play-card{min-height:160px}.choices{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.choice{text-align:left;font:inherit;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .1s}.choice:hover:not(:disabled){transform:translateY(-1px);border-color:var(--pink)}.choice.right{background:#e3f4ec;border-color:var(--good);color:#1f6b47;font-weight:700}.choice.wrong{background:#fde8e8;border-color:var(--again);color:#8a2323}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (min-width:600px){.match-grid{grid-template-columns:repeat(4,1fr)}}.match-tile{min-height:96px;border-radius:14px;border:1px solid var(--line);background:var(--ink);color:#fff;font:inherit;font-weight:700;font-size:1.4rem;cursor:pointer;padding:10px;transition:transform .25s,background .25s}.match-tile.shown{background:var(--card);color:var(--ink);font-size:.92rem;font-weight:600;transform:rotateY(1turn)}.match-tile.matched{background:#e3f4ec;color:#1f6b47;border-color:var(--good);cursor:default}.test-row{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;display:grid;grid-gap:8px;gap:8px}.test-row input{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.test-row.match{border-color:var(--good)}.test-row.miss,.test-row.partial{border-color:var(--again)}.test-answer{margin:0;color:var(--ink-2);font-size:.92rem}.xp-row{display:grid;grid-template-columns:1fr 200px;grid-gap:16px;gap:16px;align-items:center;margin-bottom:14px}@media (max-width:600px){.xp-row{grid-template-columns:1fr}}.xp-bar{height:10px;border-radius:999px;background:var(--violet-soft);overflow:hidden}.xp-bar i{display:block;height:100%;background:var(--brand)}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:column;grid-template-rows:repeat(7,12px);grid-gap:3px;gap:3px;max-width:420px}.heatmap i{display:block;width:12px;height:12px;border-radius:3px;background:var(--bg-2)}.heatmap i.lit{background:var(--pink)}:root{--card-scale:1}:root[data-theme=dark]{--bg:#12121f;--bg-2:#1b1b2e;--ink:#f3f2fa;--ink-2:#c9c7dd;--muted:#9a98b5;--line:#2b2b46;--card:#1c1c30;--pink-soft:#3a2036;--grape-soft:#2a2444;--coral-soft:#3a2a26;--shadow:0 18px 50px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);color-scheme:dark}:root[data-theme=dark] body{background:var(--bg);color:var(--ink)}:root[data-theme=dark] .stage{background:linear-gradient(135deg,#1b1533,#12121f 50%,#2a1a1a)}:root[data-theme=dark] .art-card-main,:root[data-theme=dark] .art-dest,:root[data-theme=dark] .bubble.assistant,:root[data-theme=dark] .card-row,:root[data-theme=dark] .choice,:root[data-theme=dark] .deck,:root[data-theme=dark] .feature,:root[data-theme=dark] .flip,:root[data-theme=dark] .panel,:root[data-theme=dark] .tab-link,:root[data-theme=dark] .test-row,:root[data-theme=dark] .tile{background:var(--card);color:var(--ink)}:root[data-theme=dark] .demo-a,:root[data-theme=dark] .flip-a{background:linear-gradient(180deg,#22223a,#1c1c30)}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .reveal,:root[data-theme=dark] .tab-link.active,:root[data-theme=dark] .tabs button.active{background:var(--pink);border-color:var(--pink);color:#fff}:root[data-theme=dark] .btn-ghost{color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .btn-ghost:hover{background:var(--bg-2)}:root[data-theme=dark] #how{background:linear-gradient(180deg,#17172a,#1e1a26)}:root[data-theme=dark] .app-bar{background:var(--bg)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--bg-2);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .chip,:root[data-theme=dark] .dropzone,:root[data-theme=dark] .flip .source,:root[data-theme=dark] .source,:root[data-theme=dark] .tabs button{background:var(--bg-2);color:var(--ink-2);border-color:var(--line)}:root[data-theme=dark] .art-page,:root[data-theme=dark] .art-page-mini{background:#2a2740;color:#e6e4f2}:root[data-theme=dark] .art-page .line,:root[data-theme=dark] .art-page-mini .line{background:#4a4666}:root[data-theme=dark] .toast{background:var(--pink)}:root[data-theme=dark] .match-tile{background:#2a2444}:root[data-theme=dark] .lp-foot{color:var(--muted)}:root[data-theme=sunset] body{background:linear-gradient(135deg,#f3edff,#fbf6f2 45%,#fdece4) fixed}:root[data-theme=sunset] .app-bar{background:transparent}:root[data-theme=sunset] .demo-a,:root[data-theme=sunset] .flip-a{background:linear-gradient(180deg,#fdf8ff,#fff0ea)}:root.reduce-motion *,:root.reduce-motion :after,:root.reduce-motion :before{animation:none!important;transition:none!important}:root.reduce-motion .open .demo-a,:root.reduce-motion .open .flip-a{transform:none}.flip .front{font-size:calc(clamp(1.3rem, 3.2vw, 1.75rem) * var(--card-scale))}.flip .answer{font-size:calc(1.2rem * var(--card-scale))}.app-tools{display:flex;gap:6px;align-items:center}.icon-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);display:inline-grid;place-items:center;cursor:pointer;font:inherit;font-size:1rem;padding:0;flex:none}.icon-btn svg{width:18px;height:18px}.icon-btn.active,.icon-btn:hover{background:var(--violet-soft);color:var(--violet-ink);border-color:transparent}@media (max-width:480px){.app-bar{flex-wrap:wrap}.app-bar nav{order:3;flex:1 1 100%}}.settings-group{padding:0;overflow:hidden}.settings-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:none;border:0;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}.settings-head:hover{background:var(--bg-2)}.settings-blurb{color:var(--muted);margin-left:6px}.settings-count{color:var(--muted);font-size:.85rem;background:var(--bg-2);border-radius:999px;padding:2px 10px}.settings-list{border-top:1px solid var(--line);padding:6px 20px 14px;display:grid}.setting{display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:0}.setting-label{font-weight:600}.setting-label small{display:block;font-weight:400;color:var(--muted);margin-top:2px}.setting input[type=number],.setting input[type=password],.setting input[type=text],.setting select{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-width:140px;max-width:220px}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background .2s;margin:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.switch:checked{background:var(--pink)}.switch:checked:after{transform:translateX(18px)}@media (max-width:600px){.setting{grid-template-columns:1fr}}.deck-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-top:18px}@media (max-width:700px){.deck-grid{grid-template-columns:1fr}}.tile.shared{display:grid;grid-gap:8px;gap:8px;align-content:start}.shared-head{display:flex;justify-content:space-between;align-items:center}.shared-rating{color:#b8860b;font-weight:700;font-size:.9rem}.shared-meta{color:var(--muted)!important;font-size:.88rem}.scene-stage{position:relative;border-radius:26px;padding:18px 18px 22px;overflow:hidden;isolation:isolate}.scene-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.scene-stage .progress{color:rgba(20,20,43,.75);font-weight:600}.scene-stage .study-progress{background:hsla(0,0%,100%,.5)}.scene-stage .study-tools,.scene-stage .suggestion{color:rgba(20,20,43,.85)}.scene-stage .study-tools .link{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.scene-stage .kbd.dark{background:hsla(0,0%,100%,.6)}.scene-stage .flip{box-shadow:0 30px 70px rgba(20,20,43,.28),0 4px 12px rgba(20,20,43,.1)}.scene-stage.scene-minimal{padding:0;border-radius:0}.scene-dark .progress,.scene-dark .study-tools,.scene-dark .suggestion{color:hsla(0,0%,100%,.85)}.scene-dark .study-tools .link{color:#fff}.scene-dark .study-progress{background:hsla(0,0%,100%,.2)}.scene-dark .kbd.dark{background:hsla(0,0%,100%,.18);color:#fff}.scene-dark .done{color:#fff}.scene-dark .done p{color:hsla(0,0%,100%,.8)}.scene-dark .done .btn-ghost{color:#fff;border-color:hsla(0,0%,100%,.4)}.study.scene-stage{max-width:900px}.home{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:22px;gap:22px;align-items:start}@media (max-width:1100px){.home{grid-template-columns:1fr}}.home-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.home-bar{flex:1 1;height:10px;border-radius:999px;background:var(--violet-soft);overflow:hidden;max-width:320px}.home-bar i{display:block;height:100%;background:var(--good);border-radius:999px}.home-greeting{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 4px;letter-spacing:-.03em}.home-sub{color:var(--muted);margin:0 0 16px}.home-row-head{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px}.continue-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px;gap:12px}.continue-card{display:grid;grid-template-columns:44px 1fr auto;grid-gap:12px;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.continue-card:hover{border-color:var(--pink)}.continue-card b{display:block;font-size:.95rem}.continue-card small{color:var(--muted)}.continue-tint{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:var(--ink);background:var(--bg-2)}.continue-go{width:26px;height:26px;border-radius:50%;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center;font-size:.7rem}.continue-card.new .continue-tint{background:var(--brand);color:#fff;font-size:1.4rem}.home-rail{display:grid;grid-gap:14px;gap:14px}.home-rail .panel{margin:0}.rail-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.home-rail h3,.rail-head h3{margin:0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.theme-pick{border:2px solid transparent;border-radius:14px;background:none;padding:4px;font:inherit;font-size:.85rem;font-weight:600;color:var(--ink-2);cursor:pointer;display:grid;grid-gap:6px;gap:6px;justify-items:center}.theme-pick.active{border-color:var(--pink)}.theme-thumb{display:block;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.theme-thumb .scene{width:100%;height:100%;display:block}.goal{display:grid;grid-template-columns:120px 1fr;grid-gap:12px;gap:12px;align-items:center}.ring{width:120px;height:120px}.ring-num{font-size:15px;font-weight:800;fill:var(--ink)}.ring-label{font-size:10px;fill:var(--muted)}.goal-facts{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;font-weight:600;font-size:.95rem}.quote{background:#eaf7ef;border-color:#d3eedd;color:#1f6b47;font-size:1rem}.quick{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:10px}.quick a{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:12px 6px;border:1px solid var(--line);border-radius:12px;font-size:.8rem;font-weight:600;color:var(--ink-2);background:var(--card)}.quick a span{font-size:1.3rem}.quick a:hover{border-color:var(--pink);color:var(--ink)}.themes-large{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:16px 0}@media (max-width:800px){.themes-large{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.themes-large{grid-template-columns:1fr}}.theme-card{border:2px solid transparent;border-radius:18px;background:var(--card);padding:8px;text-align:left;font:inherit;cursor:pointer;display:grid;grid-gap:8px;gap:8px;color:var(--ink)}.theme-card.active{border-color:var(--pink)}.theme-card-thumb{position:relative;display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden}.theme-card-thumb .scene{width:100%;height:100%;display:block}.theme-card-mini{position:absolute;left:18%;right:18%;top:28%;background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 10px 24px rgba(20,20,43,.25);color:var(--ink);font-size:.8rem;text-align:center}.theme-card-name b{display:block}.theme-card-name small{color:var(--muted)}.app-bar nav a{display:inline-flex;align-items:center;gap:10px}.app-bar nav a svg{width:18px;height:18px;flex:none}@media (max-width:899px){.app-bar nav a svg{display:none}}@media (min-width:900px){.nav-gap{margin-top:18px}}:root[data-theme=dark] .quote{background:#173026;border-color:#1f4a37;color:#b8e6c9}:root[data-theme=dark] .theme-card-mini{background:#1c1c30;color:#f3f2fa}.scene-stage{--px:0px;--py:0px}.scene-bg{transform:translate(var(--px),var(--py)) scale(1.06);transition:transform .35s ease-out,filter .6s ease;will-change:transform}.open-scene .scene-bg{filter:blur(3px) saturate(1.08);transform:translate(var(--px),var(--py)) scale(1.09)}.flip:not(.open):not(.dragging):not(.leaving){animation:card-enter .45s cubic-bezier(.2,.8,.2,1.15),float 5.5s ease-in-out .5s infinite}@keyframes float{0%,to{translate:0 0}50%{translate:0 -4px}}.flip.leaving{animation:card-exit .26s cubic-bezier(.4,0,1,1) forwards!important;pointer-events:none}@keyframes card-exit{to{opacity:0;transform:translateX(-46px) rotate(-3deg) scale(.96)}}.flip.dragging .flip-a{transition:none;animation:none}.flip.vertical.dragging .flip-a{transform:rotateX(calc(-180deg + 180deg * var(--fold, 0)))}.flip.horizontal.dragging .flip-a{transform:rotateY(calc(180deg - 180deg * var(--fold, 0)))}.flip.dragging .flip-hint{opacity:calc(1 - var(--fold, 0) * 1.6)}.flip:not(.dragging):not(.open) .flip-a{transition:transform .45s cubic-bezier(.2,.8,.2,1.2)}.flip-a{border-top:1px solid hsla(0,0%,100%,.9)}.flip-a:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,hsla(0,0%,100%,.55) 50%,transparent 68%);transform:translateX(-130%);pointer-events:none;z-index:1}.open .flip-a:before{animation:glare .9s ease-out .15s forwards}@keyframes glare{to{transform:translateX(130%)}}.flip-q{position:relative}.flip-q:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(0deg,rgba(20,20,43,.16),transparent);opacity:0;pointer-events:none}.horizontal .flip-q:after{left:auto;right:0;top:0;bottom:0;height:auto;width:44px;background:linear-gradient(270deg,rgba(20,20,43,.16),transparent)}.open .flip-q:after{animation:hinge-shadow .95s ease-out}@keyframes hinge-shadow{0%{opacity:0}45%{opacity:1}to{opacity:0}}.grades{position:relative}.burst{left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:3}.burst,.burst i{position:absolute}.burst i{left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--good);animation:burst .65s cubic-bezier(.2,.8,.2,1) forwards;transform:rotate(var(--a)) translateY(0)}.burst.again i{background:var(--again)}.burst.hard i{background:var(--hard)}.burst.good i{background:var(--good)}.burst.easy i{background:var(--easy)}.burst.b1{left:12.5%}.burst.b2{left:37.5%}.burst.b3{left:62.5%}.burst.b4{left:87.5%}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.4)}}.scene .drift{animation:drift 40s ease-in-out infinite}@keyframes drift{0%,to{transform:translateX(0)}50%{transform:translateX(36px)}}.scene .wave{transform-box:fill-box;transform-origin:left center;animation:wave 2.2s ease-in-out infinite}@keyframes wave{0%,to{transform:skewY(0deg)}50%{transform:skewY(-8deg)}}.scene .spin-slow{transform-box:fill-box;transform-origin:center;animation:spin 70s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.scene .fall{animation:fall 14s ease-in-out infinite}@keyframes fall{0%{transform:translateY(-24px)}50%{transform:translate(18px,12px)}to{transform:translateY(40px);opacity:.6}}.scene .twinkle{animation:twinkle 3.4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:1}}.scene .float-slow{animation:float-slow 9s ease-in-out infinite}@keyframes float-slow{0%,to{transform:translate(960px,180px) rotate(-18deg)}50%{transform:translate(960px,168px) rotate(-16deg)}}.scene .pulse{animation:pulse 2.6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.25}to{opacity:1}}:root.reduce-motion .scene *{animation:none!important}.manual{margin-top:10px}.manual summary{cursor:pointer;color:var(--violet-ink);font-weight:600;font-size:.9rem}.manual p{margin-top:8px}