:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#101824;color:#e4edf7}body{margin:0}main{max-width:960px;margin:40px auto;padding:20px}a{color:#8dd7ff}p{line-height:1.7;color:#b9c8d9}form{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}label{width:100%}input{flex:1;min-width:180px;padding:12px;background:#1b2939;color:inherit;border:1px solid #526980;border-radius:8px}button{padding:12px 20px;border:0;border-radius:8px;background:#98d1fd;color:#122337;cursor:pointer}button:disabled{opacity:.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1b2939;padding:18px;border-radius:8px}.block{display:block;margin:10px 0;padding:15px;background:#1b2939;border-radius:8px;overflow-wrap:anywhere}#summary{line-height:1.8}
body{font-size:16px;line-height:1.5}button,input{font:inherit;min-height:48px;box-sizing:border-box;touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f8d77b;outline-offset:3px}button:hover{background:#c5e6ff}button:active{opacity:.8}#summary{min-height:58px}pre:empty{display:none}.block{min-height:44px;box-sizing:border-box}input{width:0}@media(max-width:480px){main{margin:12px auto;padding:16px}h1{font-size:26px}pre{padding:12px;font-size:14px}}
nav,#detail-nav{display:flex;flex-wrap:wrap;gap:12px}nav button,.button{margin:4px 0}.button{display:inline-block;box-sizing:border-box;padding:12px 20px;min-height:48px;border-radius:8px;background:#1b2939}#activity{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}#activity .block{margin:0;font-size:14px}progress{display:block;width:100%;height:10px;margin-top:8px;accent-color:#8dd7ff}#detail-nav .block{flex:1;min-width:130px}button[hidden],.block[hidden]{display:none}#status{overflow-wrap:anywhere}button,input,a{-webkit-tap-highlight-color:transparent}button{appearance:none;-webkit-appearance:none}pre{word-wrap:break-word}input{min-width:0;width:100%}@media(max-width:480px){nav button,nav .button{flex:1 1 130px}form input{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
