@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--ink-0:#0a0a0b;--ink-1:#131316;--ink-2:#1c1c20;--ink-3:#2a2a30;--ink-4:#3a3a42;--paper:#f5f1ea;--paper-dim:#e8e4dc;--mute:#8a8a92;--mute-2:#54545c;--accent:#d8ff3d;--accent-dim:#b8dd2a;--accent-glow:#d8ff3d40;--accent-on:var(--ink-0);--lime:var(--accent);--lime-dim:var(--accent-dim);--lime-glow:var(--accent-glow);--peach:#ffd9c4;--peach-deep:#f4a88a;--lilac:#dcd4ff;--lilac-deep:#9f90e8;--sage:#c8e6c9;--sage-deep:#7fbf82;--sky:#c5e0ff;--sky-deep:#6fa5e0;--rose:#ffd0dc;--butter:#ffe9a6;--coral:#ff6b5c;--coral-dim:#c2483b;--gold:#f5c56b;--gold-deep:#d9a33c;--emerald:#5bcb91;--font-ui:"Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display:"Instrument Serif", "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:9999px;--shadow-card:0 1px 0 #ffffff0a inset, 0 12px 40px #00000059;--shadow-pop:0 20px 60px #00000080, 0 0 0 1px #ffffff0f inset;--shadow-accent:0 8px 24px var(--accent-glow), 0 -2px 0 #00000026 inset, 0 2px 0 #ffffff80 inset;--shadow-lime:var(--shadow-accent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--ease-tile-press:cubic-bezier(.2, .7, .3, 1);--ease-flashcard-flip:cubic-bezier(.2, .8, .3, 1);--dur-fast:.14s;--dur-medium:.4s;--dur-slow:.55s}[data-theme=cream]{--ink-0:#f5f0e8;--ink-1:#ede7dd;--ink-2:#e2dacb;--ink-3:#d4c9b5;--ink-4:#c0b49e;--paper:#1a1a1f;--paper-dim:#3a3a42;--mute:#6b6660;--mute-2:#8a8580;--accent:#ff6b5c;--accent-dim:#d9554a;--accent-glow:#ff6b5c38;--accent-on:#fff;--shadow-card:0 1px 2px #0000000a, 0 8px 24px #00000014;--shadow-pop:0 12px 32px #00000024, 0 0 0 1px #0000000a inset;--shadow-accent:0 8px 24px var(--accent-glow), 0 -2px 0 #0000001a inset, 0 2px 0 #fff9 inset}[data-theme=teal]{--ink-0:#0f2e2c;--ink-1:#163a37;--ink-2:#1f4744;--ink-3:#2d5853;--ink-4:#3f6b66;--paper:#f5f5f2;--paper-dim:#dde5e2;--mute:#7a9994;--mute-2:#4d6e69;--accent:#ffd66b;--accent-dim:#dbb54a;--accent-glow:#ffd66b40;--accent-on:var(--ink-0)}[data-theme=lilac]{--ink-0:#1f1b2e;--ink-1:#2a2540;--ink-2:#353052;--ink-3:#443d66;--ink-4:#57507a;--paper:#f5f0ff;--paper-dim:#ddd5f0;--mute:#9b92bc;--mute-2:#6a6390;--accent:#c5b5f5;--accent-dim:#a496d9;--accent-glow:#c5b5f540;--accent-on:var(--ink-0)}[data-theme=navy]{--ink-0:#0e1a2e;--ink-1:#15243f;--ink-2:#1d3052;--ink-3:#2b4068;--ink-4:#3d547f;--paper:#e8f0ff;--paper-dim:#c8d5ec;--mute:#7e94b8;--mute-2:#506683;--accent:#ff8a4a;--accent-dim:#e07239;--accent-glow:#ff8a4a40;--accent-on:#fff}*{box-sizing:border-box}html,body{background:var(--ink-0);color:var(--paper);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur-medium) ease, color var(--dur-medium) ease;margin:0;padding:0}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.pg-srs-new{background:var(--lilac);color:#4a3f8c}.pg-srs-1d{background:var(--peach);color:#8c4a3f}.pg-srs-5d{background:var(--sky);color:#2c5c8c}.pg-srs-14d{background:var(--sage);color:#2c6c3f}.pg-srs-90d{background:var(--butter);color:#8c6c2c}.pg-srs-180d{background:var(--rose);color:#8c2c4a}.pg-tag{border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pg-num-display{font-family:var(--font-display);letter-spacing:-.02em;font-style:italic;font-weight:400;line-height:.9}.pg-num-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.pg-card{background:var(--ink-1);border:1px solid var(--ink-3);border-radius:var(--r-lg)}.pg-tile{transition:transform var(--dur-fast) var(--ease-tile-press)}.pg-tile:hover{transform:translateY(-2px)}.pg-tile:active{transform:translateY(0)}.pg-grid-bg{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px}#app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes pgBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
