/* A working jukebox and an ice-cream-parlor menu. */
:root{color:#203e37;background:#f7eee1;--blue:#27675b;--navy:#244e43;--line:#cfc6b3;--muted:#526359;--green:#17633b;--bar-height:76px}
body{padding-top:var(--bar-height);isolation:isolate;min-height:100dvh}body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#fff5e82b,#fff5e854),url('/assets/diner-background.jpg') center/cover no-repeat;pointer-events:none}
.masthead{position:fixed;inset:0 0 auto;z-index:40;min-height:76px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(210px,1fr);gap:.8rem;padding:.5rem max(1rem,calc((100vw - 1260px)/2));background:#fff9ed;border-bottom:3px solid #dca6b0;box-shadow:0 3px 12px #34241922;color:#254b3f}.brand{color:inherit;text-decoration:none;font:700 1.2rem Georgia,serif;min-width:0}.tree-mark{width:52px;height:52px;object-fit:contain;flex-shrink:0}#account[hidden]{display:none}
#top-status{display:flex;gap:.45rem;align-items:center;font-size:.78rem;white-space:nowrap}.connection-lamp{width:11px;height:11px;border-radius:50%;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px #c9c9bb}.connection-lamp.online{background:#23864a;box-shadow:0 0 0 1px #acd4ae,0 0 8px #23864a40}.connection-lamp.offline{background:#b33741}.masthead button{color:#254b3f;background:#fff9ed;border:1px solid #c7cbb9;font-size:.78rem;min-height:44px}.masthead .bar-play{width:44px;padding:.3rem;font-size:1rem;border-radius:50%}
#top-menus{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0}.bar-button{display:flex;align-items:center;gap:.4rem}.notice-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#efd3d9;color:#673841;font-size:.65rem}.menu-small-title{text-align:center;text-transform:uppercase;font-size:.65rem;letter-spacing:.18em;margin:.3rem 0 .5rem;color:#79515d}
main{max-width:1260px;padding:1rem 1rem 3rem}.page-content,#editor{scroll-margin-top:calc(var(--bar-height) + 15px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem;background:#fff8eec7;padding:1rem 1.25rem;border-radius:12px}.page-heading h1{font:700 1.6rem Georgia,serif;margin:0}.page-heading .eyebrow{font-size:.64rem;margin-bottom:.25rem}.page-heading button{font-size:.85rem}.panel,.auth{background:#fffbf2c7;border-color:#dfd4c3;box-shadow:0 5px 20px #49392a14}.auth{max-width:490px}.layout{grid-template-columns:280px minmax(0,1fr)}
button{border-color:#b2bbaa}button:hover{background:#e2eee2}button.primary{background:#27675b;border-color:#27675b;color:#fff}button.primary:hover{background:#194f49}input,select{color:#253c36;border-color:#9baa97;background:#fffefa}a{color:#185e59}.text-button{color:#235c53}.playlist-card.selected{background:#e3eee1;border-color:#27675b}.badge{background:#f2d4d6;color:#5a303b}.read-only{background:#f1eade}.track,.search-result{border-color:#e0d6c5}.connection-summary{background:#e2eee2}.settings code{background:#eee9df}.notice{background:#244f45;z-index:60}.notice.error{background:#8d2332}dialog{background:#fffbf3}.auth-error{color:#a52335}
.jukebox-dock{position:relative;top:auto;z-index:auto;border-radius:24px;background:#f6d9d8;border:3px solid #a7aaa0;box-shadow:0 9px 25px #35292233,inset 0 0 0 3px #fff6e8;padding:9px 10px 5px;isolation:isolate;margin-bottom:1.2rem}.jukebox-machine{display:grid;grid-template-columns:100px minmax(0,1fr) 100px;gap:15px;padding:12px 18px 10px;border-radius:55px 55px 12px 12px;background:linear-gradient(100deg,#728c82,#c8d7c2 18%,#dde4cf 50%,#b6ccbe 82%,#748e83);border:6px ridge #d9dbcf;box-shadow:inset 0 1px 12px #233d3f30}.machine-center{min-width:0}.now-screen{text-align:center;background:linear-gradient(#172e2b,#27463d);border:3px solid #e3cfac;border-radius:9px;padding:.45rem 1rem .35rem;color:#fff4d5;box-shadow:inset 0 2px 8px #071b1b55}.now-label{font-size:.53rem;letter-spacing:.23em;font-weight:800;margin:0 0 .15rem;color:#d8c4a4}.player-title{display:block;font:700 1.25rem Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.song-artist{display:block;font-size:.65rem;color:#e7dbc2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist a{color:#e9e9cd}
.song-progress{margin:.3rem 0 0}.song-progress progress{display:block;width:100%;height:4px;border:0;border-radius:5px;overflow:hidden;accent-color:#e5b87e;background:#718a71}.song-progress progress::-webkit-progress-bar{background:#718a71}.song-progress progress::-webkit-progress-value{background:#e5b87e}.song-times{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:.53rem;color:#e9e5c9;margin-top:.15rem}.queue-heading{display:flex;justify-content:space-between;gap:.6rem;font-size:.56rem;letter-spacing:.09em;font-weight:700;margin:.35rem .15rem .2rem;color:#304e42}.queue-heading span+span{letter-spacing:0;font-weight:500}
.queue-labels{display:grid;grid-template-columns:1fr 1fr;gap:5px;list-style:none;margin:0;padding:5px;height:98px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#738c7a #d6dac6;border:2px inset #adbdab;background:#697b67;border-radius:5px;align-content:start}.queue-labels li{display:flex;gap:.4rem;align-items:center;min-width:0;min-height:40px;background:#fff3cd;border:1px solid #cbbd98;box-shadow:inset 0 0 0 2px #fff9e3;color:#423b29;padding:.2rem .45rem}.queue-labels li:first-child{background:#ffe5b4;border-color:#b99f6d}.label-number{font-size:.62rem;border-right:1px solid #c9b792;padding-right:.35rem;align-self:stretch;display:flex;align-items:center}.label-song{min-width:0;flex:1}.label-song strong{display:block;font-size:.72rem;overflow-wrap:anywhere;line-height:1.2}.label-song small{display:block;font-size:.59rem;color:#665d48}.label-length{font-size:.58rem;color:#665d48}.queue-labels .queue-empty{grid-column:1/-1;min-height:80px;justify-content:center;text-align:center;font-size:.76rem;padding:.6rem}
.machine-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:hidden}.machine-side>span{font:italic 700 .72rem Georgia,serif;letter-spacing:.1em;text-align:center;color:#385347}.vinyl-record{width:80px;height:80px;border-radius:50%;border:4px solid #d9b9a8;background:radial-gradient(circle,#d5d2b8 0 4%,#b96576 5% 23%,#30473e 24% 27%,#182d28 28% 33%,#435b4c 34% 35%,#152b24 36% 43%,#47614e 44% 45%,#182e27 46% 56%,#3b5343 57% 58%,#17291f 59%);box-shadow:1px 4px 8px #2c342a50}.speaker-grille{width:75px;height:95px;border-radius:8px;border:4px ridge #bec4ac;background:repeating-linear-gradient(0deg,#344a3a 0 3px,#83927d 3px 5px)}
.jukebox-console{padding:.35rem 1rem 0}.round-controls{display:flex;justify-content:center;align-items:center;gap:14px}.round-control{padding:0;background:transparent;border:0;display:grid;justify-items:center;gap:2px;min-height:0;color:#315348;flex-shrink:0}.round-control>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:3px ridge #e8e6d3;background:linear-gradient(145deg,#fffdef,#d6deca);box-shadow:0 2px 3px #4c4c3533;font-size:1rem}.round-control small{font-size:.58rem;font-weight:650}.round-control.main-control>span{background:linear-gradient(145deg,#487664,#244d40);color:#fff6dd;border-color:#b5c3ae}.round-control:hover{background:none}.round-control:hover>span{filter:brightness(1.1)}.control-divider{height:32px;width:1px;background:#c6aaa4;margin:0 .5rem}.console-meta{display:flex;align-items:center;justify-content:center;gap:1.2rem;font-size:.59rem;min-height:28px;color:#5a6050}.console-meta strong{font-variant-numeric:tabular-nums}.console-meta .text-button{font-size:.59rem;min-height:28px;padding:0 .2rem}
.parlor-menu{max-width:850px;margin:1.5rem auto;background:#fff9ebc9;border:2px solid #d8bbaf;border-radius:18px;box-shadow:0 8px 28px #43372930;overflow:hidden;padding:0 1.5rem}.checker-trim{height:13px;background:conic-gradient(#34423b 25%,#fff9eb 0 50%,#34423b 0 75%,#fff9eb 0) 0 0/26px 26px;margin:0 -1.5rem}.menu-heading{text-align:center;padding:1.5rem 0 1rem}.menu-heading .eyebrow{color:#936073;font-size:.64rem;letter-spacing:.2em}.menu-heading h1{font:italic 700 2.3rem Georgia,serif;color:#ae5c78;margin:.3rem 0 .55rem}.menu-heading p:last-child{font-size:.8rem;color:#655e50;margin:0}.menu-section{margin:0!important;border-top:1px solid #d9c8b3}.menu-section>summary{display:flex;gap:.6rem;align-items:center;cursor:pointer;min-height:62px;padding:.7rem 0!important;list-style:none;font-size:1.1rem;color:#3b4c40}.menu-section>summary::-webkit-details-marker{display:none}.menu-section>summary>span{font-family:Georgia,serif;font-weight:700}.menu-section>summary>i{flex:1;border-bottom:2px dotted #d3b6a0;min-width:10px}.menu-section>summary>small{font-size:.68rem;font-style:italic;color:#936073}.menu-section>summary>b{font-size:1rem;font-weight:400}.menu-section[open]>summary>b{transform:rotate(45deg)}.menu-content{padding:.5rem 0 1.25rem;font-size:.9rem}.menu-content .settings{max-width:none}.menu-content .panel{box-shadow:none;border:0;background:transparent;padding:.5rem 0;margin-bottom:1rem}.menu-content .panel h1{font-size:1.3rem}.menu-content h2{font:700 1.2rem Georgia,serif}.menu-content details:not(.menu-section){margin:.7rem 0;border-top:1px dashed #d4c6b1}.menu-content details>summary{cursor:pointer;font-weight:650;min-height:48px;padding:.6rem 0}.menu-content details p{margin-top:.5rem}.menu-footer{text-align:center;font:italic .9rem Georgia,serif;color:#926675;padding:1rem 0;margin:0}.howto>ol{counter-reset:steps;list-style:none;padding:0}.howto>ol>li{position:relative;padding:.5rem .5rem .5rem 2.7rem}.howto>ol>li::before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:.35rem;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f1d4db;color:#684650;font-family:Georgia,serif;font-weight:700}.howto li p{margin:.25rem 0 .5rem}.notice-list{padding-left:1.25rem}.notice-list li{margin-bottom:.8rem}
@media(max-width:900px){.masthead{grid-template-columns:1fr auto;gap:.35rem .65rem;padding:.4rem .8rem}.brand{font-size:1.12rem}.tree-mark{width:44px;height:44px}#top-status{grid-column:1;grid-row:2;font-size:.68rem}#top-menus{grid-column:2;grid-row:1/3}.masthead .bar-play{width:32px;min-height:32px}.machine-side{display:none}.jukebox-machine{grid-template-columns:minmax(0,1fr);padding:8px 12px;border-radius:28px 28px 10px 10px}.layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:760px){main{padding:.65rem .7rem 2rem}.layout{grid-template-columns:1fr}.sidebar{display:block}.library,.editor{grid-row:auto}.playlist-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{padding:.85rem;margin-top:1rem}.page-heading h1{font-size:1.4rem}.page-heading button{font-size:.78rem}.jukebox-console{padding:.3rem 0 0}.round-controls{gap:10px}.control-divider{margin:0 .1rem}.parlor-menu{padding:0 1rem}.checker-trim{margin:0 -1rem}.menu-heading h1{font-size:2rem}.menu-section>summary{font-size:1rem}.menu-section>summary>small{font-size:.61rem}}
@media(max-width:520px){.masthead{padding:.35rem .65rem;gap:.1rem .35rem}.brand{font-size:1rem;gap:.35rem}.tree-mark{width:36px;height:36px}#top-menus{gap:.35rem}.bar-word{display:none}.masthead .bar-button{padding:.3rem .45rem}#top-status{font-size:.63rem;gap:.35rem}.jukebox-dock{padding:5px 5px 3px;border-radius:18px}.jukebox-machine{padding:6px;border-width:4px}.now-screen{padding:.3rem .45rem}.player-title{font-size:1.02rem}.song-artist{font-size:.61rem}.queue-labels{grid-template-columns:1fr;height:86px}.queue-labels li{min-height:34px}.queue-labels .queue-empty{min-height:68px;font-size:.66rem}.label-song strong{font-size:.7rem}.round-controls{gap:8px}.round-control>span{width:37px;height:37px;font-size:.88rem}.round-control small{font-size:.51rem}.control-divider{display:none}.console-meta{font-size:.53rem;gap:.5rem;flex-wrap:wrap}.console-meta .text-button{font-size:.53rem}.page-heading .eyebrow{display:none}.menu-section>summary>small{display:none}.menu-heading{padding:1.1rem 0}.menu-heading h1{font-size:1.8rem}.menu-content{font-size:.85rem}}
@media(max-height:650px){.jukebox-machine{padding:3px 8px}.queue-labels{height:48px}.queue-labels .queue-empty{min-height:34px}.machine-side{gap:5px}.vinyl-record{width:55px;height:55px}.speaker-grille{height:60px}.jukebox-console{padding-top:2px}.round-control>span{width:34px;height:34px}.now-screen{padding:.2rem .5rem}.console-meta{min-height:24px}.song-progress{margin-top:.1rem}}
.menu-section{scroll-margin-top:calc(var(--bar-height) + 15px)}
.jukebox-dock.compact .queue-labels{height:46px}.jukebox-dock.compact .queue-empty{min-height:30px}.jukebox-dock.compact .machine-side{display:none}.jukebox-dock.compact .jukebox-machine{grid-template-columns:minmax(0,1fr);padding:3px 8px;border-radius:15px;border-width:3px}.jukebox-dock.compact .song-progress,.jukebox-dock.compact .song-artist{display:none}.jukebox-dock.compact .now-screen{padding:.25rem .5rem}.jukebox-dock.compact .queue-heading{margin-top:.15rem}
/* Only the small status bar is fixed; the jukebox scrolls with the document. */

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Soft glass keeps the diner visible without putting busy details behind text. */
.panel,.auth,.parlor-menu,.page-heading,

@media(prefers-reduced-transparency:reduce){.panel,.auth,.parlor-menu,.page-heading,}
/* Listening comes first; settings occupy their own screen. */
.listening-menu{display:flex;gap:.6rem;justify-content:center;margin:0 0 .8rem;background:transparent}
.listening-menu button{flex:1;max-width:240px;background:#fff8ed66;border:1px solid #fff4d9;box-shadow:0 2px 7px #35292220;font-size:1rem;min-height:48px;backdrop-filter:blur(2px)}
.listening-menu button.primary{background:#28574bdd;color:#fff7e6}
.simple-settings{padding:0 .5rem 1.5rem;display:grid;gap:1rem}.simple-settings .check-label{margin:1rem 0}
.parlor-menu,.panel,.auth{background:#fff9eb85;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.page-heading{background:transparent;box-shadow:none;backdrop-filter:none;padding:.5rem 0;text-shadow:0 1px 5px #fff9ed}
.library .playlist-card{background:#fff9ed66}.library .playlist-card.selected{background:#dcebddb3}.podcast-library{margin-top:1rem}
.jukebox-marquee{position:relative;text-align:center;border:4px ridge #d4c7a8;border-radius:45px 45px 9px 9px;margin:0 4px 7px;padding:.7rem 1.6rem;background:radial-gradient(circle at 9px 9px,#fff9c0 0 2px,#e9b75a 3px,transparent 5px) 0 0/18px 18px,linear-gradient(#62463d,#382f2c);box-shadow:inset 0 0 20px #e9a15077,0 0 5px #ffdfa966}
.jukebox-marquee span{display:block;background:#352e2ce8;padding:.2rem .8rem;border-radius:25px;font:italic 700 1.9rem Georgia,serif;letter-spacing:.03em;color:#fff3b4;text-shadow:0 0 5px #ffd872,0 0 15px #f0b768}
.jukebox-console{margin-top:7px;padding:.65rem 1rem .15rem;border:4px ridge #d3c5ad;border-radius:10px 10px 20px 20px;background:linear-gradient(100deg,#688073,#c3ceba 20%,#dce0c7 50%,#b6c6b6 80%,#6c8174)}
.round-controls{gap:20px}.round-control>span{width:50px;height:50px}.round-control small{font-size:.65rem}.console-meta{font-size:.62rem;color:#304737}
.volume-control{display:grid;justify-items:center;min-width:90px;gap:2px;margin-left:1rem;color:#304737}.dial-label{font-size:.5rem;letter-spacing:.16em;font-weight:800}.dial-scale{display:flex;gap:3px;align-items:end;font:700 .55rem Georgia,serif}.dial-scale>span{padding-bottom:3px}.volume-control output{font-size:.6rem;font-weight:700;min-width:2ch;text-align:center}.volume-dial{width:56px;height:56px;position:relative;border-radius:50%;border:4px ridge #e3dac4;background:repeating-conic-gradient(#546358 0deg 8deg,#39493c 8deg 16deg);box-shadow:0 3px 5px #22392b88;cursor:grab;touch-action:none;outline-offset:4px}.volume-dial[aria-disabled=true]{opacity:.5;cursor:default}.volume-dial:active{cursor:grabbing}.dial-grip{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#879782,#354d3d);transform:rotate(var(--dial-angle));pointer-events:none;box-shadow:inset 0 0 0 1px #c2c6a977}.dial-grip:before{content:'';position:absolute;top:1px;left:calc(50% - 2px);width:4px;height:13px;background:#fff1c4;border-radius:2px}
main{scroll-margin-top:var(--bar-height)}
@media(max-width:520px){.listening-menu{gap:.35rem}.listening-menu button{font-size:.75rem;padding:.5rem .3rem}.jukebox-marquee{padding:.5rem .75rem}.jukebox-marquee span{font-size:1.35rem;padding:.25rem .3rem}.jukebox-console{padding:.5rem .15rem .1rem}.round-controls{gap:9px}.round-control>span{width:39px;height:39px}.round-control small{font-size:.52rem}.volume-control{margin-left:.2rem;min-width:64px}.volume-dial{width:44px;height:44px}.dial-grip{inset:3px}.dial-grip:before{height:9px}.dial-label{font-size:.43rem}.dial-scale{font-size:.46rem;gap:2px}.volume-control output{font-size:.5rem}.page-heading h1{font-size:1.4rem}}
@media(prefers-reduced-transparency:reduce){.panel,.auth,.parlor-menu{background:#fff9ed;backdrop-filter:none}.listening-menu button{background:#fff9ed}.listening-menu button.primary{background:#28574b}}

.volume-dial[aria-valuenow="1"]{--dial-angle:-135deg}
.volume-dial[aria-valuenow="2"]{--dial-angle:-105deg}
.volume-dial[aria-valuenow="3"]{--dial-angle:-75deg}
.volume-dial[aria-valuenow="4"]{--dial-angle:-45deg}
.volume-dial[aria-valuenow="5"]{--dial-angle:-15deg}
.volume-dial[aria-valuenow="6"]{--dial-angle:15deg}
.volume-dial[aria-valuenow="7"]{--dial-angle:45deg}
.volume-dial[aria-valuenow="8"]{--dial-angle:75deg}
.volume-dial[aria-valuenow="9"]{--dial-angle:105deg}
.volume-dial[aria-valuenow="10"]{--dial-angle:135deg}

.spotify-launch{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;border:1px solid #315e50;border-radius:14px;background:#315e50;color:#fff9eb;font-weight:700;text-align:center;text-decoration:none}

/* Song selection and a browsable record counter. */
.now-screen{position:relative}.now-number{position:absolute;left:8px;top:6px;min-width:24px;padding:2px 5px;border:1px solid #dbc99a;border-radius:4px;color:#fff1bd;font:700 .7rem Georgia,serif}.player-title{padding-inline:22px}
.queue-labels li:has(.queue-song){display:block;padding:0}.queue-song{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px;align-items:center;width:100%;min-height:39px;padding:5px 8px;background:transparent;border:0;border-radius:0;text-align:left;color:#263f35}.queue-song:hover{background:#f6dda2}.queue-song:focus-visible{outline:3px solid #275f51;outline-offset:-3px}.queue-song:disabled{opacity:.65}.track-play{border-radius:50%;min-width:42px;min-height:42px;padding:6px;background:#f8e6b9;font-weight:700}.track-play:hover{background:#dbe8cb}
.discover{margin-bottom:1.25rem;scroll-margin-top:calc(var(--bar-height) + 12px)}.discover-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.discover h2{margin:0}.discover-heading p{margin:.4rem 0 1rem;font-size:.85rem}.browse-ideas{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 13px;margin-bottom:.5rem}.browse-chip{white-space:nowrap;background:#ffedc399;border:1px solid #bfae85;border-radius:22px;font-size:.75rem;min-height:44px}.catalog-tabs{display:flex;gap:8px;margin:.75rem 0}.catalog-tabs button{font-size:.8rem;min-height:44px}.add-destination{display:flex;gap:10px;align-items:center;margin:1rem 0}.add-destination label{white-space:nowrap;margin:0;font-size:.8rem}.add-destination select{min-width:0;margin:0;font-size:.8rem}.catalog-cover{width:64px;height:64px;object-fit:contain;border-radius:5px;flex-shrink:0}.cover-placeholder{display:grid;place-items:center;color:#285648;background:#dbc6a766;font-size:1.8rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.catalog-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#fff7e877}.catalog-card .catalog-cover{width:100%;height:auto;aspect-ratio:1}.catalog-card strong{font-size:.85rem}.catalog-card small{font-size:.7rem}.discover .search-result{gap:12px}.discover .track-info a{font-size:.65rem}.discover .search-result button{font-size:.8rem;min-width:62px}.search-status{font-size:.85rem;min-height:44px}
@media(max-width:520px){.discover{padding:16px}.discover-heading{display:block}.discover-heading>.text-button{margin-bottom:8px}.catalog-cover{width:42px;height:42px}.discover .search-result{gap:7px}.discover .track-info strong{font-size:.8rem}.discover .track-info .small{font-size:.65rem}.discover .search-result button{padding:7px;font-size:.72rem}.now-number{left:5px;top:5px;font-size:.62rem}.queue-song{padding:4px 5px;min-height:40px}.player-title{padding-inline:18px}.add-destination{flex-direction:column;align-items:stretch;gap:5px}.discover .search-form{display:flex;gap:6px}.discover .search-form input{min-width:0;font-size:.85rem}.discover .search-form button{font-size:.8rem;padding:8px}}

.library-work{min-width:0}