@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-pill);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-base) var(--ease-out);-webkit-tap-highlight-color:transparent}.ui-btn svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn:disabled{opacity:.5;cursor:default}.ui-btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.ui-btn-sm svg{width:var(--icon-sm);height:var(--icon-sm)}.ui-btn-block{display:flex;width:100%}.ui-btn-primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-bold)}.ui-btn-secondary{background:var(--color-surface-2);color:var(--color-text)}.ui-btn-ghost{background:transparent;color:var(--color-text);padding-left:var(--space-3);padding-right:var(--space-3)}.ui-btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.ui-spinner{width:var(--icon-sm);height:var(--icon-sm);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-card{display:block;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;text-decoration:none}.ui-card-padded{padding:var(--space-4)}.ui-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-chip svg{width:var(--icon-sm);height:var(--icon-sm)}.ui-chip-neutral{background:var(--color-surface-2);color:var(--color-text-muted)}.ui-chip-accent{background:var(--color-accent-soft);color:var(--color-accent-text)}.ui-chip-highlight{background:var(--color-surface-2);color:var(--color-highlight-text)}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.ui-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-muted)}.ui-empty-icon svg{width:32px;height:32px}.ui-empty-icon img{width:100%;height:100%;border-radius:var(--radius-lg)}.ui-empty-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold)}.ui-empty-text{margin:0;max-width:32ch;color:var(--color-text-muted);font-size:var(--text-sm)}.ui-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-field-label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ui-field-input{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md)}textarea.ui-field-input{min-height:96px;resize:vertical}.ui-field-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:0;border-color:transparent}.ui-field-input[aria-invalid=true]{border-color:var(--color-danger-text)}.ui-field-hint{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.ui-field-error{margin:0;color:var(--color-danger-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--touch-min);height:var(--touch-min);padding:0;border:none;border-radius:50%;color:var(--color-text);background:transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.ui-icon-btn svg{width:var(--icon-lg);height:var(--icon-lg)}.ui-icon-btn:active:not(:disabled){transform:scale(.92)}.ui-icon-btn:disabled{opacity:.5}.ui-icon-btn-secondary{background:var(--color-surface-2)}.ui-icon-btn-overlay{background:var(--color-media-scrim);color:var(--color-on-media)}.ui-list-section{margin-top:var(--space-6)}.ui-list-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.ui-list-section-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.ui-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.ui-media-row{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;transition:box-shadow var(--duration-base) var(--ease-out)}.ui-media-row-selected{outline:2px solid var(--color-accent);outline-offset:-2px}.ui-media-row-top{display:flex;align-items:center}.ui-media-row-main{flex:1;min-width:0;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:none;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-out)}div.ui-media-row-main{cursor:default}button.ui-media-row-main:active,a.ui-media-row-main:active{background:var(--color-surface-2)}.ui-media-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding-top:2px}.ui-media-row-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:anywhere}.ui-media-row-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ui-media-row-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.ui-media-row-trailing{display:flex;align-items:center;padding-right:var(--space-2)}.ui-media-row-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent-soft);color:var(--color-text);font-size:var(--text-sm)}.ui-media-row-footer svg{width:var(--icon-sm);height:var(--icon-sm)}html:has(.ui-sheet[open]){overflow:hidden}.ui-sheet{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:none;background:transparent;color:var(--color-text);display:none;align-items:flex-end;justify-content:center}.ui-sheet[open]{display:flex}.ui-sheet::backdrop{background:var(--color-scrim)}.ui-sheet[open]::backdrop{animation:ui-sheet-fade var(--duration-slow) var(--ease-out)}.ui-sheet-panel{display:flex;flex-direction:column;width:100%;max-width:var(--content-max);max-height:calc(100dvh - var(--safe-top) - var(--space-8));background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-3);padding-bottom:var(--safe-bottom);animation:ui-sheet-up var(--duration-slow) var(--ease-out)}.ui-sheet-grabber{align-self:center;width:36px;height:4px;margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--color-border)}.ui-sheet-header{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5)}.ui-sheet-title{flex:1;margin:var(--space-2) 0 0;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.ui-sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-5) var(--space-5)}.ui-sheet-footer{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:var(--border-width) solid var(--color-border)}.ui-sheet-footer>*{flex:1}@media (min-width: 640px){.ui-sheet{align-items:center}.ui-sheet-panel{max-width:560px;max-height:min(85dvh,760px);border-radius:var(--radius-xl);padding-bottom:0;animation-name:ui-sheet-pop}.ui-sheet-grabber{display:none}}@keyframes ui-sheet-up{0%{transform:translateY(100%)}}@keyframes ui-sheet-pop{0%{opacity:0;transform:scale(.96)}}@keyframes ui-sheet-fade{0%{opacity:0}}.ui-sheet .ui-media-row,.ui-sheet .ui-card{background:var(--color-surface-2);box-shadow:none}.ui-skeleton-group{display:flex;flex-direction:column;gap:var(--space-3)}.ui-skeleton{display:block;border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--color-surface-2) 40%,var(--color-surface) 50%,var(--color-surface-2) 60%);background-size:200% 100%;animation:ui-shimmer 1.4s infinite linear}.ui-skeleton-block{aspect-ratio:16 / 9}.ui-skeleton-row{height:calc(var(--thumb-h) + 2 * var(--space-3))}.ui-skeleton-text{height:1em;width:60%;border-radius:var(--radius-sm)}@keyframes ui-shimmer{to{background-position:-200% 0}}.ui-thumb{position:relative;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md);background:var(--color-media-bg)}.ui-thumb-row{width:var(--thumb-w);height:var(--thumb-h)}.ui-thumb-wide{width:100%;aspect-ratio:16 / 9}.ui-thumb img,.ui-thumb video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ui-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--style-a),var(--style-b))}.ui-thumb-mark{width:50%;height:50%;opacity:.25}.ui-thumb-badge{position:absolute;left:var(--space-1);top:var(--space-1);min-width:22px;height:22px;padding:0 var(--space-1);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-media-scrim);color:var(--color-on-media);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.player{position:relative;background:var(--color-media-bg);border-radius:var(--radius-lg);overflow:hidden}.player video{display:block;width:100%;aspect-ratio:16 / 9;background:var(--color-media-bg)}.player-compact video{aspect-ratio:16 / 9}.player-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:linear-gradient(transparent,var(--color-media-scrim))}.player-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);border-radius:8px;font-size:var(--text-md);color:var(--color-on-media)}.player-btn svg{width:20px;height:20px}.player-btn-active{color:var(--color-accent)}.player-speed{font-size:var(--text-sm);font-weight:var(--weight-bold);min-width:var(--touch-min)}.player-time{font-size:var(--text-xs);color:var(--color-on-media);white-space:nowrap;font-variant-numeric:tabular-nums}.player-scrub{flex:1;min-width:48px;min-height:var(--touch-min);accent-color:var(--color-accent)}.player-scrub-wrap{position:relative;flex:1;min-width:48px;display:flex;align-items:center}.player-scrub-wrap .player-scrub{flex:1;min-height:var(--touch-min)}.player-segments{position:absolute;left:8px;right:8px;top:50%;height:6px;transform:translateY(-50%);background:var(--color-media-track);border-radius:var(--radius-pill);overflow:hidden;pointer-events:none}.player-segment{position:absolute;top:0;bottom:0}.player-scrub-segmented{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;position:relative}.player-scrub-segmented::-webkit-slider-runnable-track{background:transparent;height:6px}.player-scrub-segmented::-moz-range-track{background:transparent;height:6px}.player-scrub-segmented::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:var(--radius-pill);background:var(--color-on-media);box-shadow:0 0 0 2px var(--color-media-scrim)}.player-scrub-segmented::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-pill);background:var(--color-on-media);box-shadow:0 0 0 2px var(--color-media-scrim);border:none}.player-more{position:absolute;right:var(--space-2);bottom:calc(var(--touch-min) + var(--space-3));display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-lg);background:var(--color-media-scrim);z-index:2}.combo-card{display:block;text-decoration:none;color:inherit;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden}.combo-thumb-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-media-bg)}.combo-thumb-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(to top,var(--color-media-fade),transparent);pointer-events:none}.combo-thumb{display:block;width:100%;height:100%;object-fit:cover;background:var(--color-media-bg)}.combo-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-on-style);background:linear-gradient(135deg,var(--style-a, var(--color-surface-2)),var(--style-b, var(--color-surface)))}.combo-thumb-mark{width:72px;height:72px;opacity:.2}.combo-duration{position:absolute;right:var(--space-2);bottom:var(--space-2);z-index:1;padding:2px var(--space-2);border-radius:6px;background:var(--color-media-scrim);color:var(--color-on-media);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.combo-card-body{padding:var(--space-3) var(--space-4)}.combo-card-body h3{margin:0 0 var(--space-1);font-size:var(--text-lg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.combo-meta{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-md)}.combo-tags{display:flex;gap:var(--space-2);margin:0}.move-row-main{display:flex;flex-direction:column;min-width:0}.move-row-name{font-weight:var(--weight-semibold)}.move-row-desc{color:var(--color-text-muted);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list{display:flex;flex-direction:column;gap:var(--space-3)}.search-input{position:sticky;top:var(--topbar-h);z-index:var(--z-sticky);width:100%;min-height:var(--touch-min);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface)}.offline-banner{background:var(--color-highlight-text);color:var(--color-on-accent);text-align:center;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.muted-note{color:var(--color-text-muted);font-size:var(--text-sm)}.save-row{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0}.ios-hint{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-3) 0}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) 0 var(--space-3)}.saved-size{color:var(--color-text-muted);font-size:var(--text-sm)}.saved-usage{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.admin-page{display:flex;flex-direction:column;gap:var(--space-4)}.search-input{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-3);min-height:var(--touch-min);width:100%}.admin-error{color:var(--color-danger-text);font-weight:var(--weight-semibold)}.style-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-6) 0 var(--space-2)}.style-version{margin:0;color:var(--color-text-muted);font-size:var(--text-xs)}.style-admin-link{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;padding:var(--space-2) var(--space-3)}.combos-list-wrap{position:relative}.fab{position:fixed;right:calc(var(--space-4) + var(--safe-right));bottom:calc(72px + var(--space-4) + var(--safe-bottom));display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;padding:0;background:var(--color-accent);color:var(--color-on-accent);text-decoration:none;z-index:30}.fab svg{width:28px;height:28px}.file-picker{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface-2);font-weight:var(--weight-bold);cursor:pointer}.file-picker input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.upload-preview{width:100%;border-radius:var(--radius-lg);background:var(--color-media-bg)}.admin-danger{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.tag-page{display:flex;flex-direction:column;gap:var(--space-3)}.draft-banner{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.draft-banner-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.tag-hero{position:sticky;top:56px;z-index:var(--z-sticky);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-2)}.tag-hero .player{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.tag-cursor,.tag-empty{color:var(--color-text-muted);margin:0}.tag-rows{margin-top:var(--space-2)}.tag-row-invalid{outline:3px solid var(--color-danger-text);outline-offset:1px}.tag-row-times{margin:0 0 var(--space-2);color:var(--color-highlight-text);font-variant-numeric:tabular-nums}.tag-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-controls{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--space-2);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-2) 0 calc(var(--space-2) + var(--safe-bottom))}.tag-controls .tag-add{min-height:56px;font-size:var(--text-lg)}.tag-page .tag-save{min-height:52px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--color-scrim);display:flex;align-items:flex-end}.sheet{width:100%;max-width:720px;margin:0 auto;max-height:85dvh;overflow-y:auto;background:var(--color-surface);border-radius:16px 16px 0 0;padding:var(--space-2) var(--space-4) calc(var(--space-4) + var(--safe-bottom))}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--color-surface-2);margin:var(--space-1) auto var(--space-3)}.sheet-title{font-weight:var(--weight-bold);margin:0 0 var(--space-2)}.sheet-create{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.sheet-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.sheet-actions .ui-btn{flex:1}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(88px + var(--safe-bottom));z-index:var(--z-toast);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);max-width:min(90vw,480px);text-align:center;box-shadow:var(--shadow-2)}.upload-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-3);justify-content:space-between}.upload-banner-error{border-color:var(--color-danger-text)}.combo-badge{position:absolute;left:var(--space-2);top:var(--space-2);background:var(--color-media-scrim);color:var(--color-on-media);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2)}.combo-badge-danger{background:var(--color-danger)}:root{--palette-white: #ffffff;--palette-black: #000000;--palette-ink-950: #0b0b10;--palette-ink-900: #15151d;--palette-ink-850: #1e1e29;--palette-ink-800: #2a2a37;--palette-ink-500: #5f5f70;--palette-ink-300: #a3a3b5;--palette-ink-200: #d9d9e0;--palette-ink-100: #ececf0;--palette-paper-50: #f6f5f3;--palette-coral-100: #fde9e4;--palette-coral-300: #ff8a80;--palette-coral-500: #ff5a5f;--palette-coral-700: #c42a33;--palette-coral-900: #3a1c1f;--palette-amber-300: #ffb86b;--palette-amber-700: #8f4f00;--palette-red-300: #ff9d9d;--palette-red-700: #b3261e;--palette-red-900: #4a1d1b;--palette-green-300: #86d9a0;--palette-green-700: #15803d;--color-media-bg: var(--palette-black);--color-on-media: var(--palette-white);--color-media-scrim: rgb(0 0 0 / .75);--color-media-fade: rgb(0 0 0 / .55);--color-media-track: rgb(255 255 255 / .3);--color-on-style: var(--palette-white);--color-on-style-muted: rgb(255 255 255 / .85);--color-series-1: #e8935a;--color-series-2: #7fb069;--color-series-3: #5aa9e8;--color-series-4: #c77fc7;--color-series-5: #e8d25a;--color-series-6: #e85a5a;--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-heavy: 800;--leading-tight: 1.2;--leading-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 24px;--radius-pill: 999px;--border-width: 1px;--touch-min: 44px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--thumb-w: 112px;--thumb-h: 84px;--topbar-h: 56px;--tabbar-h: 64px;--content-max: 720px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-sticky: 10;--z-bar: 20;--z-overlay: 50;--z-toast: 70;--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;--color-bg: var(--palette-paper-50);--color-surface: var(--palette-white);--color-surface-2: var(--palette-ink-100);--color-border: var(--palette-ink-200);--color-text: var(--palette-ink-900);--color-text-muted: var(--palette-ink-500);--color-accent: var(--palette-coral-500);--color-on-accent: var(--palette-ink-950);--color-accent-text: var(--palette-coral-700);--color-accent-soft: var(--palette-coral-100);--color-highlight-text: var(--palette-amber-700);--color-warning: var(--palette-amber-300);--color-on-warning: var(--palette-ink-950);--color-danger: var(--palette-red-700);--color-danger-text: var(--palette-red-700);--color-on-danger: var(--palette-white);--color-success-text: var(--palette-green-700);--color-focus: var(--palette-coral-700);--color-scrim: rgb(11 11 16 / .45);--shadow-1: 0 1px 2px rgb(21 21 29 / .06), 0 1px 3px rgb(21 21 29 / .08);--shadow-2: 0 4px 12px rgb(21 21 29 / .1);--shadow-3: 0 12px 32px rgb(21 21 29 / .18)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: var(--palette-ink-950);--color-surface: var(--palette-ink-900);--color-surface-2: var(--palette-ink-850);--color-border: var(--palette-ink-800);--color-text: #f4f4f8;--color-text-muted: var(--palette-ink-300);--color-accent-text: var(--palette-coral-300);--color-accent-soft: var(--palette-coral-900);--color-highlight-text: var(--palette-amber-300);--color-danger: var(--palette-red-700);--color-danger-text: var(--palette-red-300);--color-success-text: var(--palette-green-300);--color-focus: var(--palette-amber-300);--color-scrim: rgb(0 0 0 / .6);--shadow-1: none;--shadow-2: 0 4px 16px rgb(0 0 0 / .4);--shadow-3: 0 12px 32px rgb(0 0 0 / .55)}}[data-theme=dark]{color-scheme:dark;--color-bg: var(--palette-ink-950);--color-surface: var(--palette-ink-900);--color-surface-2: var(--palette-ink-850);--color-border: var(--palette-ink-800);--color-text: #f4f4f8;--color-text-muted: var(--palette-ink-300);--color-accent-text: var(--palette-coral-300);--color-accent-soft: var(--palette-coral-900);--color-highlight-text: var(--palette-amber-300);--color-danger: var(--palette-red-700);--color-danger-text: var(--palette-red-300);--color-success-text: var(--palette-green-300);--color-focus: var(--palette-amber-300);--color-scrim: rgb(0 0 0 / .6);--shadow-1: none;--shadow-2: 0 4px 16px rgb(0 0 0 / .4);--shadow-3: 0 12px 32px rgb(0 0 0 / .55)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:inherit}img,video{max-width:100%}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;min-height:var(--touch-min);min-width:var(--touch-min)}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}#root{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--tabbar-h) + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:var(--z-bar);display:flex;align-items:center;gap:var(--space-2);min-height:var(--topbar-h);padding-top:var(--safe-top);padding-left:calc(var(--space-4) + var(--safe-left));padding-right:calc(var(--space-4) + var(--safe-right));background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.topbar-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-bar);display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:var(--safe-bottom)}.tabbar a{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-min);padding:var(--space-2) var(--space-1);text-decoration:none;color:var(--color-text-muted);font-size:var(--text-xs)}.tabbar a svg{width:22px;height:22px}.tab-indicator{position:absolute;top:4px;left:50%;width:24px;height:3px;border-radius:2px;background:var(--color-accent);opacity:0;transform:translate(-50%) scaleX(.4);transition:opacity .15s ease-out,transform .15s ease-out}.tabbar a[aria-current=page]{color:var(--color-accent-text)}.tabbar a[aria-current=page] .tab-indicator{opacity:1;transform:translate(-50%) scaleX(1)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-bold);text-decoration:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text)}.btn-ghost svg,.btn-primary svg{width:20px;height:20px}.error-box{background:var(--color-surface);border:1px solid var(--color-danger-text);border-radius:var(--radius-lg);padding:var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.form-stack{display:flex;flex-direction:column;gap:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rise-in{opacity:1!important;transform:none!important}}.rise-in{opacity:0;animation:rise-in .24s ease-out forwards;animation-delay:calc(var(--i, 0) * 30ms)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.style-scope{display:contents}.style-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);position:relative;overflow:hidden;min-height:120px;padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-on-style);font-size:var(--text-xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--style-a),var(--style-b));transition:transform .12s ease-out}.style-card:visited{color:var(--color-on-style)}.style-card:active{transform:scale(.98)}.style-card-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;position:relative;z-index:1}.style-card-name{font-size:var(--text-2xl);font-weight:var(--weight-heavy);line-height:1.2}.style-card-count{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-on-style-muted)}.style-card-mark{position:absolute;right:-32px;top:50%;width:180px;height:180px;transform:translateY(-50%);opacity:.35;pointer-events:none;z-index:0}.style-card-mark svg{width:100%;height:100%}.style-card .style-card-arrow{position:relative;z-index:1;flex-shrink:0;color:var(--color-on-style-muted)}.picker-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-4)}.picker-logo{width:64px;height:64px;border-radius:16px}.picker-wordmark{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-heavy);letter-spacing:-.01em}.picker-tagline{margin:0;color:var(--color-text-muted);font-size:var(--text-md)}.picker-heading{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:var(--space-4) 0 var(--space-3)}.topbar-spacer{flex:1}.topbar-title-link{color:inherit;text-decoration:none}.combo-hero{position:sticky;top:var(--topbar-h);z-index:var(--z-sticky);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4)}.combo-hero .player{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.combo-header{display:flex;flex-direction:column;gap:var(--space-3)}.combo-title,.move-title{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);letter-spacing:-.01em}.move-desc{margin:var(--space-2) 0 0}.move-style{margin:var(--space-2) 0 var(--space-3)}.combo-meta-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.combo-style-link{color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.combo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.combo-actions .save-row{margin:0}.move-sheet{display:flex;flex-direction:column;gap:var(--space-4)}.move-sheet-desc{margin:0;white-space:pre-line}.move-sheet .ui-list-section{margin-top:var(--space-2)}.move-sheet .ui-list-section-title{font-size:var(--text-lg)}.move-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.move-section{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.move-section.open{box-shadow:inset 3px 0 0 var(--color-accent)}.move-section-head{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);text-align:left}.move-section-head .move-row-main{flex:1}.move-chevron{display:inline-flex;margin-left:auto;color:var(--color-text-muted)}.move-chevron svg{width:20px;height:20px}.move-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-surface-2);font-weight:var(--weight-bold);flex-shrink:0}.move-section-body{padding:0 var(--space-4) var(--space-4)}.topbar-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--style-a),var(--style-b))}.topbar-title-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.topbar-title-wrap .topbar-title{flex:1}.sheet-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.sheet-option{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-md);text-align:left}.sheet-option-name{flex:1;font-weight:var(--weight-semibold)}.sheet-option[aria-current=true]{outline:2px solid var(--color-accent-text);outline-offset:-2px}.sheet-option-check{flex-shrink:0;width:var(--icon-md);height:var(--icon-md);color:var(--color-accent-text)}.style-switcher-trigger{background:none;border:none;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer;min-height:var(--touch-min)}.style-switcher-chevron{flex-shrink:0;width:1.1em;height:1.1em;color:var(--color-text-muted)}.dev-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.dev-gallery-col{padding:var(--space-4);background:var(--color-bg);color:var(--color-text)}.dev-gallery-theme{margin:0;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.dev-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.dev-gallery-stack{display:flex;flex-direction:column;gap:var(--space-4)}.dev-gallery-inline{display:inline-flex;align-items:center;gap:var(--space-1)}