:root{font-family:system-ui,-apple-system,sans-serif;color:#f7f4ed;background:#0b0b0f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,input{font:inherit}button{background:#282830;border:0;border-radius:13px;color:#fff;padding:12px 16px;cursor:pointer}button:disabled{opacity:.45}.primary{background:#f5b34a;color:#211504;font-weight:700}.danger{background:#783437}.muted,small{color:#aaa7a2}input{background:#24242b;border:1px solid #41414b;border-radius:12px;color:white;padding:13px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 7px;gap:8px}h1{font-size:30px;margin:0}h2{font-size:23px;margin:12px 0}main{padding:5px 14px 115px;max-width:900px;margin:auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:135px;border-radius:17px;background:linear-gradient(145deg,#663c38,#242b44);padding:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.tile strong{font-size:18px}.tile span{font-size:12px;opacity:.8}.line{display:flex;align-items:center;gap:10px;border-bottom:1px solid #292930;padding:12px 0}.line>div{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.line small{display:block}.controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.controls button{font-size:24px;min-width:65px;min-height:64px}.controls .primary{font-size:32px}.seek{width:100%;accent-color:#f5b34a}.panel{border-radius:18px;background:#19191f;padding:17px;margin:15px 0}.fields{display:grid;gap:10px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:#15151c;border-top:1px solid #30303b;padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:5;justify-content:space-around}.tabs button{background:none;flex:1;font-size:15px}.tabs .active{color:#ffbd55}.art{width:100%;height: min(46vh,350px);object-fit:contain;border-radius:14px;background:#29262d}.msg{padding:12px;background:#312b1f;border-radius:10px;color:#f4d494;margin:12px 0}.bar{height:5px;background:#444;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:#f5b34a}label{display:block;margin:8px 0 4px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#toast{position:fixed;top:15px;left:8%;right:8%;background:#3e3020;border:1px solid #eab259;padding:14px;border-radius:13px;z-index:30;display:none}.indent{padding-left:18px}.hidden{display:none!important}@media(min-width:700px){.grid{grid-template-columns:repeat(4,1fr)}}