:root{color-scheme:dark;--bg:#101c25;--panel:#1b2c38;--text:#eef5f8;--muted:#a8becb;--accent:#55e1bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,sans-serif;padding:calc(16px + env(safe-area-inset-top)) 16px calc(190px + env(safe-area-inset-bottom));overflow-wrap:anywhere}header,main,nav,#notice,footer{max-width:760px;margin:auto}small{letter-spacing:2px;color:var(--accent);font-size:11px}h1{font-size:26px;margin:8px 0}h2{font-size:22px}p{margin:8px 0 16px}#title,.hint,#where,#counts{color:var(--muted);font-size:14px}nav,.tabs,.mediaButtons{display:flex;gap:8px;flex-wrap:wrap;margin:12px auto}button{font:inherit;border:1px solid #3b5668;background:var(--panel);color:var(--text);padding:12px 14px;border-radius:12px;min-height:46px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.active,.primary{background:var(--accent);border-color:var(--accent);color:#09291f;font-weight:700}.danger{color:#ffb1aa}label{display:block;margin:16px 0 6px;color:var(--muted);font-size:14px}textarea,input,select{display:block;width:100%;font:16px/1.45 system-ui,sans-serif;color:var(--text);background:#15232d;border:1px solid #3b5668;border-radius:10px;padding:12px;margin-top:6px}textarea{resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}.times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item{display:block;width:100%;text-align:left;margin:10px 0;padding:16px}.item strong{display:block;color:var(--accent);margin-bottom:6px}.item span{display:block;font-size:14px;white-space:pre-wrap}.item small{display:block;margin-top:10px;letter-spacing:0;color:var(--muted)}#notice{white-space:pre-wrap;border-left:3px solid var(--accent);padding:10px 12px;background:var(--panel);margin-top:12px}#notice:empty{display:none}video,img,audio{width:100%;max-height:400px;margin:12px 0;border-radius:12px}img{object-fit:contain;background:#253b4a}footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#101c25f5;border-top:1px solid #3b5668;display:grid;grid-template-columns:1fr 1fr;gap:8px}footer .primary{grid-column:1/-1}#translation{background:var(--panel);padding:16px;border-radius:12px;white-space:pre-wrap;margin-top:16px}[hidden]{display:none!important}.check{display:flex;align-items:center}button:focus-visible{outline:3px solid #fff;outline-offset:2px}