:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08110f;--bg-alt:#18251f;--panel:#0b1819e6;--panel-strong:#181f1cf5;--line:#3d5b57;--text:#f5f7ff;--muted:#c4d0cb;--accent:#ffb84d;--accent-2:#73d2ff;--accent-3:#69e3a1;--danger:#ff7b7b;--success:#69e3a1;--shadow:0 16px 44px #00000047;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:linear-gradient(135deg,#69e3a114,#0000 36%),linear-gradient(#101816 0%,#050807 100%);margin:0}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-shell{padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));max-width:1480px;margin:0 auto}.popupbook-index{place-items:start center;min-height:100vh;padding:1.25rem;display:grid}.popupbook-index-panel{border:1px solid var(--line);background:var(--panel);width:min(920px,100%);box-shadow:var(--shadow);border-radius:8px;padding:clamp(1rem,4vw,2rem)}.popupbook-index-panel h1{margin:0;font-size:clamp(2rem,6vw,4.5rem);line-height:1}.popupbook-list{gap:.75rem;margin-top:1.25rem;display:grid}.popupbook-link{border:1px solid var(--line);color:var(--text);background:#051111b8;border-radius:8px;gap:.25rem;padding:.9rem;text-decoration:none;display:grid}.popupbook-link:hover{border-color:var(--accent);background:#ffb84d1f}.popupbook-link span{font-weight:700}.popupbook-link small{color:var(--muted)}.turnstile-page{background:linear-gradient(#070d0b47,#070d0be0),linear-gradient(135deg,#18221f 0%,#0a1110 48%,#19130d 100%);place-items:center;min-height:100vh;padding:1rem;display:grid}.turnstile-panel{width:min(460px,100%);box-shadow:var(--shadow);background:#050807db;border:1px solid #ffb84d52;border-radius:8px;gap:.75rem;padding:1rem;display:grid}.turnstile-panel h1,.turnstile-panel p{margin:0}.turnstile-panel h1{font-size:1.45rem;line-height:1}.turnstile-panel p{color:var(--muted)}.turnstile-widget{min-height:65px}.turnstile-panel a{color:var(--accent-2)}.turnstile-loader{border:2px solid #f5f7ff47;border-top-color:var(--accent);border-radius:999px;width:1.15rem;height:1.15rem;animation:.8s linear infinite turnstile-spin}@keyframes turnstile-spin{to{transform:rotate(360deg)}}.product-header,.main-grid,.lower-grid{gap:1rem;display:grid}.product-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);margin-bottom:1rem;padding-bottom:1rem}.product-header h1,.panel h2{margin:0}.product-header h1{max-width:820px;font-size:clamp(2rem,4vw,4rem);line-height:1}.hero-copy{max-width:76ch}.eyebrow,.card-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin:0 0 .5rem;font-size:.76rem}.hero-copy,.panel-heading p,.hero-card p,.capability-card p,.immersive-note,.immersive-message{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;padding:1rem}.main-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.95fr)}.sidebar,.lower-grid{gap:1rem;display:grid}.lower-grid{grid-template-columns:1.2fr .8fr;margin-top:1rem}.panel-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading p{max-width:38ch;margin:0}.lesson-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.tab{border:1px solid var(--line);color:var(--text);background:#112525eb;border-radius:8px;min-height:48px;padding:.68rem .92rem}.tab.active{border-color:var(--accent);background:linear-gradient(135deg,#ffb84d47,#69e3a12e)}.lab-shell{border:1px solid var(--line);background:radial-gradient(circle at 50% 20%,#ffb84d1a,#0000 25%),linear-gradient(#0b1f2ef2,#050c12fa);border-radius:8px;min-height:460px;overflow:hidden}.lab-canvas{width:100%;height:100%;display:block}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.slider-block{border:1px solid var(--line);background:#051111b8;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.5rem .8rem;padding:.8rem;display:grid}.slider-block input{grid-column:1/-1;width:100%;min-height:44px}.immersive-block{gap:.5rem;margin-top:1rem;display:grid}.immersive-button{background:linear-gradient(135deg, var(--accent), #ff8f5c);color:#03131e;border:none;border-radius:8px;min-height:56px;padding:.95rem 1.1rem;font-weight:700}.button-row{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.toggle,.selected-pill{border:1px solid var(--line);color:var(--text);background:#051111d6;border-radius:8px}.toggle{min-height:48px;padding:.72rem .9rem}.toggle.active,.selected-pill{border-color:var(--accent);background:#ffb84d29}.selected-pill{color:var(--accent);max-width:30ch;padding:.62rem .8rem}.formula-list,.capability-list,.model-grid,.fallback-gallery{gap:.8rem;display:grid}.formula-card,.capability-card,.model-card{border:1px solid var(--line);background:#0b1f1cb8;border-radius:8px;padding:.9rem}.formula-card h3,.formula-card p,.capability-card strong,.model-card figcaption{margin:0}.formula-value{color:var(--accent);margin-top:.35rem}.validation-box{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;margin-top:.8rem;padding:.9rem}.capability-topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-pill{text-transform:uppercase;border-radius:8px;padding:.28rem .55rem;font-size:.78rem;display:inline-flex}.status-supported{color:var(--success);background:#69e3a129}.status-unsupported{color:var(--danger);background:#ff7b7b24}.status-unknown{color:var(--accent-2);background:#73d2ff1f}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.model-card{margin:0}.model-card model,.model-card img,.fallback-gallery img{background:#040e14f2;border:1px solid #73d2ff40;border-radius:8px;width:100%;display:block}.model-card model{aspect-ratio:4/3;min-height:220px;overflow:hidden}.model-card model img{object-fit:cover;height:100%}.fallback-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.fallback-gallery img{aspect-ratio:1;object-fit:cover}.analytics-line{color:var(--accent);margin-top:1rem}.settings-shell{place-items:start center;min-height:100vh;padding:1.25rem;display:grid}.settings-panel{border:1px solid var(--line);background:var(--panel);width:min(760px,100%);box-shadow:var(--shadow);border-radius:8px;padding:clamp(1rem,4vw,2rem)}.settings-panel h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.settings-copy,.settings-field small,.settings-status{color:var(--muted)}.settings-list{gap:1rem;margin-top:1.25rem;display:grid}.settings-field{border:1px solid var(--line);background:#051111b8;border-radius:8px;gap:.45rem;padding:.9rem;display:grid}.settings-field span{font-weight:700}.settings-field select,.settings-save{min-height:48px;color:var(--text);font:inherit;background:#040e14f2;border:1px solid #73d2ff59;border-radius:8px;padding:0 .75rem}.settings-field input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.settings-save{background:linear-gradient(135deg, var(--accent), #ff8f5c);color:#03131e;margin-top:1rem;font-weight:700}.raku-shell{min-height:100vh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left))}.raku-panel{border:1px solid var(--line);background:var(--panel);width:min(1180px,100%);box-shadow:var(--shadow);border-radius:8px;margin:0 auto;padding:clamp(1rem,4vw,2rem)}.raku-panel h1,.raku-card-header h2,.raku-notes h2{margin:0}.raku-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1rem;margin-top:1.5rem;display:grid}.raku-grid>*{min-width:0}.raku-editor-card,.raku-output-card,.raku-notes{border:1px solid var(--line);background:#051111b8;border-radius:8px;padding:1rem}.raku-card-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.85rem;display:flex}.raku-card-header p,.raku-notes li{color:var(--muted)}.raku-card-header p,.raku-notes ul{margin:.35rem 0 0}.raku-toolbar{gap:.9rem;margin-bottom:.9rem;display:grid}.raku-chip-row{flex-wrap:wrap;gap:.55rem;display:flex}.raku-history-picker select{width:100%}.raku-chip,.raku-history-picker select{min-height:42px;color:var(--text);font:inherit;background:#040e14f2;border:1px solid #73d2ff3d;border-radius:999px;padding:0 .85rem}.raku-history-picker{gap:.4rem;display:grid}.raku-history-picker span,.raku-output-stack h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);font-size:.85rem}.raku-editor-shell{gap:.55rem;min-width:0;display:grid}.raku-editor{background:#040e14f2;border:1px solid #73d2ff3d;border-radius:8px;width:100%;height:420px;overflow:hidden}.raku-editor .overflow-guard{border-radius:8px}.raku-editor .monaco-editor,.raku-editor .monaco-editor-background,.raku-editor .margin{background:#040e14f2!important}.raku-editor-status{color:var(--muted);margin:0;font-size:.9rem}.raku-run-button{background:linear-gradient(135deg, var(--accent), #ff8f5c);color:#03131e;min-height:48px;font:inherit;border:none;border-radius:999px;padding:0 1rem;font-weight:700}.raku-run-button:disabled{cursor:wait;opacity:.72}.raku-mobile-actionbar{display:none}.raku-mobile-actionbar-copy{gap:.2rem;display:grid}.raku-mobile-actionbar-copy strong{font-size:.95rem}.raku-mobile-actionbar-copy span{color:var(--muted);font-size:.88rem}.raku-status-group{flex-wrap:wrap;justify-content:end;gap:.45rem;display:flex}.raku-status-group span{color:var(--muted);border:1px solid #73d2ff3d;border-radius:999px;padding:.25rem .65rem;font-size:.86rem}.raku-output-stack{gap:.9rem;display:grid}.raku-output-stack section{gap:.45rem;display:grid}.raku-output-stack h3{margin:0}.raku-output{min-height:160px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;background:#040e14f2;border:1px solid #73d2ff3d;border-radius:8px;margin:0;padding:.9rem;font:500 .95rem/1.5 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.raku-output.blocked{color:#ffb38f}.raku-notes{margin-top:1rem}.learn-raku-shell{min-height:100vh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left))}.learn-raku-panel{border:1px solid var(--line);background:var(--panel);width:min(1440px,100%);box-shadow:var(--shadow);border-radius:8px;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.learn-raku-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(190px,auto);align-items:start;gap:1rem;padding-bottom:1rem;display:grid}.learn-raku-header h1,.learn-raku-card h2,.learn-raku-method h2{margin:0}.learn-raku-header h1{max-width:920px;font-size:clamp(2rem,5vw,4.4rem);line-height:1}.learn-raku-identity,.learn-raku-stats article,.learn-raku-browser,.learn-raku-card,.learn-raku-method{border:1px solid var(--line);background:#051111b8;border-radius:8px}.learn-raku-identity{gap:.35rem;padding:.85rem;display:grid}.learn-raku-identity span,.learn-raku-stats span,.learn-raku-card-topline,.learn-raku-card-list small{color:var(--muted)}.learn-raku-identity strong{color:var(--accent);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.learn-raku-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.learn-raku-stats article{gap:.25rem;padding:.85rem;display:grid}.learn-raku-stats strong{color:var(--accent);font-size:1.35rem}.learn-raku-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.45fr);gap:1rem;margin-top:1rem;display:grid}.learn-raku-browser,.learn-raku-card,.learn-raku-method{padding:1rem}.learn-raku-domain-tabs,.learn-raku-actions,.learn-raku-grades{flex-wrap:wrap;gap:.55rem;display:flex}.learn-raku-domain-tabs button,.learn-raku-actions button,.learn-raku-grades button{min-height:44px;color:var(--text);background:#040e14f2;border:1px solid #73d2ff3d;border-radius:8px;padding:.6rem .75rem}.learn-raku-domain-tabs button.active,.learn-raku-card-list button.active{border-color:var(--accent);background:#ffb84d24}.learn-raku-card-list{gap:.6rem;max-height:720px;margin-top:.8rem;padding-right:.2rem;display:grid;overflow:auto}.learn-raku-card-list button{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#0b1f1cb8;border-radius:8px;gap:.3rem;padding:.8rem;display:grid}.learn-raku-card-list button span,.learn-raku-card-topline span:first-child{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.learn-raku-empty{color:var(--muted)}.learn-raku-study{align-content:start;gap:1rem;display:grid}.learn-raku-card{gap:1rem;min-height:560px;display:grid}.learn-raku-card-topline{justify-content:space-between;gap:1rem;display:flex}.learn-raku-card h2{font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.12}.learn-raku-recall,.learn-raku-answer{background:#040e14c7;border:1px solid #73d2ff3d;border-radius:8px;padding:1rem}.learn-raku-recall p,.learn-raku-answer p,.learn-raku-method p{color:var(--muted)}.learn-raku-answer pre{color:var(--text);background:#02080cf5;border:1px solid #73d2ff3d;border-radius:8px;padding:.9rem;font:500 .95rem/1.5 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow:auto}.learn-raku-primary,.learn-raku-grades button:hover{border-color:var(--accent);color:#03131e;background:linear-gradient(135deg,#ffb84de6,#ff8f5ce6);font-weight:700}.learn-raku-grades{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.learn-raku-grades button{align-content:center;gap:.25rem;min-height:82px;display:grid}.learn-raku-grades button strong{color:var(--accent);font-size:1.35rem}.learn-raku-grades button:hover strong{color:#03131e}.learn-raku-grades button span{font-size:.82rem}.learn-raku-method{gap:.65rem;display:grid}@media (width<=1080px){.main-grid,.lower-grid,.raku-grid,.learn-raku-layout,.control-grid,.model-grid,.learn-raku-stats,.learn-raku-grades{grid-template-columns:1fr}}@media (width<=720px){.app-shell,.raku-shell,.learn-raku-shell{padding:max(.8rem, env(safe-area-inset-top)) max(.8rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left))}.popupbook-index-panel,.raku-panel,.learn-raku-panel,.panel,.raku-editor-card,.raku-output-card,.raku-notes{padding:.9rem}.popupbook-link{padding:.8rem}.lab-shell{min-height:320px}.slider-block,.model-grid,.fallback-gallery{grid-template-columns:1fr}.panel-heading,.raku-card-header,.learn-raku-header,.learn-raku-card-topline{flex-direction:column;grid-template-columns:1fr}.raku-card-header .raku-run-button{width:100%}.raku-status-group{justify-content:start}.raku-editor{height:min(38dvh,320px)}.raku-output-card{scroll-margin-top:1rem}.raku-output{min-height:120px}.raku-chip-row{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.2rem;overflow-x:auto}.raku-chip-row>*{flex:none}.raku-mobile-actionbar{bottom:max(.75rem, env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051111eb;border:1px solid #ffb84d47;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-top:1rem;padding:.85rem .9rem;display:grid;position:sticky;box-shadow:0 12px 30px #00000047}.raku-run-button-mobile{width:auto;min-width:8.5rem}}@media (width<=540px){.popupbook-index-panel h1,.product-header h1,.raku-panel h1,.learn-raku-header h1{line-height:1.08}.turnstile-panel,.popupbook-index-panel,.raku-panel,.learn-raku-panel,.panel,.raku-editor-card,.raku-output-card,.raku-notes,.learn-raku-card,.learn-raku-method,.learn-raku-browser,.learn-raku-identity,.learn-raku-stats article{border-radius:6px}.tab,.raku-chip,.raku-history-picker select,.raku-run-button,.learn-raku-domain-tabs button,.learn-raku-actions button,.learn-raku-grades button{width:100%}.lesson-tabs,.learn-raku-domain-tabs,.learn-raku-actions,.learn-raku-grades{flex-direction:column}.raku-mobile-actionbar{grid-template-columns:1fr}.raku-run-button-mobile{width:100%}}