:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#f1faf5;background:#08120f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -5%,#31513f 0,#08120f 42%);min-height:100vh}button,input{font:inherit}main{width:min(760px,100%);margin:auto;padding:max(14px,env(safe-area-inset-top)) 12px calc(36px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 16px}.dialog-head small,header small{font-size:9px;color:#90d7ae;letter-spacing:.2em;font-weight:900}h1{font-size:25px;margin:2px 0 0}nav{display:flex;gap:7px}.round{width:42px;height:42px;border-radius:50%;border:1px solid #496555;background:#17261f;color:#ecfff4;font-size:20px}.round:disabled{opacity:.35}.controller{padding:16px;border:1px solid #456351;border-radius:6px;background:linear-gradient(145deg,#1f382b,#101f18);text-align:center;box-shadow:0 20px 45px #0006}.start{width:100%;min-height:170px;border:0;border-radius:18px;background:linear-gradient(145deg,#f1d36d,#d39e29);color:#2b1d02;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:inset 0 1px #fff9}.start:active{transform:scale(.985)}.start strong{font-size:24px}.start small{font-size:13px;color:#5a410a}.stop{width:100%;min-height:64px;border:1px solid #ff8d7e;border-radius:16px;background:#6b211b;color:#fff;font-size:20px;font-weight:850}.progress{height:8px;margin:15px 3px 0;background:#07100c;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#f2cf61;transition:width .1s linear}#status{font-weight:850;margin:13px 0 2px}#detail{font-size:12px;color:#a3bbad;margin:4px 0 0;line-height:1.4}.history-head{display:flex;align-items:baseline;justify-content:space-between;margin:24px 3px 8px}.history-head h2{font-size:17px;margin:0}.history-head span{font-size:11px;color:#91aa9b}.history{overflow:hidden;border:1px solid #31483b;border-radius:6px;background:#0d1913}.row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;padding:10px;border-bottom:1px solid #293c32;align-items:center}.row:last-child{border-bottom:0}.cover{width:54px;height:54px;border-radius:9px;background:#1d3528;object-fit:cover;display:grid;place-items:center;color:#91b7a1}.copy{min-width:0}.artist,.location,.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title{font-size:16px;font-weight:850}.artist{font-size:13px;color:#c0d3c7;margin-top:2px}.location{font-size:11px;color:#89d0a9;margin-top:4px}.time{font-size:10px;color:#90a79a;white-space:nowrap;text-align:right}.empty{text-align:center;color:#879d90;padding:28px}.error{color:#ffaea5!important}dialog{width:min(520px,calc(100% - 20px));max-height:calc(100% - 28px);overflow:auto;padding:0;border:1px solid #496554;border-radius:20px;background:#101d17;color:#f0faf4}dialog::backdrop{background:#020705c9;backdrop-filter:blur(4px)}form{padding:16px;display:grid;gap:14px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:2px 0;font-size:24px}label{display:grid;gap:6px;color:#cadbd1;font-size:13px;font-weight:750}label span{display:flex;align-items:center;gap:7px}label em{font-size:11px;color:#7f9b8b;font-weight:400;font-style:normal}input[type=number]{width:145px;min-height:43px;border:1px solid #4a6656;border-radius:10px;background:#08130e;color:#fff;padding:8px 10px;font-size:16px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:22px;height:22px}.dialog-actions{display:grid;grid-template-columns:auto 1fr;gap:8px}.dialog-actions button{min-height:46px;border:1px solid #4c6858;border-radius:11px;background:#1a2a22;color:#e9f6ef}.dialog-actions .primary{background:#e3c35b;color:#241a02;border-color:#e3c35b;font-weight:850}.settings-note{margin:0;font-size:11px;color:#829c8d}@media (max-width:520px){main{padding-left:0;padding-right:0}.controller,.history-head,header{margin-left:10px;margin-right:10px}.history{border-left:0;border-right:0;border-radius:0}.row{grid-template-columns:52px minmax(0,1fr) 58px}.cover{width:52px;height:52px}}