*{box-sizing:border-box}body{margin:0;background:#eef4fb;color:#071d3d;font:16px system-ui}main{max-width:1000px;margin:auto;padding:1rem}.hero{background:linear-gradient(120deg,#061d42,#0870ce);color:white;border-radius:18px;padding:2rem;border-bottom:4px solid #ffd137}.hero h1{font-size:clamp(2rem,6vw,4rem);margin:.3rem 0}.card,.notice{background:white;border:1px solid #c7d7e9;border-radius:15px;padding:1.2rem;margin:1rem 0}.notice{border-left:6px solid #0a8a45}label{display:grid;gap:.35rem;margin:1rem 0;font-weight:800}input,select,textarea,button{font:inherit;padding:.75rem;border:1px solid #9db2ca;border-radius:8px}button,.button{background:#075fc9;color:white;border:0;font-weight:800;padding:.7rem 1rem;border-radius:8px;text-decoration:none}.history{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem}.history article,.comment{border:1px solid #d3dfec;padding:.8rem;border-radius:10px}.social-player{width:100%;min-height:560px;border:0}.vertical{max-width:420px}.social-fallback{padding:2rem;background:#f3f7fc;border:2px dashed #9cb2cb;text-align:center}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.embed{overflow:hidden}@media(max-width:600px){main{padding:.5rem}.hero{padding:1.2rem}.social-player{min-height:480px}}