*{box-sizing:border-box}:root{color-scheme:dark;background:#07131e;color:#ecede8;font:13px system-ui}body{margin:0;background:linear-gradient(130deg,#0b1b28,#050b13)}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 25px;border-bottom:1px solid #436271}.tag{font-size:10px;color:#d5bb8b;letter-spacing:2px}h1,h2{font-family:Georgia,serif}h1{font-size:28px;color:#f1dab2;margin:4px 0 0}header nav{display:flex;gap:17px}a{color:#bedce3;text-decoration:none}.toolbar{margin:15px 20px;padding:14px 15px;border:1px solid #48687a;background:#102936;border-radius:11px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.controls{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));flex:1;gap:10px}.controls label,.sync-controls label{color:#bad0d4;font-size:11px}.controls select,.sync input{display:block;width:100%;padding:10px;border:1px solid #557785;color:#f4f0e1;background:#0a202c;border-radius:6px;margin-top:5px}.actions{display:flex;gap:8px;flex-wrap:wrap}button{background:#254959;color:#f2e4c6;border:1px solid #78909c;padding:11px 12px;border-radius:7px;font-weight:600;cursor:pointer}button:hover{background:#38667a}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffe1b4;outline-offset:3px}.explanation{text-align:center;font-size:12px;color:#d8c5a6;padding:3px 12px 14px}.views{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 20px}.views article{background:#030f18;border:1px solid #5d7280;border-radius:9px;overflow:hidden;min-width:0}.views h2{font:18px Georgia,serif;margin:0;padding:12px 15px;background:#102d3b;color:#ecd1a2}.views iframe{height:min(65vh,660px);width:100%;border:0;display:block;background:radial-gradient(circle,#224251,#06111d 65%)}.sync{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px;border:1px solid #426471;background:#10212b;padding:17px 19px;border-radius:11px}.sync h2{margin:0;font-size:20px;color:#ecd5b2}.sync p{font-size:12px;color:#b7d1d2}.sync-controls{display:grid;grid-template-columns:repeat(3,90px) 170px;gap:10px;align-items:end}footer{border-top:1px solid #4e6572;padding:15px 22px;font-size:11px;color:#afc5c7}@media(max-width:1000px){.controls{grid-template-columns:repeat(2,1fr)}.actions{width:100%}.sync{display:block}.sync-controls{max-width:550px}}@media(max-width:650px){header{padding:12px;display:block}h1{font-size:21px}header nav{margin-top:8px}.toolbar{margin:9px;padding:9px}.controls{grid-template-columns:1fr 1fr;gap:8px}.controls select{font-size:11px}.views{grid-template-columns:1fr;margin:10px}.views iframe{height:340px}.sync{margin:10px}.sync-controls{grid-template-columns:1fr 1fr}.sync-controls button{grid-column:1/-1}}