:root{color-scheme:dark;--bg:#090909;--fg:#fff8e7;--muted:#aaa28f;--line:#484033;--violet:#c89b32}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Arial,Helvetica,sans-serif;min-height:100vh}body:before,body:after{content:'';position:fixed;z-index:-1;pointer-events:none;width:650px;height:650px;border-radius:50%;background:radial-gradient(ellipse,#8c60164a 0%,#49310d24 42%,transparent 69%)}body:before{left:-410px;top:170px}body:after{right:-450px;top:420px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.shell{max-width:1240px;margin:auto;padding:24px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.6px;font-weight:700}.brand b{display:block;font-size:12px;letter-spacing:2px}.logo{height:48px;width:46px;border:1px solid #d6aa48;border-radius:14px;display:grid;place-content:center;text-align:center;color:#f2d27d;line-height:1.1;box-shadow:0 0 24px #c99c2633;font-size:20px}.logo span{font-size:11px}nav{display:flex;gap:32px;align-items:center}nav a,nav button{color:#d3cbb9;font-size:16px;white-space:nowrap}nav button{background:none;border:0;padding:0}nav a:hover,nav button:hover{color:white}.nav-end{display:flex;gap:20px;align-items:center}.contact{display:inline-block;border-radius:30px;background:#e9c365;color:#15110a;padding:8px 20px;font-size:14px;white-space:nowrap}select{border:0;background:transparent;color:#d8cfb8;font-size:13px;max-width:100px}select option{background:#19160e}main{min-height:75vh}.login-view{max-width:850px;margin:60px auto 100px;padding:20px 26px;text-align:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#e2bc5e;font-weight:700;margin-bottom:18px}h1{font-size:clamp(32px,4vw,50px);line-height:1.35;letter-spacing:-1px;white-space:pre-line;margin:0 auto 22px;background:linear-gradient(110deg,#fff,#bdaa77);background-clip:text;color:transparent}.intro{max-width:600px;margin:0 auto;color:var(--muted);font-size:18px}#login-form{margin:70px auto 0;text-align:start;max-width:800px}label{display:block;font-size:12px;color:#cfc3a6;margin:18px 16px 7px}input{width:100%;border:1px solid var(--line);border-radius:28px;padding:13px 18px;background:#ffffff04;color:white;min-height:48px}input:focus{border-color:#dfbb63;outline:2px solid #bf942633}input::placeholder{color:#8d8572}.key-wrap{position:relative}.key-wrap input{padding-inline-end:80px}.key-wrap button{position:absolute;inset-inline-end:10px;top:7px;border:0;background:none;color:#e7c777;padding:6px 10px;font-size:12px}.privacy{font-size:12px;color:#a19882;margin:18px 12px}.primary{width:100%;padding:13px 20px;border:0;border-radius:28px;background:linear-gradient(95deg,#8e631d,#d7ad46);color:#fff;font-weight:600;min-height:48px}.primary:hover{filter:brightness(1.2)}#login{display:block;max-width:600px;margin:28px auto 0}#login span{float:right}.status{white-space:pre-line;color:#eed28a;font-size:14px;min-height:24px}.status.error{color:#ffb7b7}.fallback{font-size:13px;color:#c9bfa7;text-decoration:underline;text-underline-offset:4px}.editor{max-width:1160px;margin:50px auto 80px;padding:0 28px}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.editor h1{font-size:38px;margin:0}.hint{color:var(--muted);max-width:850px;font-size:14px}.editor-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-top:30px}.card{background:#ffffff03;border:1px solid #363022;border-radius:24px;padding:28px}h2{font-size:20px;margin:0 0 20px}.secondary{border:1px solid #5b4b2a;border-radius:24px;background:transparent;color:#e9d7a7;padding:8px 16px;font-size:13px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.list-heading h2{margin:0}.playlist{border-top:1px solid #383020;margin-top:22px;padding-top:18px}.playlist h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}.playlist .url{font-size:12px;color:#b6a888;overflow-wrap:anywhere;direction:ltr;text-align:left}.playlist button{margin-top:8px}.empty{color:var(--muted);font-size:14px;padding-top:25px}footer{border-top:1px solid #30291c;display:flex;align-items:center;gap:30px;justify-content:space-between;color:var(--muted);font-size:13px}footer .brand{font-size:12px}footer small{font-size:10px}dialog{max-width:520px;width:90%;background:#16130d;border:1px solid #806831;color:white;border-radius:24px;padding:30px}dialog::backdrop{background:#000b}dialog>button{float:inline-end}dialog h2{padding-top:50px}dialog p{color:#cfc3a6}html[dir=rtl] h1{letter-spacing:0}[hidden]{display:none!important}@media(max-width:800px){header{flex-wrap:wrap}.shell{padding:20px}nav{order:3;width:100%;justify-content:space-between;gap:12px;border-top:1px solid #352e20;padding-top:18px}nav a,nav button{font-size:13px}.nav-end{gap:10px}.contact{padding:7px 13px;font-size:12px}.brand{font-size:13px}.brand b{font-size:10px}.login-view{margin:35px auto 65px}#login-form{margin-top:40px}.intro{font-size:16px}.editor-grid{grid-template-columns:1fr}.editor{padding:0 18px}.card{padding:22px}.editor h1{font-size:30px}footer{flex-wrap:wrap;gap:18px}footer small{width:100%}}

.login-menu-toggle{display:none}@media(max-width:800px){header.shell{position:relative;flex-wrap:nowrap;gap:10px}.nav-end .contact{display:none}.nav-end{margin-inline-start:auto}.login-menu-toggle{display:block;width:40px;height:40px;border-radius:10px;border:1px solid #77602e;background:#20190e;color:#ecd18e;font-size:20px;flex-shrink:0}header nav{display:none;position:absolute;inset-inline:16px;top:84px;padding:16px;z-index:20;border:1px solid #65512d;border-radius:16px;background:#14110bf5;box-shadow:0 15px 30px #0009}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}header nav a,header nav button{padding:12px;min-height:48px;text-align:start;font-size:16px}}

.login-mobile-contact{display:none}@media(max-width:800px){.login-mobile-contact{display:block}}