:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14213d;--muted:#667085;--line:#e4e7ec;--accent:#16794b;--panel:#fff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{color:#fff;background:#000;justify-content:space-between;align-items:center;min-height:64px;padding:0 5vw;display:flex}.topbar nav{align-items:center;gap:1.25rem;display:flex}.brand{flex:none;align-items:center;display:inline-flex}.brand-logo{height:auto;display:block}.brand-logo-full{width:190px}.brand-logo-compact{width:44px;display:none}.shell{max-width:1120px;margin:0 auto;padding:2rem 1rem 5rem}.hero{margin:1.5rem 0 2rem;font-family:Courier New,monospace}.hero h1{margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.4rem)}.muted{color:var(--muted)}.question-meta,.tag{font-family:Courier New,monospace}.question-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.question-search{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-width:180px;padding:.55rem .7rem}.difficulty-filters,.type-filters,.view-toggle{gap:.35rem;display:flex}.view-toggle{margin-left:auto}.filter-button,.icon-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:7px}.filter-button{text-transform:capitalize;padding:.45rem .65rem;font-family:Courier New,monospace}.icon-button{justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.icon-button svg{fill:currentColor;width:18px;height:18px}.filter-button[aria-pressed=true],.icon-button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.filter-button:focus-visible,.icon-button:focus-visible,.question-search:focus-visible{outline-offset:2px;outline:3px solid #84adff}.question-results{gap:1rem;display:grid}.question-results-card{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.question-results-list{grid-template-columns:1fr}.question-item h2{margin-bottom:.35rem}.question-item p{margin-top:0}.question-item-list{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1.2rem;display:grid}.question-item-list h2{margin-top:.3rem;font-size:1.1rem}.question-item-list p{margin-bottom:0}.question-tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.question-tags .tag{margin-right:0}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:10px;padding:2rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.2rem}.card:hover{border-color:#98a2b3}.tag{color:#067647;background:#ecfdf3;border-radius:999px;margin-right:.35rem;padding:.2rem .55rem;font-size:.75rem;display:inline-block}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.7rem 1rem;display:inline-block}.button.secondary{color:var(--ink);background:#e8ecef}.button:disabled{cursor:not-allowed;opacity:.55}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.language-control{align-items:center;gap:.65rem;font-weight:600;display:inline-flex}.language-select{appearance:none;background-color:var(--panel);color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%2314213d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:8px;min-width:160px;padding:.55rem 2.25rem .55rem .75rem;font-family:Courier New,monospace}.language-select:hover{border-color:#98a2b3}.language-select:focus-visible{outline-offset:2px;border-color:#84adff;outline:3px solid #84adff}.editor{border:1px solid var(--line);border-radius:10px;overflow:hidden}.output{color:#d1fae5;white-space:pre-wrap;background:#111827;border-radius:10px;min-height:72px;padding:1rem;overflow:auto}.markdown{line-height:1.7}.markdown a{color:#48f}.markdown pre{background:#eef1f4;border-radius:8px;padding:1rem;overflow:auto}.about-title{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.about-logo{width:min(240px,100%);height:auto}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field input,.field textarea{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.7rem}.notice{background:#fffaeb;border:1px solid #fedf89;border-radius:8px;padding:.8rem}.error{color:#b42318}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--line);text-align:left;padding:.55rem}@media (max-width:600px){.topbar{padding:0 1rem}.topbar nav{gap:.7rem}.brand-logo-full{display:none}.brand-logo-compact{display:block}.question-search{width:100%}.difficulty-filters{width:100%;overflow-x:auto}.view-toggle{margin-left:0}.question-item-list{grid-template-columns:1fr}}