@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-950:oklch(14.1% .005 285.823);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.bg-zinc-950{background-color:var(--color-zinc-950)}.break-all{word-break:break-all}.text-zinc-100{color:var(--color-zinc-100)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bp-mobile:480px;--bp-tablet:768px;--bp-desktop:1024px;--bp-wide:1440px;--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);--red:var(--ui-accent);--red-bright:var(--ui-accent-hover);--red-deep:#5c0d12;--red-blood:#3d090c;--danger:var(--ui-danger);--danger-soft:var(--ui-danger-soft);--cream:#fff;--cream-dim:#b3b3b3;--ink:#121212;--ink-1:#181818;--ink-2:#1f1f1f;--ink-3:#282828;--ink-4:#333;--hair:#ffffff1a;--hair-strong:#fff3;--line:#ffffff14;--line-strong:#ffffff29;--text:#fff;--text-soft:#e0e0e0;--text-dim:#b3b3b3;--text-mute:#8a8a8a;--green:#1db954;--amber:#f5a524;--purple:#7b3ff2;--blue:#3a8dff;--pink:#ff3d88;--csc-dock:0px}:root[data-edition=supermarket]{--red-deep:#0d4d25;--red-blood:#08331a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.app-bg{background:var(--ui-bg-sidebar)}[style*=Oswald],[style*=Archivo]{font-family:var(--ui-font)!important}[style*=Anton],[style*=Bungee]{font-family:var(--ui-font)!important;font-weight:800!important}[style*=JetBrains]{font-variant-numeric:tabular-nums;font-family:var(--ui-font)!important}[style*="rgb(200, 22, 33)"][style*="rgb(142, 13, 21)"]{background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;box-shadow:none!important;border-color:#0000!important}.stencil{font-family:var(--ui-font);letter-spacing:-.01em;text-transform:none;font-weight:800;line-height:1.05}.drip{font-family:var(--ui-font);letter-spacing:-.01em;font-weight:800}.poster{font-family:var(--ui-font);font-weight:800}.body-text{font-family:var(--ui-font);color:var(--ui-text-2);font-weight:400;line-height:1.6}.heading{font-family:var(--ui-font);letter-spacing:-.01em;color:var(--ui-text);font-weight:700;line-height:1.15}.heading-xl{font-size:32px}.heading-lg{font-size:24px}.heading-md{font-size:18px}.heading-sm{font-size:15px}.section-label,.label-tag{font-family:var(--ui-font);letter-spacing:.02em;color:var(--ui-text-2);font-size:13px;font-weight:700}.label{font-family:var(--ui-font);letter-spacing:.02em;color:var(--ui-text-3);font-size:12px;font-weight:600}.mood-card{cursor:pointer;flex-direction:column;transition:transform .18s;display:flex}.mood-card:hover{transform:translateY(-3px)}.mood-card:active{transition-duration:80ms;transform:translateY(-1px)scale(.985)}.mood-tile{aspect-ratio:1;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;padding:14px;transition:box-shadow .22s,filter .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff1f}.mood-card:hover .mood-tile{filter:brightness(1.12)saturate(1.08);box-shadow:0 18px 44px #0000008c,inset 0 1px #ffffff38}.mood-tile:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000 40%,#0003);border-radius:12px;position:absolute;top:0;right:0;bottom:0;left:0}.mood-tile:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(115deg,#0000 30%,#ffffff38,#0000 70%);width:60%;height:200%;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:-120%;left:-20%;transform:translate(-100%)rotate(8deg)}.mood-card:hover .mood-tile:before{transform:translate(320%)rotate(8deg)}.mood-tile-icon{z-index:1;opacity:.85;align-self:flex-end;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);position:relative}.mood-card:hover .mood-tile-icon{opacity:1;transform:scale(1.08)translateY(-2px)}.mood-tile-label{z-index:1;font-family:var(--ui-font);color:var(--cream);letter-spacing:.01em;text-shadow:0 2px 8px #0006;margin:0;font-size:18px;font-weight:700;position:relative}.list-row{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;transition:background .12s;display:flex}.list-row:hover{background:var(--ui-hover)}.list-row-actions{opacity:.55;align-items:center;gap:8px;transition:opacity .15s;display:inline-flex}.list-row:hover .list-row-actions{opacity:1}@keyframes pill-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}@keyframes tb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tb-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-8px)}30%,70%{transform:translate(8px)}}@keyframes tb-pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.mono{font-family:var(--ui-font);font-variant-numeric:tabular-nums}.text-shadow-grime{text-shadow:0 2px #0009,0 6px 14px #00000080,0 0 .5px #fff6}.glass{-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#ffffff0a,#ffffff05 40%,#ffffff05);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0f}.glass-strong{-webkit-backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(135deg,#ffffff0f,#ffffff05,#ffffff05);border:1px solid #ffffff24;box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff14}.glass-subtle{-webkit-backdrop-filter:blur(10px);background:#14141a8c;border:1px solid #ffffff0f}.glow-red{box-shadow:0 0 0 1px var(--ui-accent-soft),0 0 24px var(--ui-accent-soft),0 0 60px transparent}.csc-montador-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}@media(max-width:880px){.csc-montador-panes{grid-template-columns:minmax(0,1fr)}}.csc-pane{border:1px solid var(--line);background:#0000002e;border-radius:8px;flex-direction:column;min-width:0;padding:12px;display:flex}.csc-field{background:var(--ui-surface-2);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);width:100%;min-height:48px;color:var(--ui-text);font-family:var(--ui-font);outline:none;padding:12px 16px 12px 48px;font-size:16px;transition:border-color .15s,background .15s}.csc-field:focus{border-color:var(--ui-text);background:var(--ui-surface-3)}.csc-field::-moz-placeholder{color:var(--ui-text-3)}.csc-field::placeholder{color:var(--ui-text-3)}.csc-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ui-text-2);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .15s;position:relative}.csc-check:hover{border-color:var(--ui-text)}.csc-check:checked{background:var(--ui-accent);border-color:var(--ui-accent)}.csc-check:checked:after{content:"";border:solid var(--ui-on-accent);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.csc-cta{background:var(--ui-accent);width:100%;min-height:52px;color:var(--ui-on-accent);font-family:var(--ui-font);letter-spacing:0;border-radius:var(--ui-radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:700;transition:transform 80ms,background-color .15s;display:flex;position:relative}.csc-cta:hover{background:var(--ui-accent-hover)}.csc-cta:active{transform:scale(.98)}.csc-cta:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}.csc-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.csc-cta-ghost{border:1px solid var(--ui-border-strong);color:var(--ui-text)!important;background:0 0!important}.csc-cta-ghost:hover{border-color:var(--ui-text)}*{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff2e padding-box padding-box;border:3px solid #0000;border-radius:999px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:#ffffff52 padding-box padding-box}::-webkit-scrollbar-thumb:active{background:#ffffff73 padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}@media(max-width:1023px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid #0000}}@media(max-width:767px){*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}}[style*=overflow],[style*=overflowY],[style*=overflowX]{-webkit-overflow-scrolling:touch}html,body{overscroll-behavior-y:none}.csc-scroll-y{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;overflow:hidden auto}.csc-scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;overflow:auto hidden}.csc-scroll-x::-webkit-scrollbar{display:none}.csc-shelf{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;min-width:0;scroll-padding-right:12px;overflow:auto hidden}.csc-shelf::-webkit-scrollbar{height:8px}.csc-shelf::-webkit-scrollbar-track{background:0 0}.csc-shelf::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.csc-shelf:hover::-webkit-scrollbar-thumb{background:#ffffff59}@keyframes csc-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes csc-ready-pulse{0%,to{box-shadow:0 0 0 0 var(--ui-accent-soft)}50%{box-shadow:0 0 0 7px #0000}}.csc-ready-pulse{animation:1.8s ease-in-out infinite csc-ready-pulse}.csc-scroll-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:100dvh;overflow:hidden auto}button,a,[role=button]{-webkit-tap-highlight-color:transparent}img,video{max-width:100%;height:auto}.csc-tap{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.csc-page-padding{padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right))}@media(min-width:768px){.csc-page-padding{padding-left:max(24px,var(--safe-left));padding-right:max(24px,var(--safe-right))}}@media(min-width:1024px){.csc-page-padding{padding-left:max(32px,var(--safe-left));padding-right:max(32px,var(--safe-right))}}.csc-bottom-safe{padding-bottom:max(12px,var(--safe-bottom))}.csc-desktop-only{display:initial}.csc-mobile-only{display:none}@media(max-width:767px){.csc-desktop-only{display:none!important}.csc-mobile-only{display:initial!important}}html,body{overflow-x:hidden}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-fade{animation:.45s ease-out fade-in}@keyframes track-cover-in{0%{opacity:0;filter:blur(6px);transform:scale(.98)}to{opacity:1;filter:blur();transform:scale(1)}}.track-cover-fade{animation:.5s ease-out both track-cover-in}@keyframes track-title-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.track-title-fade{animation:.4s ease-out both track-title-in}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.28s ease-out both slide-in-right}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-spin{animation:24s linear infinite spin-slow}.vinyl-spin.paused{animation-play-state:paused}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}}.pulse{animation:1.6s ease-in-out infinite pulse-dot}@keyframes orb-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(80px,60px)scale(1.1)}}@keyframes orb-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-60px,-80px)scale(1.08)}}.orb-1{animation:22s ease-in-out infinite orb-drift-1}.orb-2{animation:28s ease-in-out infinite orb-drift-2}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.toast-in{animation:.2s toast-in}.lift{transition:transform .15s,border-color .15s,background .15s}.lift:hover{transform:translateY(-2px)}@keyframes viz-bar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.vinyl-spin,.pulse,.orb-1,.orb-2{animation:none!important}}.csc-shell{background:var(--ui-bg-sidebar);height:100dvh;color:var(--ui-text);font-family:var(--ui-font);flex-direction:column;display:flex;position:relative;overflow:hidden}.csc-shell-row{flex:1;gap:8px;min-height:0;padding:8px;display:flex;overflow:hidden}.csc-main{border-radius:var(--ui-radius-md);background:linear-gradient(180deg,var(--ui-accent-soft) 0px,transparent 260px),var(--ui-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.csc-screen{flex-direction:column;flex:1;min-height:0;display:flex}@media(max-width:768px){.csc-shell-row{gap:0;padding:0}.csc-main{border-radius:0}}.csc-sidebar{background:var(--ui-bg);border-radius:var(--ui-radius-md);flex-direction:column;flex-shrink:0;width:232px;min-height:0;transition:width .18s;display:flex;overflow:hidden}.csc-sidebar[data-collapsed=true]{width:72px}.csc-nav-row{border-radius:var(--ui-radius-md);width:100%;min-height:48px;color:var(--ui-text-2);font-family:var(--ui-font);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:14px;padding:0 12px;font-size:15px;font-weight:700;line-height:1.2;transition:color .15s,background-color .15s;display:flex}.csc-nav-row:hover{color:var(--ui-text);background:var(--ui-hover)}.csc-nav-row:focus-visible{outline:2px solid var(--ui-text);outline-offset:-2px}.csc-nav-row[aria-current=page]{color:var(--ui-text);background:var(--ui-surface-3)}.csc-nav-row[aria-current=page] .csc-nav-icon{color:var(--ui-accent)}.csc-nav-icon{flex-shrink:0;display:inline-flex}.csc-nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.csc-sidebar[data-collapsed=true] .csc-nav-row{justify-content:center;gap:0;padding:0}.csc-nav-divider{color:var(--ui-text-3);white-space:nowrap;margin:16px 12px 6px;font-size:14px;font-weight:700;overflow:hidden}.csc-tabbar{background:var(--ui-bg-sidebar);border-top:1px solid var(--ui-border);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);flex-shrink:0;display:flex}.csc-tab{min-width:0;min-height:56px;color:var(--ui-text-2);font-family:var(--ui-font);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:1.1;display:flex}.csc-tab>span{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0;overflow:hidden}.csc-tab[aria-current=page]{color:var(--ui-text)}.csc-tab[aria-current=page] svg{color:var(--ui-accent)}.csc-tab:focus-visible{outline:2px solid var(--ui-text);outline-offset:-4px}.csc-range{--pct:0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.csc-range:disabled{cursor:default;opacity:.5}.csc-range:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px;border-radius:4px}.csc-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--ui-text) var(--pct),#ffffff4d var(--pct));border-radius:999px;height:4px}.csc-range:hover:not(:disabled)::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--ui-accent) var(--pct),#ffffff4d var(--pct))}.csc-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ui-text);opacity:0;border-radius:50%;width:12px;height:12px;margin-top:-4px;-webkit-transition:opacity .15s;transition:opacity .15s}.csc-range:hover::-webkit-slider-thumb{opacity:1}.csc-range:focus-visible::-webkit-slider-thumb{opacity:1}.csc-range::-moz-range-track{background:#ffffff4d;border-radius:999px;height:4px}.csc-range::-moz-range-progress{background:var(--ui-text);border-radius:999px;height:4px}.csc-range:hover:not(:disabled)::-moz-range-progress{background:var(--ui-accent)}.csc-range::-moz-range-thumb{background:var(--ui-text);border:none;border-radius:50%;width:12px;height:12px}@media(hover:none){.csc-range::-webkit-slider-thumb{opacity:1}}.csc-toast{left:50%;bottom:calc(max(var(--csc-dock,0px),var(--safe-bottom,0px)) + 16px);z-index:1150;border-radius:var(--ui-radius-md);max-width:min(520px,100vw - 32px);color:var(--ui-text);box-shadow:var(--ui-shadow);font-family:var(--ui-font);text-align:center;pointer-events:none;background:#2a2a2a;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.4;position:fixed;transform:translate(-50%)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--ui-bg: #121212;--ui-bg-sidebar: #000000;--ui-surface: #181818;--ui-surface-2: #1f1f1f;--ui-surface-3: #282828;--ui-hover: rgba(255, 255, 255, .07);--ui-press: rgba(255, 255, 255, .12);--ui-border: rgba(255, 255, 255, .08);--ui-border-strong: rgba(255, 255, 255, .16);--ui-text: #ffffff;--ui-text-2: #b3b3b3;--ui-text-3: #8a8a8a;--ui-accent: #d81b26;--ui-accent-hover: #ee2430;--ui-accent-soft: rgba(216, 27, 38, .16);--ui-on-accent: #ffffff;--ui-danger: #e5484d;--ui-danger-soft: rgba(229, 72, 77, .14);--ui-warning: #f5a524;--ui-warning-soft: rgba(245, 165, 36, .14);--ui-success: #1db954;--ui-success-soft: rgba(29, 185, 84, .14);--ui-info: #3a8dff;--ui-info-soft: rgba(58, 141, 255, .14);--ui-radius-sm: 6px;--ui-radius-md: 10px;--ui-radius-lg: 16px;--ui-radius-pill: 999px;--ui-shadow: 0 8px 24px rgba(0, 0, 0, .45);--ui-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-tap: 44px}:root[data-edition=supermarket]{--ui-accent: #1db954;--ui-accent-hover: #1ed760;--ui-accent-soft: rgba(29, 185, 84, .16);--ui-on-accent: #000000}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ui-tap);padding:0 20px;border-radius:var(--ui-radius-pill);border:1px solid transparent;font-family:var(--ui-font);font-size:15px;font-weight:700;letter-spacing:0;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;transition:transform .08s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn--primary{background:var(--ui-accent);color:var(--ui-on-accent)}.ui-btn--primary:hover:not(:disabled){background:var(--ui-accent-hover)}.ui-btn--secondary{background:transparent;color:var(--ui-text);border-color:var(--ui-border-strong)}.ui-btn--secondary:hover:not(:disabled){border-color:var(--ui-text)}.ui-btn--ghost{background:transparent;color:var(--ui-text-2)}.ui-btn--ghost:hover:not(:disabled){color:var(--ui-text);background:var(--ui-hover)}.ui-btn--danger{background:var(--ui-danger-soft);color:#ff8a8d}.ui-btn--danger:hover:not(:disabled){background:#e5484d3d}.ui-btn--sm{min-height:36px;padding:0 14px;font-size:13px}.ui-btn--lg{min-height:56px;padding:0 28px;font-size:17px}.ui-btn--block{width:100%}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-tap);height:var(--ui-tap);border-radius:var(--ui-radius-pill);border:none;background:transparent;color:var(--ui-text-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .08s ease}.ui-icon-btn:hover:not(:disabled){color:var(--ui-text);background:var(--ui-hover)}.ui-icon-btn:active:not(:disabled){transform:scale(.94)}.ui-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ui-icon-btn--filled{background:var(--ui-accent);color:var(--ui-on-accent)}.ui-icon-btn--filled:hover:not(:disabled){background:var(--ui-accent-hover);color:var(--ui-on-accent)}.ui-icon-btn--lg{width:56px;height:56px}.ui-card{background:var(--ui-surface);border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border);padding:16px}.ui-card--interactive{cursor:pointer;transition:background-color .15s ease}.ui-card--interactive:hover{background:var(--ui-surface-3)}.ui-card--flat{border-color:transparent}.ui-page{font-family:var(--ui-font);color:var(--ui-text);padding:24px clamp(16px,3vw,32px) 32px;display:flex;flex-direction:column;gap:24px}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.ui-page-title{margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.1}.ui-page-subtitle{margin:6px 0 0;font-size:15px;color:var(--ui-text-2);line-height:1.45}.ui-section{display:flex;flex-direction:column;gap:12px}.ui-section-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ui-text)}.ui-section-hint{margin:0;font-size:14px;color:var(--ui-text-2)}.ui-badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;max-width:100%;flex-shrink:0;padding:3px 10px;border-radius:12px;font-family:var(--ui-font);font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:break-word;background:var(--ui-surface-3);color:var(--ui-text-2)}.ui-badge--accent{background:var(--ui-accent-soft);color:var(--ui-accent)}.ui-badge--success{background:var(--ui-success-soft);color:var(--ui-success)}.ui-badge--warning{background:var(--ui-warning-soft);color:var(--ui-warning)}.ui-badge--danger{background:var(--ui-danger-soft);color:#ff8a8d}.ui-badge--info{background:var(--ui-info-soft);color:#7fb3ff}.ui-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--ui-radius-pill);border:none;background:var(--ui-surface-3);color:var(--ui-text);font-family:var(--ui-font);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.ui-chip:hover{background:#333}.ui-chip[aria-pressed=true]{background:var(--ui-text);color:#000}.ui-field{display:flex;flex-direction:column;gap:6px;font-family:var(--ui-font)}.ui-label{font-size:14px;font-weight:600;color:var(--ui-text)}.ui-help{font-size:13px;color:var(--ui-text-3);line-height:1.4}.ui-error-text{font-size:13px;color:#ff8a8d}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:var(--ui-tap);padding:10px 14px;border-radius:var(--ui-radius-md);border:1px solid var(--ui-border-strong);background:var(--ui-surface-2);color:var(--ui-text);font-family:var(--ui-font);font-size:16px;outline:none;transition:border-color .15s ease,background-color .15s ease}.ui-input::-moz-placeholder,.ui-textarea::-moz-placeholder{color:var(--ui-text-3)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--ui-text-3)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--ui-text);background:var(--ui-surface-3)}.ui-input[aria-invalid=true]{border-color:var(--ui-danger)}.ui-textarea{min-height:96px;resize:vertical;line-height:1.45}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ui-text-2) 50%),linear-gradient(135deg,var(--ui-text-2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}.ui-toggle{position:relative;width:48px;height:28px;flex-shrink:0;border-radius:var(--ui-radius-pill);border:none;background:var(--ui-surface-3);cursor:pointer;transition:background-color .15s ease}.ui-toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ui-text-2);transition:transform .15s ease,background-color .15s ease}.ui-toggle[aria-checked=true]{background:var(--ui-accent)}.ui-toggle[aria-checked=true]:after{transform:translate(20px);background:var(--ui-on-accent)}.ui-toggle:disabled{opacity:.45;cursor:not-allowed}.ui-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--ui-radius-pill);background:var(--ui-surface-2);max-width:100%;overflow-x:auto;scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab{min-height:36px;padding:0 16px;border-radius:var(--ui-radius-pill);border:none;background:transparent;color:var(--ui-text-2);font-family:var(--ui-font);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.ui-tab:hover{color:var(--ui-text)}.ui-tab[aria-selected=true]{background:var(--ui-surface-3);color:var(--ui-text)}.ui-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border-radius:var(--ui-radius-md);transition:background-color .15s ease}.ui-row:hover{background:var(--ui-hover)}.ui-row-title{font-size:15px;font-weight:600;color:var(--ui-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-row-sub{font-size:13px;color:var(--ui-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 16px;color:var(--ui-text-2);font-family:var(--ui-font)}.ui-empty-title{font-size:18px;font-weight:700;color:var(--ui-text);margin:0}.ui-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--ui-radius-md);font-family:var(--ui-font);font-size:14px;line-height:1.45;background:var(--ui-surface-2);color:var(--ui-text);border:1px solid var(--ui-border)}.ui-banner--warning{background:var(--ui-warning-soft);border-color:#f5a5244d}.ui-banner--danger{background:var(--ui-danger-soft);border-color:#e5484d4d}.ui-banner--success{background:var(--ui-success-soft);border-color:#1db9544d}.ui-banner--info{background:var(--ui-info-soft);border-color:#3a8dff4d}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000a8;animation:ui-fade .15s ease}.ui-modal{width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--ui-surface-2);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow);font-family:var(--ui-font);color:var(--ui-text);animation:ui-pop .18s ease}.ui-modal--wide{width:min(880px,100%)}.ui-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 8px;flex-shrink:0}.ui-modal-title{margin:0;font-size:20px;font-weight:800}.ui-modal-body{padding:8px 20px 16px;overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain}.ui-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px 18px;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.ui-overlay{align-items:flex-end;padding:0}.ui-modal{width:100%;border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0;max-height:92dvh;padding-bottom:var(--safe-bottom, 0px)}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.ui-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,18vw,200px),1fr))}.ui-grid--wide{grid-template-columns:repeat(auto-fill,minmax(clamp(240px,28vw,320px),1fr))}.live-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,22vw,240px),1fr))}.live-grid--compact{gap:8px;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,18vw,180px),1fr))}.live-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;min-height:72px;padding:12px 14px;border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border);background:var(--ui-surface-2);color:var(--ui-text);font-family:var(--ui-font);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease,transform .08s ease}.live-tile:hover:not(:disabled){background:var(--ui-surface-3)}.live-tile:active:not(:disabled){transform:scale(.97)}.live-tile:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}.live-tile:disabled{cursor:not-allowed;opacity:.55}.live-tile[data-onair=true]{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.live-grid--compact .live-tile{min-height:64px;padding:10px 12px}.live-tile-head{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.live-tile-icon{font-size:22px;line-height:1;flex-shrink:0}.live-tile-title{font-size:15px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.live-tile-price{font-size:18px;font-weight:800;color:var(--ui-accent);line-height:1.1}.live-tile-sub{max-width:100%;font-size:14px;color:var(--ui-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-tile-bar{position:absolute;left:0;bottom:0;height:4px;background:var(--ui-accent);transition:width .25s linear}.live-now{display:flex;align-items:center;gap:14px;min-width:0}.live-cover{width:clamp(56px,12vw,80px);height:clamp(56px,12vw,80px);flex-shrink:0;border-radius:var(--ui-radius-md);background:var(--ui-surface-3);-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:28px}.live-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-progress{height:6px;border-radius:var(--ui-radius-pill);background:var(--ui-surface-3);overflow:hidden}.live-progress>span{display:block;height:100%;background:var(--ui-accent);transition:width .25s linear}.live-next{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.live-next li{display:flex;gap:12px;align-items:baseline;min-height:32px;font-size:15px;color:var(--ui-text);min-width:0}.live-next time{font-weight:700;color:var(--ui-text-2);font-variant-numeric:tabular-nums;flex-shrink:0}.live-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}button.live-status-btn{min-height:var(--ui-tap)}.live-pad-display{display:flex;align-items:center;justify-content:center;min-height:64px;border-radius:var(--ui-radius-md);background:var(--ui-surface);border:1px solid var(--ui-border-strong);font-family:var(--ui-font);font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ui-text)}.live-pad-display[data-empty=true]{color:var(--ui-text-3);font-size:18px;font-weight:600}.live-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.live-pad-key{min-height:56px;border:none;border-radius:var(--ui-radius-md);background:var(--ui-surface-3);color:var(--ui-text);font-family:var(--ui-font);font-size:22px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .1s ease,transform .06s ease}.live-pad-key:hover{background:var(--ui-press)}.live-pad-key:active{transform:scale(.96)}.live-pad-key:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}.live-pad-key--fn{font-size:15px;color:var(--ui-text-2);background:var(--ui-surface-2)}.live-preview{padding:14px 16px;border-radius:var(--ui-radius-md);background:var(--ui-surface);border:1px solid var(--ui-border);font-size:15px;line-height:1.5;color:var(--ui-text)}.live-preview-label{font-size:13px;font-weight:700;color:var(--ui-text-3);margin:0 0 4px}.live-preview-missing{color:var(--ui-warning)}.live-chip-row{display:flex;flex-wrap:wrap;gap:8px}.live-chip-row .ui-chip{min-height:var(--ui-tap)}