:root{--cyan:#26d9dc;--ink:#071b23;--muted:#526a73}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:var(--ink);background:#eef7f8}header{background:var(--ink);color:white;padding:18px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{color:white;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}.brand{font-size:21px;font-weight:800}.brand span{color:var(--cyan)}main{max-width:1120px;margin:32px auto;padding:0 20px}.hero{background:var(--ink);color:white;border-radius:24px;padding:36px;display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.hero img{width:100%;border-radius:12px}.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:2px}h1{font-size:clamp(30px,5vw,52px);line-height:1.1}h2{line-height:1.25}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0}.card{background:white;border:1px solid #cce3e6;border-radius:18px;padding:24px}.narrow{max-width:700px;margin:auto}.button,button{display:inline-block;background:var(--cyan);color:var(--ink);border:0;border-radius:10px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.secondary{background:#e0eef0}label{display:block;font-weight:650;margin:14px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #9bb8c0;border-radius:8px;font:inherit}textarea{min-height:100px}.notice{background:#d5f6f4;padding:16px;border-radius:10px;margin:16px 0}.error{background:#ffe4e4}.small{font-size:14px;color:var(--muted)}.tag{display:inline-block;background:#dcf5f4;padding:4px 12px;border-radius:30px;font-weight:650}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #d6e6e8;vertical-align:top}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions form{margin:0}.actions button{padding:8px;font-size:14px}iframe{border:0;width:100%;aspect-ratio:16/9;border-radius:12px}progress{width:100%;accent-color:#0b9da4}footer{text-align:center;padding:30px;color:var(--muted)}@media(max-width:700px){.hero{grid-template-columns:1fr;padding:24px}header{padding:18px}main{margin-top:20px}.card{padding:18px}}
.vertical-player{max-width:340px;margin:auto;aspect-ratio:9/16}.vertical-player iframe{width:100%;height:100%;aspect-ratio:9/16}.choice{padding:14px;border:1px solid #b0dadd;border-radius:12px;cursor:pointer}.choice input{width:auto;margin-right:10px}.choice:has(input:checked){background:#daf8f6;border-color:#069fa6}button:disabled{opacity:.5;cursor:wait}