:root{font-family:system-ui,sans-serif;color:#f4f8ff;background:#101d35;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#126f7d88,transparent 65%),radial-gradient(ellipse at bottom left,#7139a288,transparent 65%);min-height:100dvh}header,main,footer{max-width:820px;margin:auto;padding:18px}header{display:flex;gap:16px;justify-content:space-between}a{color:#a2f5de}h1{font-size:clamp(25px,6vw,36px);line-height:1.2}p{line-height:1.65;color:#dfebf5}article,section,details{border:1px solid #52748d;border-radius:20px;background:#203550b8;padding:18px;margin:16px 0}button,.c216-link{display:inline-block;min-height:44px;padding:12px 16px;border:0;border-radius:13px;background:#266d76;color:#fff;font:700 15px system-ui;margin:5px;cursor:pointer;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button.primary{background:#ffcf5b;color:#241139}button.danger{background:#963e64}label{display:block;margin:12px 0;font-weight:600}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-height:46px;padding:12px;margin:7px 0;border:1px solid #8399b2;border-radius:12px;background:#112640;color:#fff;font:inherit}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:10px}textarea{min-height:90px;resize:vertical}summary{cursor:pointer;font-weight:700;min-height:36px}.c216-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.c216-muted,small{color:#bbcede}#status{position:sticky;top:0;background:#101d35;padding:10px;border-radius:12px;z-index:2}#status:empty{display:none}.chat216-log{max-height:48dvh;overflow:auto;overscroll-behavior:contain}.chat216-log article{padding:12px;margin:10px 0;overflow-wrap:anywhere}.chat216-log p{white-space:pre-wrap;margin:8px 0}.c216-timer{font-variant-numeric:tabular-nums;color:#ffde85;font-weight:800}.c216-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.c216-row>*{margin:0}footer{font-size:13px;padding-bottom:max(24px,env(safe-area-inset-bottom))}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffcf5b;outline-offset:3px}@media(max-width:450px){header,main,footer{padding:14px}section,article,details{padding:14px}button{margin:4px 2px}}