:root{color-scheme:light;--bg:#f6f7f4;--ink:#1f2528;--muted:#667176;--line:#d9ded9;--panel:#ffffff;--panel-strong:#f0f3ef;--page-top:#f6f7f4;--body-accent:transparent;--surface:rgba(255,255,255,0.9);--surface-strong:rgba(255,255,255,0.96);--surface-soft:rgba(255,255,255,0.78);--control-bg:#ffffff;--control-muted-bg:#f7f8f6;--chip-bg:rgba(255,255,255,0.76);--chip-solid-bg:rgba(255,255,255,0.75);--neutral-action:#1f2528;--card-base:#ffffff;--card-border:rgba(31,37,40,0.12);--card-accent-wash:rgba(233,79,55,0.14);--card-good-wash:rgba(22,133,122,0.18);--overlay:rgba(31,37,40,0.48);--image-overlay:rgba(12,14,15,0.9);--image-control-bg:rgba(255,255,255,0.12);--image-control-border:rgba(255,255,255,0.3);--image-caption:rgba(255,255,255,0.72);--inverse-ink:#ffffff;--zoom-label-bg:rgba(255,255,255,0.92);--disabled-bg:#b7bdbc;--disabled-ink:#f7f8f6;--accent:#ff6852;--accent-dark:#c83b2c;--forward-bg:#a30d0d;--forward-bg-hover:#8f0909;--must:#b9851e;--must-soft:#f7ecd2;--good:#16857a;--good-soft:#ddf2ee;--bad:#c84545;--bad-soft:#f7e2df;--action-dislike:#c73333;--action-skip:#52645e;--action-must:#d8a43a;--action-like:#26a99c;--glass-fill:rgba(255,255,255,0.13);--glass-highlight:rgba(255,255,255,0.44);--glass-border:rgba(255,255,255,0.34);--glass-shadow:rgba(31,37,40,0.18);--glass-shine:rgba(255,255,255,0.08);--glass-depth:rgba(31,37,40,0.1);--action-glass-mix:48%;--action-accent-mix:62%;--forward-glass-mix:78%;--forward-accent-mix:70%;--forward-hover-mix:86%;--focus:#2f73d9;--shadow:0 24px 70px rgba(31,37,40,0.14);--shadow-soft:0 12px 40px rgba(31,37,40,0.08);--shadow-card:0 8px 24px rgba(31,37,40,0.06);--shadow-button:0 12px 28px rgba(31,37,40,0.14);--shadow-heavy:0 24px 80px rgba(0,0,0,0.38)}:root[data-theme="dark"]{color-scheme:dark;--bg:#050606;--ink:#f2f5f3;--muted:#a9b3af;--line:rgba(229,235,232,0.16);--panel:#0b0d0d;--panel-strong:#101313;--page-top:#050606;--body-accent:transparent;--surface:rgba(11,13,13,0.92);--surface-strong:rgba(11,13,13,0.96);--surface-soft:rgba(16,19,19,0.84);--control-bg:#0b0d0d;--control-muted-bg:#101313;--chip-bg:rgba(16,19,19,0.82);--chip-solid-bg:rgba(16,19,19,0.9);--neutral-action:#35413d;--card-base:#0c0f0f;--card-border:rgba(229,235,232,0.14);--card-accent-wash:rgba(240,100,77,0.17);--card-good-wash:rgba(67,185,169,0.18);--overlay:rgba(0,0,0,0.62);--image-overlay:rgba(5,7,7,0.94);--image-control-bg:rgba(255,255,255,0.1);--image-control-border:rgba(255,255,255,0.24);--image-caption:rgba(255,255,255,0.74);--inverse-ink:#ffffff;--zoom-label-bg:rgba(23,29,27,0.94);--disabled-bg:#4c5551;--disabled-ink:#a9b3af;--accent:#ff745f;--accent-dark:#ff9a89;--forward-bg:#a90d0d;--forward-bg-hover:#c01515;--must:#d7a94d;--must-soft:rgba(215,169,77,0.18);--good:#43b9a9;--good-soft:rgba(67,185,169,0.18);--bad:#ef7676;--bad-soft:rgba(239,118,118,0.18);--action-dislike:#d93d3d;--action-skip:#5f716b;--action-must:#e0b34f;--action-like:#33b8aa;--glass-fill:rgba(255,255,255,0.08);--glass-highlight:rgba(255,255,255,0.24);--glass-border:rgba(255,255,255,0.22);--glass-shadow:rgba(0,0,0,0.34);--glass-shine:rgba(255,255,255,0.06);--glass-depth:rgba(0,0,0,0.28);--action-glass-mix:30%;--action-accent-mix:42%;--forward-glass-mix:58%;--forward-accent-mix:54%;--forward-hover-mix:64%;--focus:#7ca9ff;--shadow:0 24px 70px rgba(0,0,0,0.42);--shadow-soft:0 12px 40px rgba(0,0,0,0.32);--shadow-card:0 8px 24px rgba(0,0,0,0.24);--shadow-button:0 12px 28px rgba(0,0,0,0.34);--shadow-heavy:0 24px 80px rgba(0,0,0,0.58)}*{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0;background:linear-gradient(90deg,var(--body-accent),transparent 32%),linear-gradient(180deg,var(--page-top),var(--bg));color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}:root[data-theme="dark"] body{background:var(--bg)}.app-copyright{margin:0;color:var(--muted);font-size:0.72rem;font-weight:650;line-height:1.2;opacity:0.76}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,.song-card:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 35%,transparent);outline-offset:3px}.app-shell{width:min(1180px,calc(100vw - 32px));min-height:calc(100vh - 32px);margin:16px auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.is-hidden{display:none !important}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;justify-content:space-between;gap:10px 14px;padding:14px 16px;border:1px solid var(--line);background:var(--surface-soft);backdrop-filter:blur(14px);border-radius:8px;overflow:visible}.brand{min-width:0;display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;flex:0 0 auto;display:block;border-radius:50%;background:var(--ink);object-fit:cover;box-shadow:0 0 0 1px var(--card-border)}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:0.72rem;font-weight:750;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.55rem;line-height:1.1}h2{margin-bottom:0;font-size:1.28rem;line-height:1.2}h3{line-height:1.2}.tabs{grid-column:2 / 3;grid-row:1;display:inline-grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.topbar-actions{grid-column:3 / 4;grid-row:1;flex:0 0 auto;display:flex;align-items:center;gap:10px}.site-return-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid color-mix(in srgb,var(--forward-bg) 48%,rgba(255,255,255,0.24));border-radius:999px;background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,rgba(0,0,0,0.18)),color-mix(in srgb,var(--forward-bg) var(--forward-glass-mix),transparent);color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.075),inset 0 0 0 1px rgba(255,255,255,0.055),inset 0 -14px 24px rgba(0,0,0,0.16),0 10px 26px rgba(31,37,40,0.14);font-size:0.92rem;font-weight:850;line-height:1;text-decoration:none;white-space:nowrap;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.site-return-link:hover,.site-return-link:focus-visible{background:linear-gradient(150deg,rgba(255,255,255,0.075),rgba(255,255,255,0.02) 28%,rgba(0,0,0,0.18)),color-mix(in srgb,var(--forward-bg-hover) var(--forward-hover-mix),transparent);color:#ffffff}button.site-return-link{font-family:inherit;cursor:pointer}.topbar-site-link{min-height:38px;padding:0 13px;font-size:0.82rem}.topbar-menu-wrap{position:relative;z-index:20}.menu-button{width:40px;height:40px;display:grid;place-items:center;gap:4px;padding:9px;border:1px solid var(--card-border);border-radius:999px;background:var(--surface-strong);color:var(--ink);box-shadow:var(--shadow-button);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background 160ms ease,color 160ms ease,transform 160ms ease}.menu-button span{width:16px;height:2px;border-radius:999px;background:currentColor}.menu-button:hover,.menu-button:focus-visible,.menu-button.is-active{background:var(--ink);color:var(--panel);transform:translateY(-1px)}.topbar-menu{position:absolute;top:calc(100%+8px);right:0;z-index:80;min-width:210px;display:grid;gap:6px;padding:8px;border:1px solid var(--card-border);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),var(--surface-strong);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.menu-item{width:100%;min-height:42px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:0.88rem;font-weight:800;text-align:left;cursor:pointer}.menu-item:hover,.menu-item:focus-visible{background:var(--control-bg)}.menu-item-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--ink);font-size:0.86rem;font-weight:950;line-height:1}.tab{min-height:36px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:0.92rem;font-weight:700}.tab.is-active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-card)}.theme-toggle{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--card-border);border-radius:50%;background:var(--surface-strong);color:var(--ink);font-size:1rem;font-weight:950;box-shadow:var(--shadow-button);backdrop-filter:blur(12px);transition:background 160ms ease,color 160ms ease,transform 160ms ease}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--ink);color:var(--panel);transform:translateY(-1px)}.theme-toggle[data-theme-setting="light"]{color:var(--must)}.theme-toggle[data-theme-setting="dark"]{color:var(--good)}.theme-toggle[data-theme-setting="light"]:hover,.theme-toggle[data-theme-setting="light"]:focus-visible,.theme-toggle[data-theme-setting="dark"]:hover,.theme-toggle[data-theme-setting="dark"]:focus-visible{color:var(--panel)}.layout{min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.dialogue,.view-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.dialogue{min-height:0;padding:16px;display:flex;flex-direction:column;gap:18px}.message{display:block}.message p{margin-bottom:8px;line-height:1.45}.message-note{color:var(--muted);font-size:0.92rem}.guest-form{display:grid;gap:12px}.guest-form label{display:grid;gap:6px;color:var(--muted);font-size:0.82rem;font-weight:700}.guest-form input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg);color:var(--ink)}.stats{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats div{min-width:0;min-height:72px;padding:12px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);display:grid;align-content:center;gap:5px;text-align:center}.stats strong{display:block;font-size:1.4rem;line-height:1}.stats span{display:block;color:var(--muted);font-size:clamp(0.68rem,0.72vw,0.78rem);font-weight:700;line-height:1.18;hyphens:auto;overflow-wrap:anywhere;text-wrap:balance}.list-end-stats{display:none;margin-top:4px}.view-panel{min-width:0;min-height:560px;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.view-panel.is-hidden{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.progress-pill{flex:0 0 auto;min-width:74px;padding:8px 10px;border-radius:8px;background:var(--neutral-action);color:var(--inverse-ink);text-align:center;font-weight:800}.deck{min-height:0;display:grid;grid-template-columns:minmax(0,560px);justify-content:center;gap:0;place-items:center;overflow:hidden;touch-action:none}.song-card{position:relative;width:min(560px,100%);min-height:370px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,5vw,42px);border:1px solid var(--card-border);border-radius:8px;background:linear-gradient(135deg,var(--card-accent-wash),transparent 34%),linear-gradient(315deg,var(--card-good-wash),transparent 42%),var(--card-base);box-shadow:var(--shadow);user-select:none;transform:translate(var(--drag-x,0),var(--drag-y,0)) rotate(var(--drag-rotate,0deg));transition:transform 170ms ease,opacity 170ms ease,border-color 170ms ease;will-change:transform}.song-card.is-dragging{transition:none}.song-card.swipe-right{transform:translateX(140%) rotate(13deg);opacity:0}.song-card.swipe-left{transform:translateX(-140%) rotate(-13deg);opacity:0}.song-card.swipe-must{transform:translateY(-120%) scale(0.92);opacity:0}.song-card.swipe-skip{transform:translateY(120%) scale(0.92);opacity:0}.song-card.is-complete{align-items:center;justify-content:center;text-align:center;border-color:color-mix(in srgb,var(--must) 44%,var(--card-border));background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--accent) 24%,transparent) 0 10px,transparent 11px),radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--must) 28%,transparent) 0 8px,transparent 9px),radial-gradient(circle at 84% 78%,color-mix(in srgb,var(--good) 26%,transparent) 0 12px,transparent 13px),linear-gradient(135deg,var(--must-soft),transparent 38%),linear-gradient(315deg,var(--good-soft),transparent 44%),var(--card-base)}.song-card.is-complete::before{content:"🎉";width:74px;height:74px;display:grid;place-items:center;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--must) 34%,transparent);border-radius:999px;background:var(--surface-soft);font-size:2.2rem;box-shadow:var(--shadow-card)}.song-card.is-complete h3{max-width:min(11ch,100%);margin-bottom:14px;font-size:clamp(3rem,7vw,4.4rem)}.song-card.is-complete p{max-width:36ch;margin:0;color:var(--ink);font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.34}.song-card.is-complete .song-meta{display:none}.song-card h3{max-width:12ch;margin-bottom:10px;font-size:3.8rem;line-height:0.98;overflow-wrap:anywhere}.song-card p{margin-bottom:22px;color:var(--muted);font-size:1.2rem;font-weight:700}.song-meta{position:absolute;top:18px;right:18px;min-width:44px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);text-align:center;font-size:0.82rem;font-weight:850}.audio-control{position:absolute;top:18px;left:18px;z-index:2;min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--card-border);border-radius:999px;background:var(--surface-soft);color:var(--ink);font-size:0.86rem;font-weight:850;box-shadow:var(--shadow-card)}.audio-control span:first-child{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--neutral-action);color:var(--inverse-ink);font-size:0.72rem}.audio-control.is-playing,.audio-control.is-loading{border-color:color-mix(in srgb,var(--good) 42%,transparent);background:var(--good-soft);color:var(--good)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:7px 9px;border:1px solid var(--card-border);border-radius:8px;background:var(--chip-bg);color:var(--muted);font-size:0.82rem;font-weight:750}.stamp{position:absolute;top:74px;left:24px;padding:8px 10px;border:3px solid currentColor;border-radius:8px;opacity:var(--stamp-opacity,0);font-weight:900;text-transform:uppercase;transform:rotate(-9deg)}.like-stamp{color:var(--good)}.must-stamp{color:var(--must);transform:rotate(-4deg)}.skip-stamp{color:var(--neutral-action);transform:rotate(0deg)}.nope-stamp{color:var(--bad);transform:rotate(9deg)}.song-card[data-tilt="right"] .like-stamp,.song-card[data-tilt="left"] .nope-stamp,.song-card[data-tilt="up"] .must-stamp,.song-card[data-tilt="down"] .skip-stamp,.song-card.swipe-must .must-stamp{--stamp-opacity:0.82}.song-card.swipe-skip .skip-stamp{--stamp-opacity:0.82}.actions{display:flex;align-items:center;justify-content:center;gap:14px}.round-button{--action-tint:var(--glass-highlight);position:relative;isolation:isolate;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--action-tint) 44%,rgba(255,255,255,0.24));border-radius:50%;color:var(--ink);font-size:2rem;font-weight:800;overflow:hidden;background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,var(--glass-depth)),color-mix(in srgb,var(--action-tint) var(--action-glass-mix),transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 0 0 1px rgba(255,255,255,0.06),inset 0 -14px 24px rgba(0,0,0,0.12),0 10px 26px rgba(31,37,40,0.12);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.round-button::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,0.055),transparent 22%),radial-gradient(circle at 68% 82%,color-mix(in srgb,var(--action-tint) var(--action-accent-mix),transparent),transparent 50%);opacity:0.74}:root[data-theme="dark"] .round-button{color:var(--inverse-ink)}.round-button.reject{--action-tint:var(--action-dislike)}.round-button.accept{--action-tint:var(--action-like)}.round-button.skip{--action-tint:var(--action-skip);font-size:1.7rem}.round-button.must{--action-tint:var(--action-must);font-size:1.72rem}.floating-tooltip{position:fixed;left:0;top:0;z-index:10000;width:max-content;max-width:min(260px,calc(100vw - 16px));padding:8px 10px;border-radius:8px;background:var(--neutral-action);color:var(--inverse-ink);box-shadow:var(--shadow-button);font-size:0.78rem;font-weight:850;line-height:1.15;text-align:center;white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;transform:translate(-50%,calc(-100% - 16px));transition:opacity 140ms ease,transform 140ms ease}.floating-tooltip::after{content:"";position:absolute;top:100%;left:var(--tooltip-arrow-left,50%);transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--neutral-action)}.floating-tooltip.is-visible{opacity:1;transform:translate(-50%,calc(-100% - 10px))}.text-button,.primary-button{min-height:42px;padding:0 16px;border-radius:8px;font-weight:800}.text-button{border:1px solid var(--line);background:var(--control-bg);color:var(--ink)}.text-button.compact{min-height:36px;padding:0 12px;font-size:0.9rem}.lookbook-no-choice.is-selected{border-color:var(--must);background:var(--must);color:var(--inverse-ink);box-shadow:var(--shadow-card)}.primary-button{border:0;background:var(--accent);color:var(--inverse-ink)}#submitBtn{display:inline-flex;align-items:center;justify-content:center;gap:9px}.button-spinner{display:none;width:16px;height:16px;flex:0 0 auto;border:2px solid rgba(255,255,255,0.46);border-top-color:rgba(255,255,255,0.98);border-radius:50%;animation:rolex-spin 0.72s linear infinite}#submitBtn.is-loading .button-spinner{display:inline-block}#submitBtn.is-loading{cursor:wait}@keyframes rolex-spin{to{transform:rotate(360deg)}}.primary-button:disabled{cursor:not-allowed;background:var(--disabled-bg);color:var(--disabled-ink);box-shadow:none}#submitBtn.is-loading:disabled{cursor:wait}.selection-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:0}.selection-footer .next-button{grid-column:2;grid-row:1}.selection-footer .app-copyright{grid-column:1;grid-row:1;align-self:end;justify-self:start}.page-copyright{padding:0 2px}.success-copyright{margin-top:18px;text-align:center}.next-button{min-width:180px}.next-button,#lookNextBtn,#helpStartBtn,#submitBtn:not(:disabled),#submitBtn.is-loading{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--forward-bg) 48%,rgba(255,255,255,0.24));background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,rgba(0,0,0,0.18)),color-mix(in srgb,var(--forward-bg) var(--forward-glass-mix),transparent);color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.075),inset 0 0 0 1px rgba(255,255,255,0.055),inset 0 -14px 24px rgba(0,0,0,0.16),0 10px 26px rgba(31,37,40,0.14);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.next-button::before,#lookNextBtn::before,#helpStartBtn::before,#submitBtn:not(:disabled)::before,#submitBtn.is-loading::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,0.05),transparent 22%),radial-gradient(circle at 72% 86%,color-mix(in srgb,var(--forward-bg) var(--forward-accent-mix),transparent),transparent 52%);opacity:0.74}.next-button:hover,.next-button:focus-visible,#lookNextBtn:hover,#lookNextBtn:focus-visible,#helpStartBtn:hover,#helpStartBtn:focus-visible,#submitBtn:not(:disabled):hover,#submitBtn:not(:disabled):focus-visible{background:linear-gradient(150deg,rgba(255,255,255,0.075),rgba(255,255,255,0.02) 28%,rgba(0,0,0,0.18)),color-mix(in srgb,var(--forward-bg-hover) var(--forward-hover-mix),transparent)}.song-list{min-height:0;display:grid;gap:10px;overflow:auto;padding-right:4px}.song-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg)}.song-row:hover,.song-row:focus-within{z-index:5}.song-row.has-audio{grid-template-columns:44px minmax(0,1fr) auto}.song-row:not(.has-audio) .song-audio-slot{display:none}.song-audio-slot{width:44px;min-height:38px;display:grid;place-items:center}.list-audio-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--good) 34%,transparent);border-radius:50%;background:var(--good-soft);color:var(--good);font-size:0.88rem;line-height:1;font-weight:900;box-shadow:var(--shadow-card)}.list-audio-button:hover,.list-audio-button:focus-visible,.list-audio-button.is-playing,.list-audio-button.is-loading{background:var(--good);color:var(--inverse-ink)}.audio-control.is-loading,.list-audio-button.is-loading{cursor:wait}.help-close,.image-close,.round-button,.choice-buttons button,.help-choice-icon,.menu-item-icon,.list-audio-button,.audio-control span:first-child{display:grid;place-items:center;align-items:center;justify-items:center;line-height:1;text-align:center}button.help-close,button.image-close,.round-button.reject,.help-choice-dislike,.choice-buttons button[aria-label^="Не нравится"]{--cross-size:16px;--cross-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6L18 18M18 6L6 18' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E");font-size:0}.round-button.reject{--cross-size:24px}button.image-close{--cross-size:18px}.help-choice-dislike{--cross-size:20px}.choice-buttons button[aria-label^="Не нравится"]{--cross-size:14px}.choice-buttons button[aria-label^="Не нравится"]{position:relative}button.help-close::after,button.image-close::after,.round-button.reject::after,.help-choice-dislike::after,.choice-buttons button[aria-label^="Не нравится"]::after{content:"";position:absolute;left:50%;top:50%;z-index:2;width:var(--cross-size);height:var(--cross-size);background:currentColor;transform:translate(-50%,-50%);pointer-events:none;-webkit-mask:var(--cross-mask) center / contain no-repeat;mask:var(--cross-mask) center / contain no-repeat}button.help-close,button.image-close,.round-button.reject,.help-choice-icon.help-choice-dislike,.choice-buttons button[aria-label^="Не нравится"]{font-size:0 !important}.song-row strong{display:block;margin-bottom:4px;overflow-wrap:anywhere}.song-row span{color:var(--muted);font-size:0.92rem}.choice-buttons{display:flex;gap:6px}.choice-buttons button{--action-tint:var(--glass-highlight);position:relative;isolation:isolate;width:42px;height:38px;border:1px solid color-mix(in srgb,var(--action-tint) 34%,var(--line));border-radius:8px;overflow:hidden;background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,var(--glass-depth)),color-mix(in srgb,var(--action-tint) 18%,var(--control-bg));color:var(--ink);font-size:1.08rem;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -8px 16px rgba(0,0,0,0.07);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.choice-buttons button::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,0.05),transparent 24%),radial-gradient(circle at 72% 86%,color-mix(in srgb,var(--action-tint) 32%,transparent),transparent 56%);opacity:0.72}:root[data-theme="dark"] .choice-buttons button{color:var(--inverse-ink)}.choice-buttons button.choice-dislike{--action-tint:var(--action-dislike)}.choice-buttons button.skip-choice{--action-tint:var(--action-skip);color:var(--ink)}.choice-buttons button.choice-must{--action-tint:var(--action-must)}.choice-buttons button.choice-like{--action-tint:var(--action-like)}.choice-buttons button.is-like,.choice-buttons button.is-must,.choice-buttons button.is-dislike{border-color:color-mix(in srgb,var(--action-tint) 58%,var(--line));background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,var(--glass-depth)),color-mix(in srgb,var(--action-tint) 34%,var(--control-bg));box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -8px 16px rgba(0,0,0,0.09),0 8px 18px color-mix(in srgb,var(--action-tint) 16%,transparent)}.choice-buttons button.skip-choice:hover,.choice-buttons button.skip-choice:focus-visible,.choice-buttons button:hover,.choice-buttons button:focus-visible{border-color:color-mix(in srgb,var(--action-tint) 52%,var(--card-border));background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,var(--glass-depth)),color-mix(in srgb,var(--action-tint) 28%,var(--control-bg));color:var(--ink)}:root[data-theme="dark"] .choice-buttons button.skip-choice,:root[data-theme="dark"] .choice-buttons button.skip-choice:hover,:root[data-theme="dark"] .choice-buttons button.skip-choice:focus-visible,:root[data-theme="dark"] .choice-buttons button:hover,:root[data-theme="dark"] .choice-buttons button:focus-visible{color:var(--inverse-ink)}.summary-page,.lookbook-page{width:min(980px,calc(100vw - 32px));min-height:calc(100vh - 32px);margin:16px auto;display:grid;grid-template-rows:auto 1fr;gap:16px}.summary-top,.success-page>div{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.summary-top{display:flex;align-items:center;gap:14px;padding:14px 16px}.summary-top h2{margin-bottom:0}.back-button{flex:0 0 auto;position:relative;isolation:isolate;overflow:hidden;border-color:color-mix(in srgb,var(--forward-bg) 48%,rgba(255,255,255,0.24));background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,rgba(0,0,0,0.18)),color-mix(in srgb,var(--forward-bg) var(--forward-glass-mix),transparent);color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.075),inset 0 0 0 1px rgba(255,255,255,0.055),inset 0 -14px 24px rgba(0,0,0,0.16),0 10px 26px rgba(31,37,40,0.14);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.back-button::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,0.05),transparent 22%),radial-gradient(circle at 72% 86%,color-mix(in srgb,var(--forward-bg) var(--forward-accent-mix),transparent),transparent 52%);opacity:0.74}.back-button:hover,.back-button:focus-visible{background:linear-gradient(150deg,rgba(255,255,255,0.075),rgba(255,255,255,0.02) 28%,rgba(0,0,0,0.18)),color-mix(in srgb,var(--forward-bg-hover) var(--forward-hover-mix),transparent);color:#ffffff}.summary-content,.lookbook-content{display:grid;gap:16px;align-items:start;align-content:start}.lookbook-intro,.summary-look{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-card)}.lookbook-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.lookbook-intro p,.summary-look p{margin-bottom:0;color:var(--muted);line-height:1.45}.summary-look h3{margin-bottom:6px}.lookbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.look-card{--look-media-width:132px;min-width:0;display:grid;grid-template-columns:var(--look-media-width) minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-align:left;box-shadow:var(--shadow-card);transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.look-card:hover,.look-card:focus-visible,.look-card.is-selected{transform:translateY(-2px);border-color:color-mix(in srgb,var(--must) 48%,transparent);box-shadow:var(--shadow-soft)}.look-card.is-selected{background:linear-gradient(135deg,var(--must-soft),var(--surface))}.look-media{position:relative;width:100%;min-width:0;aspect-ratio:3 / 5;min-height:0;display:block;overflow:hidden;border-radius:8px;background:var(--panel-strong)}.look-media.is-zoomable{cursor:zoom-in}.look-media.is-zoomable::after{content:"";position:absolute;inset:0;background:transparent;transition:background 160ms ease}.look-card:hover .look-media.is-zoomable::after,.look-card:focus-visible .look-media.is-zoomable::after{background:color-mix(in srgb,var(--ink) 18%,transparent)}.look-media img{width:100%;height:100%;display:block;object-fit:cover}.look-zoom-label{position:absolute;right:10px;bottom:10px;z-index:2;padding:7px 9px;border-radius:8px;background:var(--zoom-label-bg);color:var(--ink);font-size:0.76rem;font-weight:850;box-shadow:var(--shadow-button)}.look-placeholder{width:100%;height:100%;min-height:0;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--neutral-action) 92%,transparent),color-mix(in srgb,var(--neutral-action) 72%,transparent)),var(--neutral-action);color:var(--inverse-ink);font-size:1.4rem;font-weight:900}.look-body{min-width:0;display:flex;flex-direction:column;gap:9px}.look-body strong{font-size:1.15rem;line-height:1.15}.look-body>span:not(.look-select-control){color:var(--muted);line-height:1.4}.look-select-control{align-self:flex-start;margin-top:auto;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg);color:var(--ink);font-size:0.84rem;font-weight:850;line-height:1;transition:border-color 160ms ease,background 160ms ease,color 160ms ease}.look-card:hover .look-select-control,.look-card:focus-visible .look-select-control{border-color:color-mix(in srgb,var(--must) 48%,transparent)}.look-card.is-selected .look-select-control{border-color:var(--must);background:var(--must);color:var(--inverse-ink)}.lookbook-empty{margin:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg);color:var(--muted);font-weight:750}.summary-column{min-height:180px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:visible;box-shadow:var(--shadow-card)}.summary-column.is-collapsed{min-height:0;padding:14px 16px}.summary-column.good{border-color:color-mix(in srgb,var(--good) 34%,transparent)}.summary-column.must{border-color:color-mix(in srgb,var(--must) 38%,transparent)}.summary-column.bad{border-color:color-mix(in srgb,var(--bad) 34%,transparent)}.summary-column.neutral{border-color:var(--line)}.summary-toggle{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;font-weight:850;text-align:left;cursor:pointer}.summary-toggle::after{content:"↓";width:28px;height:28px;display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--control-bg);color:var(--muted);font-size:1rem;line-height:1;transition:transform 0.18s ease,background 0.18s ease,color 0.18s ease}.summary-toggle[aria-expanded="true"]{margin-bottom:12px}.summary-toggle[aria-expanded="true"]::after{transform:rotate(180deg);background:var(--ink);color:var(--surface)}.summary-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:4px;border-radius:8px}.summary-toggle-meta{margin-left:auto;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--control-bg);color:var(--muted);font-size:0.82rem;font-weight:850;white-space:nowrap}.summary-column ol{margin:0;padding-left:22px}.summary-column li{margin-bottom:10px;line-height:1.35}.empty{color:var(--muted);font-weight:700}.summary-form,.feedback-form{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-card)}.summary-form{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-form{grid-template-columns:minmax(220px,0.75fr) minmax(220px,1fr) minmax(260px,1.2fr);align-items:start}.feedback-form h3{margin-top:4px}.summary-form label,.feedback-form label{display:grid;gap:6px;color:var(--muted);font-size:0.82rem;font-weight:800}.summary-form input,.feedback-form input,.feedback-form textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg);color:var(--ink)}.feedback-form textarea{min-height:92px;padding-top:11px;padding-bottom:11px;resize:vertical;font:inherit;line-height:1.35}.result-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;column-gap:14px;row-gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-card)}.result-bar p{margin-bottom:0;color:var(--muted);font-weight:700}.result-bar>p:not(.app-copyright){grid-column:1;grid-row:1;align-self:start}.result-bar>.primary-button{grid-column:2;grid-row:1 / 3;align-self:end}.result-bar>.app-copyright{grid-column:1;grid-row:2;align-self:end}.success-page{min-height:100vh;display:grid;place-items:center;padding:24px}.success-page>div{width:min(560px,100%);padding:32px;text-align:center}.success-page h2{margin-bottom:18px;font-size:1.7rem}.success-copy{max-width:460px;margin:-4px auto 20px;color:var(--muted);font-weight:700;line-height:1.45}.success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.result-actions{margin-bottom:10px}.result-pdf-link{min-width:150px}.success-logo{display:block;width:min(360px,82vw);height:auto;max-height:170px;margin:0 auto 22px;object-fit:contain}.link-button{border:0;background:transparent;color:var(--accent-dark);font-weight:850;text-decoration:underline}.help-button{position:relative;z-index:8;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--card-border);border-radius:50%;background:var(--surface-strong);color:var(--ink);font-size:1.2rem;font-weight:900;box-shadow:var(--shadow-button);backdrop-filter:blur(12px)}.help-button:hover,.help-button:focus-visible{background:var(--ink);color:var(--panel)}.help-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:var(--overlay);backdrop-filter:blur(8px);overflow:auto}.help-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.help-close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel-strong);color:var(--muted);font-size:1.6rem;line-height:1;font-weight:650}.help-close:hover,.help-close:focus-visible{background:var(--ink);color:var(--panel)}.help-card h2{margin-bottom:12px;padding-right:44px;font-size:1.75rem}.help-lead{margin-bottom:18px;color:var(--muted);font-size:1.02rem;line-height:1.5}.help-choice-list{display:grid;gap:10px;margin-bottom:20px}.help-choice-row{position:relative;isolation:isolate;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid color-mix(in srgb,var(--glass-border) 72%,transparent);border-radius:8px;background:linear-gradient(150deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012) 28%,rgba(0,0,0,0.08)),color-mix(in srgb,var(--glass-fill) 48%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.055),inset 0 0 0 1px rgba(255,255,255,0.025),0 8px 22px rgba(0,0,0,0.12);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.help-choice-icon{--action-tint:var(--glass-highlight);position:relative;isolation:isolate;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--ink);font-size:1.35rem;line-height:1;font-weight:900;overflow:hidden;border:1px solid color-mix(in srgb,var(--action-tint) 44%,rgba(255,255,255,0.24));background:linear-gradient(150deg,var(--glass-shine),rgba(255,255,255,0.018) 28%,var(--glass-depth)),color-mix(in srgb,var(--action-tint) var(--action-glass-mix),transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 0 0 1px rgba(255,255,255,0.06),inset 0 -14px 24px rgba(0,0,0,0.12),0 8px 22px rgba(31,37,40,0.12);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.help-choice-icon::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,0.055),transparent 22%),radial-gradient(circle at 68% 82%,color-mix(in srgb,var(--action-tint) var(--action-accent-mix),transparent),transparent 50%);opacity:0.74}:root[data-theme="dark"] .help-choice-icon{color:var(--inverse-ink)}.help-choice-like{--action-tint:var(--action-like)}.help-choice-dislike{--action-tint:var(--action-dislike)}.help-choice-skip{--action-tint:var(--action-skip)}.help-choice-must{--action-tint:var(--action-must)}.help-choice-look{--action-tint:var(--accent);font-size:0.74rem;letter-spacing:0}.help-choice-row p{margin-bottom:0;color:var(--ink);line-height:1.42;font-weight:650}.help-steps{display:grid;gap:10px;margin-bottom:20px}.help-steps div{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.help-steps strong{display:block;margin-bottom:5px;font-size:1rem}.help-steps p{margin-bottom:0;color:var(--muted);line-height:1.42}.help-primary{width:100%}.image-modal{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:24px;padding-top:calc(24px+env(safe-area-inset-top,0px));padding-bottom:calc(24px+env(safe-area-inset-bottom,0px));background:var(--image-overlay);color:var(--inverse-ink);overflow:auto}.image-close{position:absolute;top:12px;right:12px;z-index:2;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--image-control-border);border-radius:50%;background:var(--image-control-bg);color:var(--inverse-ink);font-size:1.7rem;line-height:1;font-weight:700;backdrop-filter:blur(10px)}.image-close:hover,.image-close:focus-visible{background:var(--inverse-ink);color:var(--ink)}.image-frame{min-width:0;min-height:0;display:grid;place-items:center;cursor:zoom-out}.image-photo-shell{position:relative;display:inline-block;max-width:min(100%,1180px);max-height:calc(100dvh - 160px);cursor:default}.image-photo-shell img{max-width:100%;max-height:calc(100dvh - 160px);width:auto;height:auto;display:block;border-radius:8px;object-fit:contain;box-shadow:var(--shadow-heavy)}.image-caption{width:min(860px,100%);margin:0 auto;text-align:center}.image-caption h2{margin-bottom:8px;color:var(--inverse-ink)}.image-caption p{margin-bottom:0;color:var(--image-caption);line-height:1.45}body.has-open-modal{overflow:hidden}.admin-body{min-height:100vh;overflow:auto}.admin-shell{width:min(1180px,calc(100vw - 32px));margin:16px auto;display:grid;gap:16px}.admin-top,.admin-card,.admin-response{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.admin-token-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px}.admin-token-card label{display:grid;gap:6px;color:var(--muted);font-size:0.82rem;font-weight:800}.admin-token-card input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg);color:var(--ink)}.admin-token-hint{grid-column:1 / -1;margin:-2px 0 0;color:var(--muted);font-size:0.78rem;line-height:1.35}.admin-card{padding:16px}.admin-toolbar,.admin-response-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-actions{display:flex;gap:8px}.admin-status{margin:12px 0 0;color:var(--muted);font-weight:700}.admin-list{display:grid;gap:12px;margin-top:14px}.admin-response{padding:14px;box-shadow:var(--shadow-card)}.admin-response h3{margin-bottom:6px;font-size:1.1rem}.admin-response p{margin-bottom:0;color:var(--muted);line-height:1.4}.admin-pdf-link{min-width:72px;display:inline-grid;place-items:center;text-decoration:none}.admin-response-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.admin-metric{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.admin-metric strong,.admin-metric span{display:block}.admin-metric strong{font-size:1.3rem;line-height:1}.admin-metric span{margin-top:5px;color:var(--muted);font-size:0.78rem;font-weight:750}.admin-look{margin-top:12px;font-weight:750}.admin-feedback{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg)}.admin-feedback p{margin:0;color:var(--muted);font-weight:750;line-height:1.35}.admin-song-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.admin-song-groups section{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg)}.admin-song-groups h4{margin:0 0 10px}.admin-song-groups ol{margin:0;padding-left:18px}.admin-song-groups li{margin-bottom:7px;line-height:1.32}@media (max-width:980px){.deck{grid-template-columns:minmax(0,1fr)}.song-card h3{font-size:3.2rem}}@media (max-width:760px){html,body:not(.admin-body){height:100%;overflow:hidden}body:not(.admin-body){background:var(--bg)}.admin-shell{width:100vw;margin:0;gap:0}.admin-top,.admin-card,.admin-response{border-left:0;border-right:0;border-radius:0}.admin-top{align-items:stretch;flex-direction:column;padding:calc(10px+env(safe-area-inset-top,0px)) 12px 12px}.admin-token-card,.admin-toolbar,.admin-response-head{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.admin-home,.admin-token-card .primary-button,.admin-actions,.admin-pdf-link{width:100%}.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-response-details{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-song-groups{grid-template-columns:1fr}.help-button{position:fixed;top:calc(10px+env(safe-area-inset-top,0px));right:calc(10px+env(safe-area-inset-right,0px));z-index:80;width:40px;height:40px;font-size:1.08rem}.help-modal{align-items:center;padding:8px;padding-top:calc(8px+env(safe-area-inset-top,0px));padding-bottom:calc(8px+env(safe-area-inset-bottom,0px));overflow:hidden}.help-card{width:100%;max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;overflow:hidden;padding:16px 14px 14px}.help-card h2{flex:0 0 auto;margin-bottom:9px;padding-right:42px;font-size:clamp(1.02rem,5.2vw,1.22rem);line-height:1.12}.help-close{top:10px;right:10px;width:34px;height:34px;font-size:1.38rem}.help-choice-list{min-height:0;flex:1 1 auto;gap:7px;margin-bottom:10px;overflow:auto;overscroll-behavior:contain;padding-right:2px}.help-choice-row{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:8px}.help-choice-icon{width:36px;height:36px;font-size:1.02rem}.help-choice-look{font-size:0.58rem}.help-choice-row p{font-size:clamp(0.76rem,3.7vw,0.86rem);line-height:1.25}.help-primary{flex:0 0 auto;min-height:42px}.image-modal{gap:12px;padding:14px;padding-top:calc(64px+env(safe-area-inset-top,0px));padding-bottom:calc(14px+env(safe-area-inset-bottom,0px))}.image-close{top:10px;right:10px;width:42px;height:42px;font-size:1.55rem}.image-photo-shell,.image-photo-shell img{max-width:100%;max-height:calc(100dvh - 190px)}.image-caption h2{font-size:1.14rem}.image-caption p{font-size:0.9rem}.help-lead{font-size:0.95rem}.help-steps div{padding:12px}.app-shell{width:100vw;height:100dvh;min-height:100dvh;margin:0;gap:0;grid-template-rows:auto minmax(0,1fr) auto}.topbar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:9px 10px;padding:calc(10px+env(safe-area-inset-top,0px)) 12px 10px;border-top:0;border-left:0;border-right:0;border-radius:0;background:var(--surface-strong);box-shadow:var(--shadow-card)}.brand{gap:10px}.brand-mark{width:34px;height:34px}.brand .eyebrow{display:none}h1{max-width:calc(100vw - 190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem}.tabs{position:static;grid-column:1 / -1;grid-row:2;width:100%;min-height:48px;box-shadow:none}.topbar-actions{grid-column:2;grid-row:1;display:flex;align-self:center;align-items:center;gap:8px}.topbar-site-link{width:auto;min-height:40px;padding:0 12px;font-size:0.78rem}.menu-button{width:40px;height:40px}.topbar-menu{top:calc(100%+66px);min-width:min(220px,calc(100vw - 24px))}.layout{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;overflow:hidden}.is-list-view .layout{grid-template-rows:minmax(0,1fr)}.is-list-view .dialogue{display:none}.is-list-view .list-end-stats{display:grid}.dialogue{order:2;max-height:32vh;padding:10px 12px calc(12px+env(safe-area-inset-bottom,0px));gap:10px;border-left:0;border-right:0;border-bottom:0;border-radius:0;box-shadow:none;overflow:auto}.message p{margin-bottom:2px;font-size:0.9rem;line-height:1.32}.message-note{font-size:0.8rem}.stats{margin-top:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stats div{min-height:60px;padding:8px 5px;border-radius:8px;gap:3px}.stats strong{font-size:1.05rem}.stats span{font-size:clamp(0.6rem,2.45vw,0.68rem);line-height:1.12}.view-panel{min-height:0;padding:12px 12px 10px;order:1;border:0;border-radius:0;box-shadow:none;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;overflow:hidden}#listView{display:block;overflow:auto;padding-bottom:14px}#listView .panel-head{margin-bottom:14px}#listView .song-list{min-height:auto;overflow:visible}.panel-head{align-items:center;gap:10px}.panel-head .eyebrow{display:none}h2{font-size:1.02rem}.progress-pill{min-width:64px;padding:7px 9px;font-size:0.86rem;border-radius:8px}.deck{grid-template-columns:1fr;gap:0;align-items:stretch;overflow:visible}.song-card{width:100%;min-height:0;height:100%;padding:20px;box-shadow:var(--shadow)}.song-card h3{max-width:13ch;margin-bottom:8px;font-size:2.38rem}.song-card p{margin-bottom:14px;font-size:1rem}.song-meta{top:14px;right:14px;min-width:40px;padding:6px 8px;font-size:0.76rem}.audio-control{top:14px;left:14px;min-height:38px;padding:0 10px;font-size:0.78rem}.audio-control span:first-child{width:20px;height:20px}.stamp{top:62px;left:18px;padding:6px 8px;font-size:0.8rem}.tag-row{gap:6px}.tag{padding:6px 8px;font-size:0.76rem}.actions{gap:10px}.round-button{width:56px;height:56px;font-size:1.7rem}.text-button,.primary-button{min-height:40px;padding:0 12px}.song-list{padding-right:0;padding-bottom:0}.song-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px}.selection-footer{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:8px;padding:10px 12px calc(18px+env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow-card)}.app-copyright{font-size:0.62rem}.selection-footer .app-copyright{grid-column:auto;grid-row:auto;justify-self:start}.selection-footer .next-button{grid-column:auto;grid-row:auto}.next-button{width:100%}.summary-page,.lookbook-page{width:100vw;height:100dvh;min-height:100dvh;margin:0;gap:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.summary-top{position:sticky;top:0;z-index:5;padding:calc(10px+env(safe-area-inset-top,0px)) 12px 10px;border-top:0;border-left:0;border-right:0;border-radius:0;box-shadow:var(--shadow-card)}.summary-content,.lookbook-content{min-height:0;overflow:auto;padding:16px 12px calc(72px+env(safe-area-inset-bottom,0px))}.summary-content{display:flex;flex-direction:column;align-items:stretch;gap:16px}.summary-content>section{flex-shrink:0}.lookbook-intro{align-items:stretch;flex-direction:column;padding:14px}.lookbook-grid{grid-template-columns:1fr;gap:10px}.look-card{--look-media-width:116px;gap:10px;padding:10px;align-items:stretch}.look-media{aspect-ratio:3 / 5}.look-placeholder{min-height:0}.look-body strong{font-size:1rem}.look-body>span:not(.look-select-control){font-size:0.9rem}.look-select-control{width:100%;min-height:40px;margin-top:auto;font-size:0.88rem}.summary-column{min-height:auto;padding:14px;overflow:hidden}.summary-column.is-collapsed{padding:12px 14px}.summary-toggle{min-height:auto;padding:8px 0;align-items:center;line-height:1.16}.summary-toggle>span:first-child{min-width:0;overflow-wrap:anywhere}.summary-toggle-meta{flex:0 0 auto}.summary-form,.feedback-form{grid-template-columns:1fr;gap:10px;padding:14px}.summary-form input,.feedback-form input{min-height:42px}.result-bar{display:flex;align-items:stretch;flex-direction:column;padding:14px}.result-bar>.primary-button{align-self:stretch}}@media (max-width:520px){.song-card{min-height:0}.stats{grid-template-columns:repeat(4,1fr)}.stats div{min-height:64px}.song-row{grid-template-columns:1fr}.song-row.has-audio{grid-template-columns:42px minmax(0,1fr)}.choice-buttons{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-column:1 / -1}.choice-buttons button{width:100%}.dialogue{max-height:38vh}.look-card{grid-template-columns:1fr}.look-media{aspect-ratio:3 / 5;width:min(220px,100%);justify-self:center}.look-placeholder{min-height:0}.song-card h3{font-size:2.05rem}}@media (max-height:700px) and (max-width:760px){.dialogue{max-height:28vh}.message{display:none}.song-card h3{font-size:1.82rem}.round-button{width:50px;height:50px}}@media (max-width:520px){.success-page{padding:16px 16px calc(42px+env(safe-area-inset-bottom,0px))}.success-page>div{padding:24px 18px}.success-logo{width:min(300px,86vw);max-height:140px;margin-bottom:18px}.success-page h2{font-size:1.28rem}}