:root{color-scheme:light;--bg:#f4f8ff;--bg-soft:#ebf2ff;--card:#fff;--line:#d8e3fb;--muted:#526485;--text:#09162f;--accent:#2563eb;--accent-soft:#dbe8ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text)}a{color:inherit;text-decoration:none}main{padding:20px}.page-shell{max-width:1200px;margin:0 auto;display:grid;grid-gap:14px;gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.compact{padding:14px 16px}.hero h1{margin:6px 0;font-size:clamp(24px,4vw,40px);line-height:1.1;letter-spacing:-.02em}.hero-copy{max-width:72ch}.badge{margin:0;display:inline-flex;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 10px;font-weight:600;font-size:12px}.hero-cta{margin-top:10px}.panel-side h2,.search-shell h2{margin-top:0}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}button,input,select,textarea{width:100%;border-radius:10px;border:1px solid #c5d6f9;background:#fdfefe;color:var(--text);padding:10px 12px;font-size:14px}.button-link,button{display:inline-flex;justify-content:center;align-items:center;width:auto;cursor:pointer;background:var(--accent);border:1px solid transparent;color:#fff;font-weight:600;border-radius:10px;padding:10px 14px}.button-link.subtle{background:#eef4ff;color:#1d3f86;border-color:#d2e0fb}.mini-icon-button{width:30px;height:30px;min-width:30px;padding:0;border-radius:9px;background:#eef4ff;color:#1d3f86;border:1px solid #d2e0fb;font-size:14px;font-weight:700;line-height:1}.mini-icon-button:hover{background:#e1edff}.sort-menu{position:relative}.sort-trigger{height:30px;min-width:70px;padding:0 10px;border-radius:9px;background:#eef4ff;color:#1d3f86;border:1px solid #d2e0fb;font-size:13px;font-weight:700;line-height:1}.sort-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:220px;padding:8px;border-radius:12px;border:1px solid #cfe0ff;background:#fff;box-shadow:0 16px 32px rgba(9,22,47,.16)}.sort-popover-title{margin:2px 4px 8px;font-size:12px;color:#4d6290;font-weight:700}.sort-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border-radius:8px;border:1px solid transparent;background:transparent;color:#1d325d;padding:8px 10px;font-weight:600}.sort-option small{font-size:11px;color:#64779e}.sort-option:hover{background:#f1f6ff;border-color:#dbe6ff}.sort-option.active{background:#e8f1ff;border-color:#c4d9ff}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.space{height:10px}.version-badge{position:fixed;left:10px;bottom:8px;margin:0;font-size:12px;color:#34548e;background:#f4f8ffcc;border:1px solid #d5e1fa;border-radius:999px;padding:4px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:640px){main{padding:12px}.page-shell{gap:10px}.card{border-radius:14px;padding:12px}.hero h1{font-size:26px}.grid{grid-template-columns:1fr}.row{flex-wrap:wrap}.version-badge{left:8px;bottom:8px;font-size:11px}}.register-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(7,15,35,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.register-modal{width:min(420px,100%)}.register-modal h2{margin-top:0}.tags-field{display:flex;align-items:center;border:1px solid #c5d6f9;border-radius:10px;background:#fdfefe;overflow:hidden}.hash-prefix{padding:10px 0 10px 12px;color:#1d3f86;font-weight:700;line-height:1}.tags-input{border:none!important;border-radius:0!important}.tags-input:focus{outline:none}.lang-indicator{margin:0;font-size:12px;color:#264a96;font-weight:600}.form-compact h3{margin:0}.form-grid{margin-top:10px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:10px;gap:10px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.submit-wide{width:100%}.code-editor{position:relative;border:1px solid #c5d6f9;border-radius:12px;overflow:hidden;background:#f8fbff}.code-input,.code-layer{margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;white-space:pre;overflow:auto;min-height:210px}.code-layer{pointer-events:none;color:#22314f}.code-input{position:absolute;inset:0;border:none;background:transparent;color:transparent;caret-color:#0c1d42;resize:vertical}.code-input:focus{outline:none}.code-plain{color:#1f2d4d}.code-keyword{color:#7c3aed;font-weight:700}.code-builtin{color:#0369a1;font-weight:600}.code-string{color:#0f766e}.code-comment{color:#3f7d37;font-style:italic}.code-number{color:#b45309;font-weight:600}.code-function{color:#c026d3}.code-operator{color:#334155}@media (max-width:780px){.col-6{grid-column:span 12}.code-input,.code-layer{min-height:170px}}.chip{width:auto;background:#edf3ff;color:#244a98;border:1px solid #cfddfb;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer}.active-result>a{outline:2px solid #79a8ff;outline-offset:2px}.lint-hints{margin:0;padding-left:18px;color:#7a4f00;font-size:12px}