@import "https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--c-teal:oklch(66% .2 193);--c-purple:oklch(50% .24 280);--c-rust:oklch(65% .22 30);--c-amber:oklch(70% .19 61);--c-forest:oklch(58% .17 157);--c-indigo:oklch(54% .22 256);--font-display:"Spectral", Georgia, "Times New Roman", serif;--font-ui:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-display:4rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-pill:999px;--ease:cubic-bezier(.32, .72, 0, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.36s;--maxw:71.25rem;--header-h:4.25rem}[data-mode=light]{--success:oklch(55% .07 150);--success-soft:oklch(94% .03 150);--warning:oklch(64% .1 70);--warning-soft:oklch(95% .04 75);--danger:oklch(55% .11 28);--danger-soft:oklch(95% .035 28);--info:oklch(56% .07 240);--info-soft:oklch(94% .025 240);--shadow-sm:0 1px 2px #16181e0f, 0 1px 1px #16181e0a;--shadow-md:0 3px 10px #16181e12, 0 1px 2px #16181e0d;--shadow-lg:0 12px 32px #16181e1a, 0 3px 8px #16181e0f;--on-accent:oklch(99% 0 0)}[data-mode=dark]{--success:oklch(72% .08 150);--success-soft:oklch(32% .04 150);--warning:oklch(78% .1 75);--warning-soft:oklch(34% .05 70);--danger:oklch(68% .11 28);--danger-soft:oklch(34% .05 28);--info:oklch(72% .07 240);--info-soft:oklch(32% .04 240);--shadow-sm:0 1px 2px #00000059;--shadow-md:0 3px 12px #0006, 0 1px 2px #0000004d;--shadow-lg:0 16px 40px #00000080, 0 4px 10px #00000059;--on-accent:oklch(18% .01 255)}[data-mode=light]{--bg:oklch(96.5% .014 85);--surface-1:oklch(99% .008 85);--surface-2:oklch(95% .012 85);--surface-3:oklch(91.8% .015 85);--border:oklch(88.2% .016 85);--border-strong:oklch(81% .018 258);--text-1:oklch(20% .022 258);--text-2:oklch(42% .018 258);--text-3:oklch(60% .014 258);--accent:oklch(52% .052 255);--accent-hover:oklch(46% .058 255);--accent-soft:oklch(94% .018 85);--accent-text:oklch(41% .06 255)}[data-mode=dark]{--bg:oklch(4% .005 258);--surface-1:oklch(14% .012 258);--surface-2:oklch(20% .014 258);--surface-3:oklch(26% .016 258);--border:oklch(28% .018 258);--border-strong:oklch(38% .022 258);--text-1:oklch(95% .006 258);--text-2:oklch(72% .01 258);--text-3:oklch(55% .012 258);--accent:oklch(71% .07 255);--accent-hover:oklch(78% .07 255);--accent-soft:oklch(18% .03 255);--accent-text:oklch(80% .062 255)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1.5rem)}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);margin:0;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-1);margin:0;font-weight:600;line-height:1.12}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--accent-text)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-3)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.app-header{z-index:50;height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark{width:1.875rem;height:1.875rem;color:var(--accent);flex:none}.brand-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);letter-spacing:-.01em}.brand-tag{font-family:var(--font-mono);color:var(--text-3);border:1px solid var(--border);border-radius:var(--radius-sm);margin-left:.125rem;padding:.125rem .375rem;font-size:.6875rem}.header-controls{align-items:center;gap:var(--space-3);display:flex}.shell{gap:var(--space-12);max-width:var(--maxw);padding:var(--space-12) var(--space-6) var(--space-20);grid-template-columns:14.5rem minmax(0,1fr);margin:0 auto;display:grid}.side-nav{top:calc(var(--header-h) + var(--space-12));flex-direction:column;align-self:start;gap:.125rem;display:flex;position:sticky}.side-nav .nav-group{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:var(--space-5) 0 var(--space-2)}.side-nav a{font-size:var(--text-sm);color:var(--text-2);padding:.375rem var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}.side-nav a:hover{background:var(--surface-2);color:var(--text-1)}.content{gap:var(--space-20);flex-direction:column;min-width:0;display:flex}section[id]{scroll-margin-top:calc(var(--header-h) + var(--space-6))}.section-head{margin-bottom:var(--space-8);max-width:62ch}.section-head h2{font-size:var(--text-2xl)}.section-head p{color:var(--text-2);font-size:var(--text-md);margin-top:var(--space-3)}.sub-head{font-size:var(--text-lg);margin:var(--space-10) 0 var(--space-5);align-items:baseline;gap:var(--space-3);font-weight:600;display:flex}.sub-head .tok{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3)}.btn{font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);align-items:center;gap:var(--space-2);padding:.625rem var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg,.btn i{width:1rem;height:1rem}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-1);color:var(--text-1);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--accent-text);background:0 0}.btn-ghost:hover{background:var(--accent-soft)}.btn-sm{padding:.375rem var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:.8125rem var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-1);width:2.375rem;height:2.375rem;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text-1)}.icon-btn svg,.icon-btn i{width:1.125rem;height:1.125rem}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);gap:.125rem;padding:.1875rem;display:inline-flex}.segmented button{font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);color:var(--text-2);cursor:pointer;padding:.375rem var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;gap:.375rem;display:inline-flex}.segmented button[aria-pressed=true],.segmented button.active{background:var(--surface-1);color:var(--text-1);box-shadow:var(--shadow-sm)}.segmented button svg,.segmented button i{width:.9375rem;height:.9375rem}.swatch-dot{border-radius:var(--radius-pill);border:1px solid #0000001f;width:.75rem;height:.75rem}.ref{font-family:var(--font-mono);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);border:1px solid color-mix(in oklab, var(--accent) 24%, transparent);letter-spacing:.01em;align-items:center;gap:.375rem;padding:.25rem .625rem;display:inline-flex}.ref i,.ref svg{opacity:.8;width:.8125rem;height:.8125rem}.badge{font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);border-radius:var(--radius-pill);align-items:center;gap:.3125rem;padding:.1875rem .625rem;display:inline-flex}.badge i,.badge svg{width:.75rem;height:.75rem}.badge-ot{background:var(--warning-soft);color:var(--warning)}.badge-nt{background:var(--info-soft);color:var(--info)}.badge-neutral{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.125rem .4375rem}.field{flex-direction:column;gap:.375rem;display:flex}.field label{font-size:var(--text-sm);color:var(--text-2);font-weight:600}.input-wrap{align-items:center;gap:var(--space-2);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);display:flex}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-wrap i,.input-wrap svg{width:1.0625rem;height:1.0625rem;color:var(--text-3);flex:none}.input-wrap input{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-1);background:0 0;border:0;outline:none;flex:1;padding:.6875rem 0}.input-wrap input::placeholder{color:var(--text-3)}.input-wrap select{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-1);cursor:pointer;background:0 0;border:0;outline:none;flex:1;padding:.6875rem 0}.input-wrap select option{background:var(--surface-2);color:var(--text-1)}.switch{flex:none;width:2.75rem;height:1.625rem;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);transition:background var(--dur) var(--ease);cursor:pointer;position:absolute;inset:0}.switch .thumb{background:var(--surface-1);border-radius:var(--radius-pill);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease);position:absolute;top:.1875rem;left:.1875rem}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track .thumb{transform:translate(1.125rem)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-6)}.progress{background:var(--surface-3);border-radius:var(--radius-pill);height:.5rem;overflow:hidden}.progress>span{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.list-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease);display:flex}.list-item:hover{background:var(--surface-2)}.list-item .li-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:2.5rem;height:2.5rem;color:var(--accent-text);flex:none;justify-content:center;align-items:center;display:flex}.list-item .li-icon i,.list-item .li-icon svg{width:1.1875rem;height:1.1875rem}.demo{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.demo-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.demo-grid{gap:var(--space-4);display:grid}.divider{background:var(--border);height:1px;margin:var(--space-6) 0;border:0}.swatch-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));display:grid}.swatch{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);cursor:copy;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);overflow:hidden}.swatch:hover{box-shadow:var(--shadow-md);transform:translateY(-.125rem)}.swatch .chip{border-bottom:1px solid var(--border);height:4rem}.swatch .meta{padding:.5rem .625rem}.swatch .meta .name{font-size:var(--text-sm);font-weight:600}.swatch .meta .var{font-family:var(--font-mono);color:var(--text-3);word-break:break-all;margin-top:.125rem;font-size:.6875rem}.type-row{align-items:baseline;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:flex}.type-row:last-child{border-bottom:0}.type-row .specimen{min-width:0;color:var(--text-1);flex:1}.type-row .type-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);text-align:right;white-space:nowrap;flex:none}.space-row{align-items:center;gap:var(--space-4);padding:.4375rem 0;display:flex}.space-row .bar{background:var(--accent);border-radius:.1875rem;height:.875rem}.space-row .lbl{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);flex:none;width:6.875rem}.box-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));display:grid}.box-card{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.box-card .box{background:var(--surface-2);border:1px solid var(--border);width:100%;height:5rem}.box-card .box.shadow{background:var(--surface-1);border-color:#0000}.box-card .lbl{font-family:var(--font-mono);color:var(--text-3);text-align:center;font-size:.6875rem}.tile-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));align-items:stretch;display:grid}.tile{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;height:100%;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in oklab, var(--mod-accent,var(--accent)) 40%, var(--border));transform:translateY(-.25rem)}.tile .tile-icon{border-radius:var(--radius-lg);background:var(--mod-accent-soft,color-mix(in oklab, var(--mod-accent,var(--accent)) 14%, var(--surface-1)));width:3rem;height:3rem;color:var(--mod-accent,var(--accent));justify-content:center;align-items:center;display:flex}.tile .tile-icon i,.tile .tile-icon svg{width:1.5rem;height:1.5rem}.tile h4{font-size:var(--text-lg)}.tile .tile-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);letter-spacing:.04em}.tile .tile-desc{font-size:var(--text-sm);color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile .tile-foot{padding-top:var(--space-2);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.kernel-diagram{align-items:center;gap:var(--space-5);padding:var(--space-10) var(--space-6);flex-direction:column;display:flex}.kernel-core{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);padding:var(--space-5) var(--space-8);border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);text-align:center;box-shadow:var(--shadow-md)}.kernel-core small{opacity:.8;margin-top:.25rem;font-size:.6875rem;font-weight:400;display:block}.kernel-links{width:1px;height:var(--space-8);background:var(--border-strong)}.kernel-mods{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.kernel-mods .mod{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-md);background:var(--surface-1);border:1px dashed var(--border-strong);color:var(--text-2);padding:.5rem .875rem}.kernel-mods .mod b{color:var(--text-1);font-weight:600}.callout-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));display:grid}.callout{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border)}.callout .num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-text)}.callout h4{font-family:var(--font-ui);font-size:var(--text-base);margin:var(--space-2) 0;font-weight:700}.callout p{font-size:var(--text-sm);color:var(--text-2)}.colophon{text-align:center;color:var(--text-3);font-family:var(--font-mono);font-size:var(--text-xs);border-top:1px solid var(--border);padding-top:var(--space-8)}.toast{bottom:var(--space-6);background:var(--text-1);color:var(--bg);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);z-index:100;padding:.625rem 1rem;position:fixed;left:50%;transform:translate(-50%)translateY(1.25rem)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=55em){.shell{gap:var(--space-8);padding:var(--space-8) var(--space-5) var(--space-16);grid-template-columns:1fr}.side-nav{gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-flow:wrap;position:static}.side-nav .nav-group,.brand-tag{display:none}:root{--text-3xl:2.5rem;--text-display:3rem;--text-2xl:1.875rem}}@media (width<=32.5em){.app-header{padding:0 var(--space-4)}.type-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.type-row .type-meta{text-align:left}}.palette-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}.palette-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);overflow:hidden}.palette-card:hover{box-shadow:var(--shadow-md);transform:translateY(-.125rem)}.pal-chips{height:3rem;display:flex}.pal-chip{flex:1}.pal-chip-accent{background:var(--mod-accent,var(--accent))}.pal-chip-soft{background:var(--mod-accent-soft,var(--accent-soft))}.pal-chip-text{background:var(--mod-accent-text,var(--accent-text))}.pal-meta{padding:.5rem .625rem}.pal-meta-name{font-size:var(--text-sm);font-weight:600}.pal-meta-tag{font-family:var(--font-mono);color:var(--text-3);margin-top:.125rem;font-size:.6875rem}.tile-picker{padding-top:var(--space-2);border-top:1px solid var(--border);margin-top:var(--space-2);flex-wrap:wrap;align-items:center;gap:.3125rem;display:flex}.pal-dot{border-radius:var(--radius-pill);background:var(--dot-color,var(--accent));cursor:pointer;width:.875rem;height:.875rem;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1.5px solid #0000;flex-shrink:0;padding:0}.pal-dot:hover{transform:scale(1.3)}.pal-dot.active{border-color:var(--text-1);box-shadow:0 0 0 1px var(--bg);transform:scale(1.1)}[data-mode=light] [data-theme=slate]{--mod-accent:oklch(52% .052 255);--mod-accent-hover:oklch(46% .058 255);--mod-accent-soft:oklch(94% .022 255);--mod-accent-text:oklch(41% .06 255)}[data-mode=light] [data-theme=sage]{--mod-accent:oklch(51% .055 158);--mod-accent-hover:oklch(45% .06 158);--mod-accent-soft:oklch(93% .025 152);--mod-accent-text:oklch(40% .06 158)}[data-mode=light] [data-theme=amber]{--mod-accent:oklch(57% .082 72);--mod-accent-hover:oklch(51% .088 68);--mod-accent-soft:oklch(95% .032 78);--mod-accent-text:oklch(44% .09 65)}[data-mode=light] [data-theme=mauve]{--mod-accent:oklch(53% .072 308);--mod-accent-hover:oklch(47% .078 308);--mod-accent-soft:oklch(94% .026 308);--mod-accent-text:oklch(42% .08 308)}[data-mode=light] [data-theme=clay]{--mod-accent:oklch(55% .088 32);--mod-accent-hover:oklch(49% .094 28);--mod-accent-soft:oklch(94% .03 38);--mod-accent-text:oklch(43% .095 28)}[data-mode=light] [data-theme=teal]{--mod-accent:oklch(53% .068 195);--mod-accent-hover:oklch(47% .074 195);--mod-accent-soft:oklch(93% .024 195);--mod-accent-text:oklch(42% .074 195)}[data-mode=light] [data-theme=rose]{--mod-accent:oklch(57% .072 352);--mod-accent-hover:oklch(51% .078 352);--mod-accent-soft:oklch(94% .026 352);--mod-accent-text:oklch(45% .082 352)}[data-mode=light] [data-theme=moss]{--mod-accent:oklch(48% .062 130);--mod-accent-hover:oklch(42% .068 130);--mod-accent-soft:oklch(93% .022 130);--mod-accent-text:oklch(37% .068 130)}[data-mode=light] [data-theme=indigo]{--mod-accent:oklch(51% .082 278);--mod-accent-hover:oklch(45% .088 278);--mod-accent-soft:oklch(93% .028 278);--mod-accent-text:oklch(40% .088 278)}[data-mode=light] [data-theme=ochre]{--mod-accent:oklch(59% .085 90);--mod-accent-hover:oklch(53% .09 86);--mod-accent-soft:oklch(95% .034 92);--mod-accent-text:oklch(46% .092 85)}[data-mode=dark] [data-theme=slate]{--mod-accent:oklch(71% .07 255);--mod-accent-hover:oklch(78% .07 255);--mod-accent-soft:oklch(30% .03 255);--mod-accent-text:oklch(80% .062 255)}[data-mode=dark] [data-theme=sage]{--mod-accent:oklch(72% .075 158);--mod-accent-hover:oklch(79% .072 158);--mod-accent-soft:oklch(30% .03 156);--mod-accent-text:oklch(81% .066 158)}[data-mode=dark] [data-theme=amber]{--mod-accent:oklch(74% .088 76);--mod-accent-hover:oklch(80% .085 78);--mod-accent-soft:oklch(31% .038 72);--mod-accent-text:oklch(82% .078 78)}[data-mode=dark] [data-theme=mauve]{--mod-accent:oklch(70% .08 308);--mod-accent-hover:oklch(77% .078 308);--mod-accent-soft:oklch(30% .032 308);--mod-accent-text:oklch(79% .072 308)}[data-mode=dark] [data-theme=clay]{--mod-accent:oklch(72% .095 35);--mod-accent-hover:oklch(79% .092 37);--mod-accent-soft:oklch(31% .038 32);--mod-accent-text:oklch(81% .085 37)}[data-mode=dark] [data-theme=teal]{--mod-accent:oklch(71% .076 195);--mod-accent-hover:oklch(78% .072 195);--mod-accent-soft:oklch(30% .03 195);--mod-accent-text:oklch(80% .068 195)}[data-mode=dark] [data-theme=rose]{--mod-accent:oklch(72% .08 352);--mod-accent-hover:oklch(79% .076 352);--mod-accent-soft:oklch(30% .032 352);--mod-accent-text:oklch(80% .072 352)}[data-mode=dark] [data-theme=moss]{--mod-accent:oklch(68% .07 130);--mod-accent-hover:oklch(75% .068 130);--mod-accent-soft:oklch(29% .028 130);--mod-accent-text:oklch(77% .062 130)}[data-mode=dark] [data-theme=indigo]{--mod-accent:oklch(70% .09 278);--mod-accent-hover:oklch(77% .086 278);--mod-accent-soft:oklch(29% .034 278);--mod-accent-text:oklch(80% .08 278)}[data-mode=dark] [data-theme=ochre]{--mod-accent:oklch(76% .09 92);--mod-accent-hover:oklch(82% .086 94);--mod-accent-soft:oklch(32% .038 90);--mod-accent-text:oklch(84% .08 94)}.memory-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.memory-card{aspect-ratio:3/4;cursor:pointer;perspective:900px;-webkit-user-select:none;user-select:none}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .38s cubic-bezier(.4,0,.2,1);position:relative}.memory-card.is-flipped .memory-card-inner,.memory-card.is-matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{border-radius:var(--radius-lg);backface-visibility:hidden;padding:var(--space-3);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.memory-card-front{background:var(--mod-accent-soft,var(--accent-soft));border:1px solid color-mix(in oklab, var(--mod-accent,var(--accent)) 30%, transparent)}.memory-card-front svg{opacity:.4;width:1.75rem;height:1.75rem;color:var(--mod-accent,var(--accent))}.memory-card-back{background:var(--surface-1);border:1px solid var(--border);text-align:center;gap:var(--space-2);transform:rotateY(180deg)}.memory-card.is-matched .memory-card-back{border-color:var(--mod-accent,var(--accent));background:var(--mod-accent-soft,var(--accent-soft))}.memory-card.is-wrong .memory-card-inner{animation:.3s bk-shake}@keyframes bk-shake{0%,to{transform:rotateY(180deg)translate(0)}25%{transform:rotateY(180deg)translate(-4px)}75%{transform:rotateY(180deg)translate(4px)}}.mc-type{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.mc-verse{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-1);-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.mc-ref{font-family:var(--font-display);font-size:var(--text-md);color:var(--text-1);font-weight:600;line-height:1.2}.petal-field{pointer-events:none;will-change:transform;z-index:0;animation:80s linear infinite bk-spin;position:absolute;inset:0}@keyframes bk-spin{to{transform:rotate(360deg)}}.petal{border-radius:50%;width:22vmin;height:115vmin;position:absolute;top:calc(50% - 57.5vmin);left:calc(50% - 11vmin)}.inner-petal{opacity:.65;border-radius:50%;width:42vmin;height:56vmin;position:absolute;top:calc(50% - 28vmin);left:calc(50% - 21vmin)}[data-mode=dark] .petal,[data-mode=dark] .inner-petal{mix-blend-mode:screen}[data-mode=light] .petal{mix-blend-mode:multiply;opacity:.85}[data-mode=light] .inner-petal{mix-blend-mode:multiply;opacity:.75}.p1{background:radial-gradient(ellipse at center, var(--c-teal) 8%, transparent 72%);transform:rotate(0)}.p2{background:radial-gradient(ellipse at center, var(--c-purple) 8%, transparent 72%);transform:rotate(30deg)}.p3{background:radial-gradient(ellipse at center, var(--c-rust) 8%, transparent 72%);transform:rotate(60deg)}.p4{background:radial-gradient(ellipse at center, var(--c-amber) 8%, transparent 72%);transform:rotate(90deg)}.p5{background:radial-gradient(ellipse at center, var(--c-forest) 8%, transparent 72%);transform:rotate(120deg)}.p6{background:radial-gradient(ellipse at center, var(--c-indigo) 8%, transparent 72%);transform:rotate(150deg)}.ip1{background:radial-gradient(ellipse at center, var(--c-amber) 0%, transparent 65%);transform:rotate(15deg)}.ip2{background:radial-gradient(ellipse at center, var(--c-teal) 0%, transparent 65%);transform:rotate(75deg)}.ip3{background:radial-gradient(ellipse at center, var(--c-purple) 0%, transparent 65%);transform:rotate(135deg)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}.petal-field{animation:none}}.cv-verse{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-1);margin:0;line-height:1.75}.cv-shown{color:var(--text-1)}.cv-ellipsis{color:var(--text-3);font-style:italic}.cv-input{background:var(--surface-2);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-base);color:var(--text-1);resize:vertical;min-height:5rem;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);outline:none;display:block}.cv-input:focus{border-color:var(--mod-accent,var(--accent))}.cv-input.is-correct{border-color:var(--success);background:var(--success-soft)}.cv-input.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.cv-input:disabled{opacity:1;cursor:default}.cv-answer{font-family:var(--font-display);font-size:var(--text-sm);color:var(--success);margin:0}.cv-inline{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-1);margin:0;line-height:2.2}.cv-blank{background:var(--surface-2);border:0;border-bottom:2px solid var(--mod-accent,var(--accent));font-family:var(--font-display);font-size:inherit;color:var(--text-1);vertical-align:baseline;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);outline:none;padding:0 .3em;display:inline}.cv-blank:focus{background:var(--mod-accent-soft,var(--accent-soft))}.cv-blank.is-correct{border-color:var(--success);background:var(--success-soft);color:var(--success)}.cv-blank.is-wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.cv-blank:disabled{cursor:default;opacity:1}