.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1rem 1.5rem;border-bottom:2px solid var(--gold)}.app-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400;color:var(--ink);background:none;border:none;padding:0;cursor:pointer}.rubric{font-variant:small-caps;letter-spacing:.12em;color:var(--rubric);margin:0 0 .75rem}.catalog{max-width:56rem;width:100%;margin:0 auto;padding:2rem 1.5rem}.catalog-filter{width:100%;padding:.6rem .8rem;margin-bottom:1.25rem;font-family:var(--font-body);font-size:1.05rem;color:var(--ink);background-color:#fff6;border:1px solid var(--gold);border-radius:4px}.catalog-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.catalog-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;text-align:left;font-family:var(--font-body);font-size:1.15rem;color:var(--ink);background-color:#ffffff40;border:1px solid rgba(184,134,11,.5);border-radius:4px;cursor:pointer;transition:background-color .12s ease}.catalog-item:hover{background-color:#b8860b29}.catalog-item-title{font-weight:600}.catalog-item-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.complexity{font-family:var(--font-mono);font-size:.85rem;color:var(--rubric)}.lang-badge{font-size:.72rem;font-family:var(--font-mono);padding:.1rem .4rem;border-radius:3px;border:1px solid currentColor}.lang-badge.active{color:var(--ink);background-color:#b8860b40}.lang-badge.soon{color:#8a7a55;opacity:.7}.catalog-empty{color:var(--rubric);font-style:italic;padding:1rem}.workspace-loading{flex:1;padding:1.5rem;text-align:center;color:var(--ink-muted, inherit)}.workspace{flex:1;display:grid;grid-template-columns:minmax(20rem,30rem) 1fr;gap:1px;background-color:var(--gold);min-height:0}.workspace-pane{background-color:var(--parchment);padding:1.25rem 1.5rem;overflow:auto}.editor-pane{display:flex;flex-direction:column;gap:.75rem}.link-button{background:none;border:none;color:var(--rubric);font-family:var(--font-body);font-size:1rem;cursor:pointer;padding:0;margin-bottom:1rem}.statement-title{font-family:var(--font-display);font-weight:400;font-size:2rem;margin:0 0 .5rem}.statement-complexity{margin:0 0 1rem;color:var(--rubric)}.statement-complexity code,.statement-description{font-size:1.05rem;line-height:1.6}.statement-complexity code{font-family:var(--font-mono)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.lang-selector{display:flex;gap:.25rem}.lang-option{font-family:var(--font-body);font-size:.95rem;padding:.3rem .7rem;border:1px solid var(--gold);background-color:#ffffff4d;color:var(--ink);border-radius:4px;cursor:pointer}.lang-option.active{background-color:#b8860b40;font-weight:600}.lang-option.disabled{opacity:.5;cursor:not-allowed}.ruby-loading{margin:0;font-style:italic;color:var(--gold)}.ruby-error{margin:0;color:var(--rubric);font-weight:600}.toolbar-actions{display:flex;align-items:center;gap:.75rem}.vim-toggle{display:flex;align-items:center;gap:.3rem;font-size:.9rem}.ghost-button{font-family:var(--font-body);font-size:.95rem;padding:.35rem .8rem;border:1px solid var(--gold);background:none;color:var(--ink);border-radius:4px;cursor:pointer}.run-button{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.4rem 1.1rem;border:1px solid var(--rubric);background-color:var(--rubric);color:var(--parchment);border-radius:4px;cursor:pointer}.run-button:disabled{opacity:.6;cursor:default}.cm-host{border:1px solid var(--gold);border-radius:4px;overflow:hidden}.cm-host .cm-editor{max-height:24rem}.cm-host .cm-scroller{font-family:var(--font-mono);font-size:.95rem}.results{border-top:1px dashed var(--gold);padding-top:.75rem}.results-status.muted{color:#8a7a55;font-style:italic}.results-summary{font-weight:600;font-size:1.1rem;margin:0 0 .6rem}.results-summary.pass{color:#2f6b2f}.results-summary.fail{color:var(--rubric)}.results-duration{font-family:var(--font-mono);font-size:.85rem;font-weight:400;color:#8a7a55}.case-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.case{padding:.5rem .7rem;border-radius:4px;border:1px solid transparent}.case.pass{background-color:#2f6b2f14}.case.fail{background-color:#8b2e2e14;border-color:#8b2e2e4d}.case-head{display:flex;gap:.5rem;align-items:baseline}.case-icon{font-family:var(--font-mono);font-weight:700}.case.pass .case-icon{color:#2f6b2f}.case.fail .case-icon{color:var(--rubric)}.case-diff{margin-top:.4rem;border-collapse:collapse;font-family:var(--font-mono);font-size:.85rem}.case-diff th{text-align:right;padding-right:.6rem;color:var(--rubric);vertical-align:top}.case-error,.runtime-error pre,.stdout pre{font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;word-break:break-word;margin:.3rem 0 0}.runtime-error{color:var(--rubric)}.stdout{margin-top:.9rem;border-top:1px dotted var(--gold);padding-top:.5rem}.stdout-label{font-variant:small-caps;letter-spacing:.08em;color:#8a7a55;margin:0 0 .2rem}.hints{margin-top:1.25rem;padding:.5rem 0 .5rem .9rem;border-top:1px dashed var(--gold);border-left:3px solid var(--gold);font-style:italic}.hints-heading{margin:.4rem 0 .5rem}.hints-list{margin:0 0 .6rem;padding-left:1.2rem;font-family:var(--font-body);line-height:1.6}.hint-item{margin-bottom:.4rem}.hints-exhausted{margin:0}.solved-seal{display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-weight:700;font-family:var(--font-mono)}.catalog-item .solved-seal{width:1.25rem;height:1.25rem;margin-right:.45rem;border:1px solid var(--gold);border-radius:50%;font-size:.8rem;flex-shrink:0}.solved-seal.inline{font-variant:small-caps;letter-spacing:.06em;font-style:normal;margin-bottom:.5rem}.catalog-item.solved{border-color:var(--gold)}.lang-chip{font-size:.72rem;font-family:var(--font-mono);padding:.1rem .4rem;border-radius:3px;border:1px solid var(--gold);background-color:#b8860b2e;color:var(--ink)}.solved-banner{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;padding:.6rem .9rem;border:2px solid var(--gold);border-radius:4px;background:linear-gradient(180deg,#b8860b29,#ffffff2e)}.solved-banner-seal{font-size:1.6rem;color:var(--gold);line-height:1}.solved-banner-text{font-family:var(--font-display);font-size:1.35rem;color:#2f6b2f}@media(prefers-reduced-motion:no-preference){.catalog-item .solved-seal,.solved-seal.inline{animation:seal-pop .32s ease-out both}.hint-item{animation:hint-in .28s ease-out both}.solved-banner{animation:banner-glow .5s ease-out both}.solved-banner-seal{animation:seal-pop .45s ease-out both}@keyframes seal-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes hint-in{0%{transform:translateY(-.3rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes banner-glow{0%{opacity:0;box-shadow:0 0 #b8860b00}60%{box-shadow:0 0 18px #b8860b8c}to{opacity:1;box-shadow:0 0 6px #b8860b40}}}@media(max-width:860px){.workspace{grid-template-columns:1fr}}:root{--parchment: #f4ecd8;--ink: #2b2117;--gold: #b8860b;--rubric: #8b2e2e;--font-display: "UnifrakturMaguntia", "EB Garamond", serif;--font-body: "EB Garamond", Georgia, serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;color-scheme:light;color:var(--ink);background-color:var(--parchment);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background-color:var(--parchment);color:var(--ink)}code,pre{font-family:var(--font-mono)}