:root{color-scheme:dark;--bg:#101722;--card:#1a2534;--line:#34475d;--text:#edf3fa;--muted:#b2c3d8;--accent:#80caff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:32px 20px}header{margin-bottom:30px}h1{font-size:clamp(2rem,6vw,3rem);margin:0}h2{margin-top:0}h3 small{color:var(--muted);font-weight:400}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;margin:20px 0}.compact{max-width:500px}form{display:grid;gap:14px;max-width:520px;margin:16px 0}label{display:grid;gap:6px}input,select,button{font:inherit;padding:10px 12px;border-radius:7px;border:1px solid var(--line);min-width:0}input,select{background:var(--bg);color:var(--text);width:100%}button{background:var(--accent);color:#082339;font-weight:650;cursor:pointer}button.secondary{background:transparent;color:var(--accent)}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}a{color:var(--accent)}.notice{padding:16px;border:1px solid #e6b86e;background:#352919;border-radius:8px}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.project{display:grid;text-decoration:none;padding:16px;border:1px solid var(--line);border-radius:8px}.project span,.muted,footer{color:var(--muted);font-size:.9rem}article{border-top:1px solid var(--line);margin-top:24px;padding-top:10px}details{padding:12px 0}summary{cursor:pointer}code{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}footer{padding:20px 0}li{overflow-wrap:anywhere}@media(max-width:500px){main{padding:20px 12px}section{padding:18px}h3 small{display:block}}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line)}