:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172b45;background:#f2f5fa;font-size:18px;line-height:1.5;font-synthesis:none;--blue:#1855bb;--navy:#173663;--line:#ccd5e2;--muted:#50627b;--green:#146349}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;color:var(--navy);min-height:48px;padding:.55rem .9rem;font-weight:650}button:hover{background:#eaf0fa}button:disabled{opacity:.48;cursor:default}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover{background:#12469d}button.danger{color:#a52335;border-color:#e3b5be}a{color:#174da7;text-underline-offset:3px}input,select{width:100%;min-height:50px;padding:.6rem .75rem;border:1px solid #91a2ba;border-radius:9px;background:#fff;color:#172b45}label{display:block;font-weight:650;margin:.8rem 0 .35rem}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ca6a04;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:1.8rem;letter-spacing:-.04em;line-height:1.2}h2{font-size:1.25rem;line-height:1.3}h3{font-size:1.06rem}p{margin-bottom:.8rem}small,.small{font-size:.82rem} .muted{color:var(--muted)}.hidden{display:none!important}.masthead{background:var(--navy);color:#fff;padding:1rem max(1rem,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:1rem;align-items:center}.brand{display:flex;align-items:center;gap:.6rem;font-weight:750;letter-spacing:-.03em;font-size:1.25rem}.brand-icon{font-size:1.7rem;line-height:1}#account{display:flex;align-items:center;gap:1rem;font-size:.85rem}.masthead button{background:transparent;color:#fff;border-color:#6a85aa;font-size:.82rem;min-height:40px}main{max-width:1200px;margin:auto;padding:1.7rem 1.1rem 3rem}.auth{max-width:460px;margin:2rem auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.7rem}.auth .primary{width:100%;margin-top:1.3rem}.nav{display:flex;gap:.6rem;margin-bottom:1.25rem}.nav button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.25rem;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:1.3rem;margin-bottom:1.2rem}.player{background:#e8effa;border-color:#bfcee3}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;color:var(--muted);margin-bottom:.55rem}.player-title{font-size:1.25rem;font-weight:750;line-height:1.3;margin-bottom:.25rem}.status{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem}.status::before{content:"";width:8px;height:8px;border-radius:50%;background:#718196}.status.playing{color:var(--green)}.status.playing::before{background:var(--green)}.controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.controls button{flex:1}.controls .primary{flex:2}.volume{display:flex;gap:.5rem;align-items:center;margin-top:.7rem}.volume span{flex:1;text-align:center}.volume button{min-width:56px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.section-heading h1,.section-heading h2{margin:0}.section-heading button{flex-shrink:0}.playlist-list{display:grid;gap:.6rem}.playlist-card{width:100%;text-align:left;display:block;padding:.85rem}.playlist-card.selected{background:#e8effa;border:2px solid var(--blue);padding:calc(.85rem - 1px)}.playlist-card strong{display:block;overflow-wrap:anywhere}.playlist-card .muted{font-weight:400;display:block;margin-top:.2rem}.badge{font-size:.72rem;font-weight:650;background:#e5edf9;border-radius:5px;padding:.15rem .4rem;white-space:nowrap}.empty{padding:2rem 1rem;text-align:center}.empty p{max-width:440px;margin:0 auto 1rem}.editor-heading{display:flex;gap:1rem;justify-content:space-between;align-items:start}.editor-heading h1{overflow-wrap:anywhere;margin-bottom:.35rem}.owner-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0 1.2rem}.text-button{border:0;background:transparent;padding:.35rem .5rem;text-decoration:underline;min-height:44px;font-size:.85rem}.play-list{width:100%;margin:.8rem 0 .4rem;font-size:1.1rem;min-height:56px}.track-list{list-style:none;padding:0;margin:1rem 0 0}.track{display:flex;align-items:center;gap:.7rem;border-top:1px solid #e0e6ef;padding:.9rem 0}.track-number{color:var(--muted);width:1.4rem;flex-shrink:0;text-align:center;font-size:.85rem}.track-info{flex:1;min-width:0;overflow-wrap:anywhere}.track-info strong{display:block;font-weight:650}.track-info a{font-size:.75rem}.track-actions{display:flex;gap:.3rem}.track-actions button{padding:.35rem .6rem;min-width:44px;min-height:44px}.search-form{display:flex;gap:.5rem}.search-form input{min-width:0}.search-area{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1.1rem}.search-result{display:flex;gap:.7rem;align-items:center;padding:.8rem 0;border-bottom:1px solid #e0e6ef}.search-result button{flex-shrink:0}.settings{max-width:760px;margin:auto}.settings .panel>h2{margin-bottom:.8rem}.settings ol,.settings ul{padding-left:1.3rem}.settings li{margin-bottom:.65rem}.settings code{font-size:.8rem;overflow-wrap:anywhere;word-break:break-all;background:#edf1f8;padding:.2rem .3rem}.device-row,.member-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:.8rem 0;flex-wrap:wrap}.device-row .text,.member-row .text{flex:1;min-width:140px}.member-actions{display:flex;gap:.4rem;flex-wrap:wrap}.member-actions button{font-size:.8rem}.connection-summary{padding:.75rem;background:#edf3fc;border-radius:10px;margin-bottom:1rem}.stack{display:grid;gap:.7rem}.notice{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 2rem);background:#173663;color:white;border-radius:12px;padding:.9rem 1.2rem;box-shadow:0 5px 30px #17366330;z-index:5}.notice.error{background:#8d2332}dialog{border:1px solid var(--line);border-radius:16px;padding:1.5rem;width:min(480px,calc(100vw - 2rem));color:inherit}dialog::backdrop{background:#10223e80}dialog .primary{margin-top:1rem;width:100%}.loading{padding:3rem;text-align:center}.auth-error{color:#a52335;margin:.6rem 0}.footer-note{margin-top:1.2rem;font-size:.8rem;color:var(--muted)}.refresh-row{display:flex;justify-content:flex-end}.read-only{background:#f2f5fa;padding:.6rem .8rem;border-radius:8px;font-size:.85rem}.device-warning{font-size:.85rem;color:#7b4304;margin-top:.6rem}.settings details{margin-top:1rem}.settings summary{cursor:pointer;font-weight:650;min-height:44px;padding:.4rem 0}.settings details p{margin-top:.7rem}.break{overflow-wrap:anywhere}
@media(max-width:760px){:root{font-size:17px}.masthead{padding:.8rem 1rem}.brand{font-size:1.1rem}#account>span{display:none}main{padding:1rem .8rem 2rem}.layout{grid-template-columns:1fr}.sidebar{display:contents}.player{grid-row:1}.library{grid-row:2}.editor{grid-row:3}.playlist-list{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1rem}.auth{margin:1rem auto;padding:1.2rem}.track{flex-wrap:wrap}.track-info{min-width:120px}.track-actions{margin-left:auto}.section-heading{gap:.6rem}h1{font-size:1.6rem}.settings .panel{padding:1rem}.search-form{flex-wrap:wrap}.search-form input{flex:1;min-width:150px}.notice{bottom:.7rem}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s ease}}
.nav{flex-wrap:wrap}.playback-alert{background:#fff0db;border:1px solid #d7a250;border-radius:10px;padding:.9rem;margin-bottom:1rem;color:#694000}.playback-alert p{margin:.4rem 0}.alert-event{border-top:1px solid var(--line);padding:.9rem 0}.alert-event p{margin:.3rem 0}.check-label{display:flex;align-items:center;gap:.6rem}.check-label input{width:24px;min-height:24px;height:24px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#routine-form .primary{margin-top:1rem}

#monitor-summary:empty{display:none}@media(max-width:760px){#monitor-summary{grid-row:1}.player{grid-row:2}.library{grid-row:3}.editor{grid-row:4}}