:root{color-scheme:dark;--bg: #050506;--bg-elevated: #0d0d10;--surface-1: #141418;--surface-2: #1c1c21;--surface-3: #26262c;--glass: rgba(18, 18, 22, .72);--glass-strong: rgba(24, 24, 29, .86);--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .14);--text-1: #f5f5f7;--text-2: rgba(235, 235, 245, .62);--text-3: rgba(235, 235, 245, .34);--text-on-accent: #ffffff;--accent: #ff6b4a;--accent-2: #ff3d6e;--accent-soft: rgba(255, 107, 74, .16);--accent-gradient: linear-gradient(135deg, #ff8a4c 0%, #ff5a52 48%, #ff3d6e 100%);--success: #30d158;--warning: #ffd60a;--danger: #ff453a;--tint: 255 107 74;--tint-2: 120 40 90;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--font-rounded: ui-rounded, -apple-system, "SF Pro Rounded", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--fs-large-title: 34px;--fs-title-1: 28px;--fs-title-2: 22px;--fs-title-3: 20px;--fs-headline: 17px;--fs-body: 17px;--fs-callout: 16px;--fs-subhead: 15px;--fs-footnote: 13px;--fs-caption: 12px;--fs-micro: 11px;--tracking-tight: -.022em;--tracking-title: -.012em;--tracking-caps: .06em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--gutter: 20px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 10px 30px -12px rgba(0, 0, 0, .7);--shadow-art: 0 30px 60px -20px rgba(0, 0, 0, .75), 0 12px 24px -12px rgba(0, 0, 0, .5);--shadow-float: 0 18px 40px -10px rgba(0, 0, 0, .6);--blur: saturate(180%) blur(24px);--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.36, .64, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--t-fast: .16s;--t-base: .28s;--t-slow: .48s;--tabbar-h: 54px;--mini-h: 62px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root[data-theme=light]{color-scheme:light;--bg: #f4f4f6;--bg-elevated: #ffffff;--surface-1: #ffffff;--surface-2: #f0f0f3;--surface-3: #e5e5ea;--glass: rgba(250, 250, 252, .74);--glass-strong: rgba(255, 255, 255, .9);--hairline: rgba(0, 0, 0, .08);--hairline-strong: rgba(0, 0, 0, .14);--text-1: #0b0b0d;--text-2: rgba(60, 60, 67, .7);--text-3: rgba(60, 60, 67, .4);--accent: #f0502e;--accent-soft: rgba(240, 80, 46, .12);--shadow-card: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 8px 24px -14px rgba(0, 0, 0, .25);--shadow-art: 0 24px 50px -22px rgba(0, 0, 0, .45);--shadow-float: 0 14px 34px -12px rgba(0, 0, 0, .25)}@media(prefers-color-scheme:light){:root[data-theme=auto]{color-scheme:light;--bg: #f4f4f6;--bg-elevated: #ffffff;--surface-1: #ffffff;--surface-2: #f0f0f3;--surface-3: #e5e5ea;--glass: rgba(250, 250, 252, .74);--glass-strong: rgba(255, 255, 255, .9);--hairline: rgba(0, 0, 0, .08);--hairline-strong: rgba(0, 0, 0, .14);--text-1: #0b0b0d;--text-2: rgba(60, 60, 67, .7);--text-3: rgba(60, 60, 67, .4);--accent: #f0502e;--accent-soft: rgba(240, 80, 46, .12);--shadow-card: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 8px 24px -14px rgba(0, 0, 0, .25);--shadow-art: 0 24px 50px -22px rgba(0, 0, 0, .45);--shadow-float: 0 14px 34px -12px rgba(0, 0, 0, .25)}}@media(min-width:430px){:root{--gutter: 22px}}@media(prefers-reduced-motion:reduce){:root{--t-fast: 1ms;--t-base: 1ms;--t-slow: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text-1);font-family:var(--font);font-size:var(--fs-body);line-height:1.3;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{overflow:hidden;position:fixed;inset:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#app{height:100%}button,input,a{font:inherit;color:inherit}button{background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}a{text-decoration:none}input{user-select:text;-webkit-user-select:text}img{display:block;-webkit-user-drag:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}code,.mono{font-family:var(--font-mono);font-size:.86em}h1,h2,h3,p{margin:0}.app{position:relative;height:100%;overflow:hidden;background:var(--bg);--dock-h: calc(var(--tabbar-h) + var(--safe-bottom))}.app.with-mini{--dock-h: calc(var(--tabbar-h) + var(--mini-h) + 8px + var(--safe-bottom))}.screens,.screen,.layer{position:absolute;inset:0}.screen{visibility:hidden}.screen.active{visibility:visible}.layer{background:var(--bg);transition:transform var(--t-slow) var(--ease-out),opacity var(--t-slow) var(--ease-out)}.layer.pushed{animation:push-in var(--t-slow) var(--ease-out) both;box-shadow:-20px 0 40px #00000059}.layer.covered{transform:translate(-28%);opacity:.6}@keyframes push-in{0%{transform:translate(100%)}}.scroller{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(var(--dock-h) + var(--s-7));scroll-padding-top:calc(var(--safe-top) + 44px)}.screen-body>section{margin-top:var(--s-7)}.screen-body>.pad.stack{margin-bottom:var(--s-5)}.screen-body>.pad+.pad.stack{margin-top:var(--s-7)}.pad{padding-left:calc(var(--gutter) + var(--safe-left));padding-right:calc(var(--gutter) + var(--safe-right))}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.center{text-align:center;justify-content:center}.footnote{font-size:var(--fs-footnote);color:var(--text-2);line-height:1.4;margin-top:var(--s-3)}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.accent-text{color:var(--accent)}[inert]{pointer-events:none}.navbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(44px + var(--safe-top));padding:var(--safe-top) calc(var(--s-3) + var(--safe-right)) 0 calc(var(--s-2) + var(--safe-left));transition:background var(--t-base),border-color var(--t-base);border-bottom:.5px solid transparent}.navbar.compact{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom-color:var(--hairline)}.navbar-title{font-size:var(--fs-headline);font-weight:600;letter-spacing:var(--tracking-title);opacity:0;transform:translateY(6px);transition:opacity var(--t-fast),transform var(--t-base) var(--ease-out);max-width:56vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar.compact .navbar-title{opacity:1;transform:none}.navbar-side{display:flex;align-items:center;gap:var(--s-1);min-width:0}.navbar-side.right{justify-content:flex-end}.nav-back{display:grid;place-items:center;width:40px;height:40px;color:var(--accent);margin-left:-4px}.large-title-wrap{padding:var(--s-1) calc(var(--gutter) + var(--safe-right)) var(--s-4) calc(var(--gutter) + var(--safe-left));margin-top:-6px}.large-title{font-size:var(--fs-large-title);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.1}.large-subtitle{margin-top:2px;color:var(--text-2);font-size:var(--fs-subhead)}.date-line:first-letter{text-transform:uppercase}.section-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 calc(var(--gutter) + var(--safe-right)) var(--s-3) calc(var(--gutter) + var(--safe-left))}.section-header h2,.section-title{font-size:var(--fs-title-3);font-weight:700;letter-spacing:var(--tracking-title)}.link-btn{display:inline-flex;align-items:center;gap:2px;color:var(--accent);font-size:var(--fs-subhead);font-weight:500}.link-btn.center{display:flex;margin:var(--s-4) auto 0}.link-btn.small{font-size:var(--fs-footnote);color:var(--text-2);text-align:center;cursor:pointer}.text-btn{color:var(--accent);font-size:var(--fs-body);font-weight:500;padding:8px 4px}.text-btn.danger{color:var(--danger)}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-pill);color:var(--text-1);flex:none;transition:transform var(--t-fast),background var(--t-fast)}.navbar .icon-btn{color:var(--accent)}.icon-btn:active{transform:scale(.88)}.icon-btn.round{width:30px;height:30px;background:var(--surface-3);color:var(--text-2)}.icon-btn.fav{color:var(--text-3)}.icon-btn.fav.on{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:50px;padding:0 var(--s-6);border-radius:var(--r-md);font-size:var(--fs-headline);font-weight:600;letter-spacing:var(--tracking-title);transition:transform var(--t-fast) var(--ease-out),filter var(--t-fast)}.btn:active{transform:scale(.97);filter:brightness(.92)}.btn-primary{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:0 10px 24px -10px #ff504699}.btn-secondary{background:var(--surface-2);color:var(--accent)}.btn-ghost{color:var(--accent)}.btn-danger{background:#ff453a24;color:var(--danger)}.btn.full{width:100%;margin-top:var(--s-4)}.play-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-bottom:var(--s-6)}.play-row .btn{height:46px;border-radius:var(--r-sm);font-size:var(--fs-callout)}.chips{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding:var(--s-3) calc(var(--gutter) + var(--safe-right)) 0 calc(var(--gutter) + var(--safe-left))}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;flex:none;height:32px;padding:0 14px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-1);font-size:var(--fs-footnote);font-weight:600;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.chip.on{background:var(--text-1);color:var(--bg)}.toolbar{display:flex;align-items:center;gap:var(--s-2);padding-top:var(--s-3);padding-bottom:var(--s-3)}.toolbar-count{flex:1;color:var(--text-2);font-size:var(--fs-footnote);font-weight:500}.search{display:flex;align-items:center;gap:var(--s-2);height:38px;padding:0 10px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-1);font-size:var(--fs-body);-webkit-appearance:none;appearance:none}.search input::placeholder{color:var(--text-3)}.search input::-webkit-search-cancel-button{display:none}.search-clear{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--text-3);color:var(--bg)}.segmented{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);padding:2px;border-radius:9px;background:var(--surface-2);width:100%}.segmented-thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / var(--n));transform:translate(calc(100% * var(--i)));border-radius:7px;background:var(--surface-3);box-shadow:0 3px 8px #0000001f,0 0 0 .5px var(--hairline);transition:transform var(--t-base) var(--ease-out)}:root[data-theme=light] .segmented-thumb{background:#fff}.segmented button{position:relative;height:30px;font-size:var(--fs-footnote);font-weight:600;text-align:center;color:var(--text-1)}.art{position:relative;flex:none;overflow:hidden;background:radial-gradient(120% 120% at 20% 0%,rgb(var(--art-rgb) / .95),rgb(var(--art-rgb) / .55) 55%,rgb(var(--art-rgb) / .3)),var(--surface-2);box-shadow:inset 0 0 0 .5px #ffffff14;display:grid;place-items:center}.art img{width:100%;height:100%;object-fit:cover;animation:fade-in var(--t-base) ease both}.art.is-logo{background:linear-gradient(160deg,#1f1f24,#121215)}:root[data-theme=light] .art.is-logo{background:linear-gradient(160deg,#fff,#f0f0f3)}.art.is-logo img{object-fit:contain;padding:12%}.art-mono{font-family:var(--font-rounded);font-weight:700;color:#ffffffeb;letter-spacing:-.02em;font-size:1em;text-shadow:0 1px 8px rgba(0,0,0,.25)}.art-xs{width:40px;height:40px;font-size:14px}.art-s{width:52px;height:52px;font-size:17px}.art-m{width:72px;height:72px;font-size:22px}.art-l{width:92px;height:92px;font-size:28px}.art-xl{width:min(64vw,260px);height:min(64vw,260px);font-size:64px}.art-fill{width:100%;height:100%;font-size:clamp(20px,9vw,44px)}.r-sm{border-radius:var(--r-xs)}.r-md{border-radius:var(--r-sm)}.r-lg{border-radius:var(--r-md)}.r-xl{border-radius:var(--r-lg)}@keyframes fade-in{0%{opacity:0}}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:30%;border-radius:2px;background:currentColor;transition:height var(--t-base)}.eq.on i{animation:eq 1s ease-in-out infinite alternate}.eq.on i:nth-child(2){animation-duration:.72s}.eq.on i:nth-child(3){animation-duration:.9s;animation-delay:-.3s}.eq.on i:nth-child(4){animation-duration:.64s;animation-delay:-.5s}@keyframes eq{0%{height:18%}to{height:100%}}.eq-inline{height:10px;margin-right:4px;vertical-align:-1px;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,42vw),1fr));gap:var(--s-5) var(--s-4);padding:0 calc(var(--gutter) + var(--safe-right)) 0 calc(var(--gutter) + var(--safe-left))}.tile{display:flex;flex-direction:column;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 200px}.tile{position:relative}.tile-main{display:flex;flex-direction:column;min-width:0;width:100%}.tile-fav{position:absolute;top:0;right:0;width:44px;height:44px;color:#fff}.tile-fav:before{content:"";position:absolute;top:7px;right:7px;width:30px;height:30px;border-radius:50%;background:#1414188c;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);transition:transform var(--t-base) var(--ease-spring),background var(--t-fast)}.tile-fav .icon{position:absolute;top:13.5px;right:13.5px;transition:transform var(--t-base) var(--ease-spring)}.tile-fav.on{color:var(--accent)}.tile-fav.on:before{background:#fffffff0}.tile-fav:active:before,.tile-fav:active .icon{transform:scale(.8)}.tile-art{position:relative;aspect-ratio:1;border-radius:var(--r-md);box-shadow:var(--shadow-card);transition:transform var(--t-base) var(--ease-out)}.tile-main:active .tile-art{transform:scale(.95)}.tile.current .tile-art{box-shadow:0 0 0 2px var(--accent),var(--shadow-card)}.tile-badge{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--accent)}.tile-badge .eq{height:12px}.tile-title{margin-top:var(--s-2);font-size:var(--fs-subhead);font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-sub{font-size:var(--fs-footnote);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:min(140px,38vw);gap:var(--s-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 calc(var(--gutter) + var(--safe-left));padding:0 calc(var(--gutter) + var(--safe-right)) 4px calc(var(--gutter) + var(--safe-left));scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelf>*{scroll-snap-align:start}.shelf .tile-l{width:min(168px,44vw)}.shelf:has(.tile-l){grid-auto-columns:min(168px,44vw)}.track-card{display:flex;flex-direction:column;min-width:0}.track-card .art{aspect-ratio:1;height:auto;box-shadow:var(--shadow-card)}.list{display:flex;flex-direction:column;padding-left:calc(var(--gutter) + var(--safe-left))}.row{position:relative;display:flex;align-items:center;gap:var(--s-1);min-height:68px;padding-right:calc(var(--s-2) + var(--safe-right));content-visibility:auto;contain-intrinsic-size:auto 68px}.row:after{content:"";position:absolute;left:64px;right:0;bottom:0;border-bottom:.5px solid var(--hairline)}.row:last-child:after{display:none}.row-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0;transition:opacity var(--t-fast)}.row-main:active{opacity:.6}.track-row{padding-right:calc(var(--gutter) + var(--safe-right))}.row-art{position:relative}.row-badge{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--r-xs);background:#00000073;color:#fff}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row-title{font-size:var(--fs-body);font-weight:500;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.current .row-title{color:var(--accent)}.row-sub{font-size:var(--fs-footnote);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-time{font-size:var(--fs-footnote);color:var(--text-3);font-variant-numeric:tabular-nums}.check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--text-3);flex:none;transition:background var(--t-fast),border-color var(--t-fast)}.check.on{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat;border-color:var(--accent)}.edit-list .row{gap:var(--s-3);touch-action:pan-y}.edit-list .row.dragging{background:var(--surface-1);box-shadow:var(--shadow-float);border-radius:var(--r-sm);z-index:2;transform:scale(1.02)}.remove{width:28px}.remove-dot{display:block;width:22px;height:22px;border-radius:50%;background:var(--danger);position:relative}.remove-dot:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:2px;border-radius:1px;background:#fff}.drag-handle{display:grid;place-items:center;width:44px;height:44px;color:var(--text-3);touch-action:none;cursor:grab}.edit-bar{position:sticky;bottom:calc(var(--dock-h) + var(--s-2));display:flex;justify-content:space-between;margin:var(--s-4) calc(var(--gutter)) 0;padding:var(--s-1) var(--s-4);border-radius:var(--r-md);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-float)}.day-header{padding:var(--s-6) calc(var(--gutter) + var(--safe-right)) var(--s-1) calc(var(--gutter) + var(--safe-left));font-size:var(--fs-footnote);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.day-header:first-letter{text-transform:uppercase}.group{margin-top:var(--s-6)}.group-title{padding:0 var(--s-4) var(--s-2);font-size:var(--fs-footnote);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.group-body{border-radius:var(--r-md);background:var(--surface-1);overflow:hidden;box-shadow:inset 0 0 0 .5px var(--hairline)}.group-footer{padding:var(--s-2) var(--s-4) 0;font-size:var(--fs-footnote);color:var(--text-2);line-height:1.4}.cell{position:relative;display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:48px;padding:var(--s-2) var(--s-4);font-size:var(--fs-body);transition:background var(--t-fast)}button.cell:active,label.cell:active{background:var(--surface-2)}.cell+.cell:before{content:"";position:absolute;top:0;right:0;left:var(--s-4);border-top:.5px solid var(--hairline)}.cell:has(.cell-icon)+.cell:before{left:56px}.cell-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#fff;flex:none;background:var(--surface-3)}.cell-icon.accent{background:var(--accent-soft);color:var(--accent)}.cell-label{flex:1;min-width:0}.cell.danger .cell-label{color:var(--danger)}.cell-detail{color:var(--text-2);font-size:var(--fs-callout);max-width:58%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-chevron{color:var(--text-3);flex:none}.cell-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-1);font-size:var(--fs-body);padding:var(--s-2) 0}.cell-input.boxed{border-radius:var(--r-md);background:var(--surface-2)}.prose{padding:var(--s-4);font-size:var(--fs-subhead);line-height:1.45;color:var(--text-2)}.prose p+p{margin-top:var(--s-3)}.prose strong{color:var(--text-1);font-weight:600}.toggle{position:relative;flex:none;width:51px;height:31px}.toggle input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.toggle span{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--surface-3);transition:background var(--t-base)}.toggle span:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f;transition:transform var(--t-base) var(--ease-spring)}.toggle input:checked+span{background:var(--success)}.toggle input:checked+span:after{transform:translate(20px)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-9) var(--s-8) var(--s-7);gap:var(--s-2)}.empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--surface-1);color:var(--text-2);margin-bottom:var(--s-2);box-shadow:inset 0 0 0 .5px var(--hairline)}.empty h3{font-size:var(--fs-title-3);font-weight:700;letter-spacing:var(--tracking-title)}.empty p{color:var(--text-2);font-size:var(--fs-subhead);line-height:1.4;max-width:300px}.empty .btn{margin-top:var(--s-4)}.dock{position:absolute;left:0;right:0;bottom:0;z-index:30;padding-bottom:var(--safe-bottom);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:.5px solid var(--hairline)}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);height:var(--tabbar-h);padding:0 calc(var(--s-2) + var(--safe-right)) 0 calc(var(--s-2) + var(--safe-left))}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-3);font-size:10.5px;font-weight:600;letter-spacing:.01em;transition:color var(--t-fast)}.tabbar button.on{color:var(--accent)}.tabbar button:active .icon{transform:scale(.88)}.tabbar .icon{transition:transform var(--t-fast) var(--ease-spring)}.mini{display:flex;align-items:center;gap:var(--s-1);height:var(--mini-h);margin:8px calc(var(--s-2) + var(--safe-right)) 0 calc(var(--s-2) + var(--safe-left));padding:0 var(--s-2) 0 var(--s-2);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--shadow-float),inset 0 0 0 .5px var(--hairline);animation:mini-in var(--t-slow) var(--ease-out) both}@keyframes mini-in{0%{transform:translateY(30px);opacity:0}}.mini-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-3);height:100%}.mini-art .art{box-shadow:0 4px 10px -2px #00000080}.mini-text{min-width:0;display:flex;flex-direction:column}.mini-title{font-size:var(--fs-subhead);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-sub{font-size:var(--fs-footnote);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-sub.err{color:var(--danger)}.mini-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast)}.mini-btn:active{transform:scale(.86);background:var(--surface-3)}.spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;opacity:.8;animation:spin .8s linear infinite}.spinner.big{width:44px;height:44px;border-width:3.5px}@keyframes spin{to{transform:rotate(360deg)}}.sheet-layer{position:fixed;inset:0;z-index:60}.sheet-backdrop{position:absolute;inset:0;background:#00000080;animation:fade-in var(--t-base) ease both}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:calc(100% - var(--safe-top) - 14px);display:flex;flex-direction:column;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--bg-elevated);box-shadow:0 -10px 40px #0006,inset 0 .5px 0 var(--hairline-strong);animation:sheet-in var(--t-slow) var(--ease-out) both;transition:transform var(--t-base) var(--ease-out);touch-action:pan-y}.sheet-large{height:calc(100% - var(--safe-top) - 14px)}@media(min-width:640px){.sheet{left:50%;right:auto;width:560px;margin-left:-280px}}.sheet-layer.closing .sheet{transform:translateY(105%)!important;transition:transform .26s var(--ease-standard)}.sheet-layer.closing .sheet-backdrop{opacity:0;transition:opacity .26s}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-grabber{flex:none;width:36px;height:5px;margin:6px auto 0;border-radius:3px;background:var(--hairline-strong)}.sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-5) var(--s-2)}.sheet-head h2{font-size:var(--fs-title-3);font-weight:700;letter-spacing:var(--tracking-title)}.sheet-actions{display:flex;align-items:center;gap:var(--s-2)}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:var(--s-2) var(--s-5) calc(var(--safe-bottom) + var(--s-6))}.sheet-lead{color:var(--text-2);font-size:var(--fs-subhead);line-height:1.45;margin-bottom:var(--s-4)}.toast{position:fixed;left:50%;top:calc(var(--safe-top) + 10px);z-index:80;max-width:calc(100% - 40px);padding:11px 18px;border-radius:var(--r-pill);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-float),inset 0 0 0 .5px var(--hairline-strong);font-size:var(--fs-subhead);font-weight:600;text-align:center;transform:translate(-50%,-140%);opacity:0;transition:transform var(--t-slow) var(--ease-spring),opacity var(--t-base);pointer-events:none}.toast.show{transform:translate(-50%);opacity:1}.sentinel{height:1px}.hero{position:relative;margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:radial-gradient(120% 140% at 0% 0%,rgb(var(--hero-rgb) / .95),transparent 60%),radial-gradient(120% 120% at 100% 100%,rgb(var(--hero-rgb) / .55),transparent 60%),#111114;box-shadow:var(--shadow-card),inset 0 0 0 .5px #ffffff14;color:#fff;transition:background var(--t-slow)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.35))}.hero-open{position:absolute;inset:0;z-index:0}.hero-label{position:relative;font-size:var(--fs-micro);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:#ffffffbf;pointer-events:none}.hero-label .eq-inline{color:#fff}.hero-content{position:relative;display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-3);pointer-events:none}.hero-content .art{box-shadow:0 14px 30px -10px #0009}.hero-text{min-width:0}.hero-text h3{font-size:var(--fs-title-3);font-weight:700;letter-spacing:var(--tracking-title);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-text p{margin-top:3px;font-size:var(--fs-subhead);color:#ffffffc7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-text .hero-station{font-size:var(--fs-footnote);color:#fff9}.hero-text .hero-status{font-size:var(--fs-footnote);color:#ffd2c6}.hero-play{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--s-2);height:40px;margin-top:var(--s-4);padding:0 var(--s-5) 0 var(--s-4);border-radius:var(--r-pill);background:#fffffff2;color:#111;font-size:var(--fs-subhead);font-weight:700;transition:transform var(--t-fast) var(--ease-out)}.hero-play:active{transform:scale(.95)}.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-8) calc(var(--gutter) + var(--s-4)) 0}.welcome h2{font-size:var(--fs-title-1);font-weight:700;letter-spacing:var(--tracking-tight);margin-top:var(--s-6)}.welcome p{margin:var(--s-3) 0 var(--s-6);color:var(--text-2);font-size:var(--fs-callout);line-height:1.45;max-width:320px}.welcome-mark{position:relative;width:120px;height:120px;border-radius:32px;background:radial-gradient(circle at 30% 20%,#2a2a31,#0d0d10);box-shadow:var(--shadow-art),inset 0 0 0 .5px var(--hairline-strong);overflow:hidden}.welcome-mark span{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:3px solid transparent;border-top-color:#ff7a4c;border-right-color:#ff4a62;animation:wave 2.4s var(--ease-out) infinite}.welcome-mark span:nth-child(2){animation-delay:.8s}.welcome-mark span:nth-child(3){animation-delay:1.6s}@keyframes wave{0%{transform:scale(.4) rotate(-45deg);opacity:0}20%{opacity:1}to{transform:scale(3) rotate(-45deg);opacity:0}}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,43vw),1fr));gap:var(--s-3);padding:0 calc(var(--gutter) + var(--safe-right)) 0 calc(var(--gutter) + var(--safe-left))}.cat-card{position:relative;height:108px;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;color:#fff;background:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,.16),transparent 50%),linear-gradient(145deg,var(--cat-1),var(--cat-2));box-shadow:var(--shadow-card),inset 0 0 0 .5px #ffffff1a;transition:transform var(--t-base) var(--ease-out)}.cat-card:active{transform:scale(.96)}.cat-name{font-size:var(--fs-headline);font-weight:700;letter-spacing:var(--tracking-title);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-count{font-size:var(--fs-caption);color:#ffffffbf;margin-top:2px}.cat-logos{position:absolute;right:-10px;bottom:-10px;display:flex}.cat-logos>span{transform:rotate(14deg) translate(calc(var(--i) * -10px));margin-left:-16px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.cat-logos .art{width:46px;height:46px}.np{position:fixed;inset:0;z-index:50;color:#fff;background:#0b0b0d;transform:translateY(100%);visibility:hidden;transition:transform var(--t-slow) var(--ease-out),visibility 0s linear var(--t-slow);overflow:hidden;touch-action:none;border-radius:0}.np.open{transform:none;visibility:visible;transition:transform var(--t-slow) var(--ease-out),visibility 0s}.np-bg{position:absolute;inset:0;background:radial-gradient(90% 60% at 50% 0%,rgb(var(--np-rgb) / .95),transparent 75%),radial-gradient(80% 60% at 100% 100%,rgb(var(--np-rgb) / .55),transparent 70%),linear-gradient(180deg,rgb(var(--np-rgb) / .75),#08080a 85%);transition:background .9s ease}.np-bg-img{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;filter:blur(60px) saturate(1.6);opacity:.45;animation:np-bg-in .9s ease both}@keyframes np-bg-in{0%{opacity:0}}.np-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#00000040 55%,#0009)}.np-inner{position:relative;height:100%;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 6px) calc(28px + var(--safe-right)) calc(var(--safe-bottom) + 18px) calc(28px + var(--safe-left));max-width:520px;margin:0 auto}.np-top{display:flex;align-items:center;gap:var(--s-2);height:48px}.np-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#ffffffe6;background:#ffffff1a;flex:none}.np-top-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.np-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#ffffffb3}.np-live i{width:6px;height:6px;border-radius:50%;background:#ffffff80}.np-live i.pulse{background:#ff453a;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #ff453a00;opacity:.55}0%,to{box-shadow:0 0 #ff453a80}}.np-top-station{font-size:var(--fs-footnote);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-art-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:var(--s-5) 0}.np-art{position:relative;width:min(100%,46vh,420px);aspect-ratio:1;border-radius:var(--r-lg);box-shadow:var(--shadow-art);animation:art-in .6s var(--ease-out) both;transition:transform .6s var(--ease-spring),box-shadow .6s}.np.paused .np-art{transform:scale(.82);box-shadow:0 16px 30px -18px #000000b3}@keyframes art-in{0%{opacity:0;transform:scale(.94)}}.np-art>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.np-art-station{position:absolute;left:12px;bottom:12px;padding:3px;border-radius:10px;background:#14141899;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.np-art-station .art{width:34px;height:34px}.np-logo-card{width:100%;height:100%;border-radius:inherit;overflow:hidden}.np-logo-card .art{border-radius:inherit;background:linear-gradient(160deg,#ffffff29,#ffffff0d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:inset 0 0 0 .5px #fff3}.np-logo-card .art.is-logo img{padding:18%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.np-logo-card .art-mono{font-size:clamp(48px,18vw,96px)}.np-info{display:flex;align-items:center;gap:var(--s-3);min-height:78px}.np-titles{flex:1;min-width:0;animation:titles-in .5s var(--ease-out) both}@keyframes titles-in{0%{opacity:0;transform:translateY(8px)}}.np-title{font-size:var(--fs-title-3);font-weight:700;letter-spacing:var(--tracking-title);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-artist{font-size:var(--fs-title-3);color:#ffffffa8;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-album{font-size:var(--fs-footnote);color:#ffffff80;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-fav{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff1f;color:#ffffffd9;flex:none;transition:transform var(--t-base) var(--ease-spring),color var(--t-fast)}.np-fav.on{color:#fff;background:#ffffff38}.np-fav:active{transform:scale(.82)}.np-live-bar{margin-top:var(--s-4)}.np-live-track{position:relative;height:4px;border-radius:2px;background:#ffffff2e;overflow:hidden}.np-live-fill{position:absolute;inset:0;background:#ffffffbf;transform-origin:left;transform:scaleX(1);opacity:.4}.np-live-fill.run{opacity:1;background:linear-gradient(90deg,#ffffff8c,#fff 70%,#ffffff8c);background-size:200% 100%;animation:live-sheen 3s linear infinite}@keyframes live-sheen{to{background-position:-200% 0}}.np-live-meta{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:8px;font-size:var(--fs-caption);font-weight:600;color:#fff9;font-variant-numeric:tabular-nums}.np-live-meta>span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-live-meta .eq-inline{color:#ffffffbf}.np-warn{color:#ffb4a8}.np-controls{display:flex;align-items:center;justify-content:space-evenly;margin:var(--s-5) 0 var(--s-2)}.np-play,.np-skip{display:grid;place-items:center;border-radius:50%;transition:transform var(--t-base) var(--ease-spring),background var(--t-fast)}.np-play{width:84px;height:84px}.np-skip{width:64px;height:64px;color:#ffffffeb}.np-play:active,.np-skip:active{transform:scale(.84);background:#ffffff1f}.np-source{min-height:2.6em;text-align:center;font-size:var(--fs-caption);line-height:1.3;color:#ffffff80;padding:0 var(--s-4)}.np-bottom{display:flex;justify-content:space-around;align-items:center;margin-top:var(--s-2)}.np-tool{display:inline-flex;align-items:center;gap:6px;height:40px;min-width:44px;justify-content:center;padding:0 10px;border-radius:var(--r-pill);color:#ffffffb8;font-size:var(--fs-footnote);font-weight:600;font-variant-numeric:tabular-nums}.np-tool.on{color:#fff;background:#ffffff29}@media(max-height:700px){.np-controls{margin-top:var(--s-3)}.np-play{width:70px;height:70px}.np-info{min-height:64px}}.import-option{display:flex;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-4);margin-bottom:var(--s-3);border-radius:var(--r-md);background:var(--surface-1);box-shadow:inset 0 0 0 .5px var(--hairline);cursor:pointer;transition:transform var(--t-fast),background var(--t-fast)}.import-option:active{transform:scale(.98);background:var(--surface-2)}.import-option-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#fff;flex:none}.import-option-text{flex:1;display:flex;flex-direction:column;gap:2px}.import-option-text strong{font-size:var(--fs-headline);font-weight:600}.import-option-text span{font-size:var(--fs-footnote);color:var(--text-2)}.import-progress{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-1);color:var(--accent)}.import-progress-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--text-1)}.import-progress-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-progress-text span{font-size:var(--fs-footnote);color:var(--text-2)}.progress{height:4px;margin-top:6px;border-radius:2px;background:var(--surface-3);overflow:hidden}.progress span{display:block;height:100%;background:var(--accent-gradient);transition:width var(--t-base)}.import-banner{position:absolute;left:var(--s-2);right:var(--s-2);bottom:calc(var(--dock-h) + var(--s-2));z-index:25;border-radius:var(--r-md);box-shadow:var(--shadow-float);animation:mini-in var(--t-slow) var(--ease-out) both}.report{padding:var(--s-4) 0}.report+.report{border-top:.5px solid var(--hairline)}.report h3{font-size:var(--fs-headline);font-weight:700;margin-bottom:var(--s-3)}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.stat{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-1);box-shadow:inset 0 0 0 .5px var(--hairline);display:flex;flex-direction:column}.stat strong{font-size:var(--fs-title-1);font-weight:700;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.stat span{font-size:var(--fs-footnote);color:var(--text-2)}.stat.ok{background:var(--accent-soft)}.stat.ok strong{color:var(--accent)}.report-error{display:flex;gap:var(--s-2);color:var(--danger);font-size:var(--fs-subhead);line-height:1.4}.disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--s-3);padding:var(--s-2) 0;color:var(--accent);font-size:var(--fs-subhead);font-weight:500}.report-list{list-style:none;margin:0;padding:0;border-radius:var(--r-md);background:var(--surface-1);max-height:320px;overflow-y:auto}.report-list li{display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-4);border-bottom:.5px solid var(--hairline);font-size:var(--fs-footnote)}.report-list li span{color:var(--text-2);word-break:break-word;user-select:text;-webkit-user-select:text}.station-head{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) 0 var(--s-5)}.station-head h2{font-size:var(--fs-title-2);font-weight:700;letter-spacing:var(--tracking-title);line-height:1.15}.station-head p{margin-top:4px;color:var(--text-2);font-size:var(--fs-subhead)}.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.action-row>*{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s-3) var(--s-1);border-radius:var(--r-md);background:var(--surface-1);box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--accent);font-size:var(--fs-caption);font-weight:600;transition:transform var(--t-fast),background var(--t-fast)}.action-row>*:active{transform:scale(.95);background:var(--surface-2)}.action-row>.danger{color:var(--danger)}.track-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-4) 0 var(--s-6)}.track-head .art{box-shadow:var(--shadow-art);margin-bottom:var(--s-5)}.track-head h2{font-size:var(--fs-title-2);font-weight:700;letter-spacing:var(--tracking-title);user-select:text;-webkit-user-select:text}.track-artist{font-size:var(--fs-headline);color:var(--accent);margin-top:4px}.track-album{font-size:var(--fs-subhead);color:var(--text-2);margin-top:2px}.sleep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.sleep-grid button{display:flex;flex-direction:column;align-items:center;padding:var(--s-4) 0;border-radius:var(--r-md);background:var(--surface-1);box-shadow:inset 0 0 0 .5px var(--hairline);transition:transform var(--t-fast)}.sleep-grid button:active{transform:scale(.95)}.sleep-grid strong{font-size:var(--fs-title-1);font-weight:700;font-variant-numeric:tabular-nums}.sleep-grid span{font-size:var(--fs-footnote);color:var(--text-2)}.install-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.install-steps li{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-1);font-size:var(--fs-subhead);line-height:1.4}.install-steps .icon{color:var(--accent);flex:none}.install-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:var(--fs-footnote);flex:none}.pl-card{border-radius:var(--r-md);background:var(--surface-1);box-shadow:inset 0 0 0 .5px var(--hairline);overflow:hidden}.pl-head{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-4)}.pl-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent-gradient);color:#fff;flex:none}.pl-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pl-name{font-size:var(--fs-headline);font-weight:600}.pl-meta{font-size:var(--fs-footnote);color:var(--text-2)}.pl-source{font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-actions{display:grid;grid-template-columns:repeat(4,1fr);border-top:.5px solid var(--hairline)}.pl-actions button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s-3) 0;color:var(--accent);font-size:var(--fs-caption);font-weight:600}.pl-actions button+button{border-left:.5px solid var(--hairline)}.pl-actions .danger{color:var(--danger)}.search-results>section,.search-results .section-header{margin-top:var(--s-5)}.np-show{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:var(--fs-footnote);font-weight:600;color:#ffffffb8;min-width:0}.np-show .icon{flex:none}.np-show span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-show-time{flex:none;font-weight:500;color:#ffffff80;font-variant-numeric:tabular-nums}.np-shazam{gap:8px;padding:0 14px;background:#ffffff1f;color:#fff}.np-shazam.on{background:#ffffff38}.spinner.small{width:16px;height:16px;border-width:2px}.np-song-fill{position:absolute;inset:0;background:#fff;transform-origin:left;transition:transform 1s linear}