:root{color-scheme:dark;font:16px system-ui;background:#0c1020;color:#eff4ff}body{margin:0}header{padding:28px 5%;border-bottom:1px solid #29324a;display:flex;justify-content:space-between;gap:20px;align-items:center}header span{font-size:24px;color:#70f0ca}small{letter-spacing:2px;color:#a4b0ca}main{max-width:1240px;margin:auto;padding:40px 5%}h1{font-size:clamp(34px,5vw,60px);letter-spacing:-2px;line-height:1.08}main>p{color:#b4c1db}article{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:32px;padding:32px 0;border-top:1px solid #29324a}article img,article video{width:100%;border-radius:16px}textarea{width:100%;min-height:280px;box-sizing:border-box;background:#161d32;color:white;padding:16px;border:1px solid #36415a;border-radius:12px;font:15px/1.6 system-ui}button{border:1px solid #48536c;border-radius:9px;padding:12px 18px;margin:12px 8px 0 0;cursor:pointer;font-weight:700}button:first-child{background:#70f0ca;color:#0c1020}button:disabled{opacity:.35;cursor:not-allowed}.source{font-size:13px;color:#a4b0ca}.status{color:#70f0ca}#message{color:#ffc884}@media(max-width:720px){article{grid-template-columns:1fr}article img,article video{max-width:360px}header{flex-wrap:wrap}}

#login-form{max-width:440px}#login-form input{box-sizing:border-box;width:100%;padding:14px;margin-top:8px;border:1px solid #48536c;border-radius:8px;background:#161d32;color:white;font:18px system-ui}#logout{float:right}