@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--page-bg:radial-gradient(circle at top left, #ff6b6b33, transparent 22%), radial-gradient(circle at top right, #20c5c92e, transparent 24%), radial-gradient(circle at 50% 100%, #1488cc29, transparent 28%), linear-gradient(180deg, #fbf9ff, #f1efff 54%, #ecf7ff);--bg:#f7f4ff;--surface:#ffffffe0;--paper:#fff;--ink:#16162f;--muted:#5f627d;--border:#16162f1a;--accent:#ff6b6b;--accent-strong:coral;--accent-soft:#ff6b6b29;--secondary:#20c5c9;--secondary-strong:#1488cc;--secondary-soft:#20c5c929;--success:#1fa971;--warning:#d18b1f;--danger:#d6455d;--shadow-soft:0 28px 60px #231a4a1a, 0 8px 22px #231a4a14;--shadow-strong:0 30px 70px #231a4a2e, 0 12px 24px #231a4a1f;--font-display:"Sora", "Segoe UI", sans-serif;--font-sans:"Plus Jakarta Sans", "Aptos", "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}:root[data-theme=dark]{--page-bg:radial-gradient(circle at top left, #ff7a9a29, transparent 22%), radial-gradient(circle at top right, #57d6ff24, transparent 24%), radial-gradient(circle at 50% 100%, #6c7dff29, transparent 28%), linear-gradient(180deg, #0b1020, #0d1328 54%, #0a1120);--bg:#0b1020;--surface:#11162ae6;--paper:#12182d;--ink:#f3f6ff;--muted:#a7b1d8;--border:#ffffff1a;--accent:#ff7a9a;--accent-strong:#f96;--accent-soft:#ff7a9a2e;--secondary:#57d6ff;--secondary-strong:#6c7dff;--secondary-soft:#57d6ff2e;--success:#59d39d;--warning:#f0b34e;--danger:#ff6f89;--shadow-soft:0 28px 60px #02061773, 0 8px 22px #02061747;--shadow-strong:0 30px 70px #02061794, 0 12px 24px #0206175c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 82%);mask-image:radial-gradient(circle,#000 20%,#0000 82%)}:root[data-theme=dark] body:before{opacity:.14;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px)}#root{min-height:100vh;position:relative}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.04em;margin:0}h1{max-width:12ch;font-size:clamp(2.9rem,5vw,4.9rem);line-height:.94}h2{font-size:clamp(1.7rem,3vw,2.4rem)}h3{font-size:1.22rem}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{width:min(1400px,100% - 32px);margin:0 auto;padding:28px 0 56px}.app-topbar{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#ff6b6b1f,#0000 28%),radial-gradient(circle at 100% 0,#20c5c924,#0000 26%),linear-gradient(135deg,#ffffffe0,#f2f5fff5);border:1px solid #ffffff59;border-radius:34px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:18px 24px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.signin-shortcut-wrap{position:relative}.brand-block{align-items:center;min-width:0;display:flex}.brand-logo{width:clamp(180px,24vw,320px);max-width:100%;height:auto;display:block}.start-card{background:radial-gradient(circle at 0 0,#ff6b6b29,#0000 30%),radial-gradient(circle at 100% 0,#20c5c926,#0000 28%),linear-gradient(#fffffff5,#f2f5fff0);gap:22px;margin-bottom:28px;padding:32px;display:grid}.integrated-reel{background:#ffffff7a;border-top:1px solid #16162f0f;border-radius:28px;gap:12px;margin-top:0;padding:24px;display:grid}.visual-carousel-shell{gap:16px;display:grid}.visual-carousel{touch-action:pan-y;display:grid}.visual-slide{background:radial-gradient(circle at 0 0,#ffffff8f,#0000 36%),linear-gradient(135deg,#ffffffeb,#fcf4f8e0);border:1px solid #17313b14;border-radius:30px;grid-template-columns:1fr;align-items:start;gap:12px;padding:14px 14px 16px;display:grid;box-shadow:0 18px 44px #231a4a14}.visual-slide-copy{align-content:start;gap:3px;padding:4px 4px 2px;display:grid}.visual-slide-copy h3{margin:0;font-size:clamp(.95rem,1.15vw,1.15rem);line-height:1.05}.visual-slide-copy p{margin:0;font-size:.8rem}.visual-slide-frame{aspect-ratio:4/3;background:linear-gradient(#ffffffb8,#f6f0f8d1);border:1px solid #17313b14;border-radius:26px;min-height:0;position:relative;overflow:hidden}.visual-slide-frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff38}.visual-slide-image{object-fit:contain;object-position:center;background:#fff3;width:100%;height:100%;display:block}.visual-carousel-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.visual-carousel-dots{justify-content:center;align-items:center;gap:10px;display:flex}.visual-dot{cursor:pointer;background:#16162f29;border:none;border-radius:999px;width:12px;height:12px;transition:transform .16s,background .16s,box-shadow .16s}.visual-dot.active{background:linear-gradient(135deg, var(--accent), var(--secondary));width:28px;box-shadow:0 8px 18px #231a4a29}.visual-dot:hover{transform:translateY(-1px)}.progress-card{background:radial-gradient(circle at 0 0,#ffffff94,#0000 42%),linear-gradient(135deg,#ffffffeb,#fcf4f8db);border:1px solid #16162f14;border-radius:26px;gap:12px;margin-top:0;padding:18px 20px;display:grid;box-shadow:0 18px 40px #231a4a0f}.progress-card p,.progress-headline strong,.progress-headline span{margin:0}.progress-headline{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-headline strong{font-size:1.05rem}.progress-headline span{color:var(--accent);font-weight:800}.progress-bar{background:#1488cc1a;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-bar-fill{border-radius:inherit;background:linear-gradient(135deg, var(--accent), var(--secondary));height:100%;display:block}.main-nav{flex-wrap:wrap;gap:10px;display:flex}.theme-toggle{width:44px;height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#16162f0a;border:1px solid #16162f14;border-radius:999px;justify-content:center;align-items:center;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.signin-shortcut{color:var(--ink);min-height:44px;font:inherit;cursor:pointer;background:#16162f0a;border:1px solid #16162f14;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;transition:transform .16s,background .16s,box-shadow .16s,border-color .16s;display:inline-flex}.signin-shortcut:hover,.signin-shortcut:focus-visible{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.signin-shortcut.connected{background:linear-gradient(135deg,#ff8a001f,#1488cc1f);border-color:#1488cc2e}.signin-shortcut-badge{background:linear-gradient(135deg, var(--secondary), var(--secondary-strong));color:#fff;letter-spacing:.04em;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.74rem;font-weight:900;display:inline-flex}.signin-shortcut-copy{text-align:left;gap:1px;display:grid}.signin-shortcut-copy strong,.signin-shortcut-copy small{margin:0}.signin-shortcut-copy strong{font-size:.88rem;line-height:1.05}.signin-shortcut-copy small{color:var(--muted);font-size:.72rem;line-height:1.05}.signin-menu{min-width:230px;box-shadow:var(--shadow-strong);z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #16162f14;border-radius:22px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:0}.signin-menu-item{color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#16162f0a;border:1px solid #16162f14;border-radius:16px;padding:12px 14px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s,opacity .16s}.signin-menu-item:hover:not(:disabled),.signin-menu-item:focus-visible:not(:disabled){box-shadow:var(--shadow-soft);transform:translateY(-1px)}.signin-menu-item:disabled{cursor:not-allowed;opacity:.58}.signin-menu-item.danger{color:#b42318}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle-icon{justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.nav-button{color:var(--ink);font:inherit;cursor:pointer;background:#16162f0a;border:1px solid #16162f14;border-radius:999px;padding:12px 16px;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s}.nav-button.active{background:linear-gradient(135deg, var(--secondary), var(--secondary-strong));color:#fff;box-shadow:var(--shadow-soft)}.nav-button:hover{transform:translateY(-1px)}.credits-cta{isolation:isolate;color:#fffaf0;background:linear-gradient(135deg,#ff8a00,#ff5a5f);border-color:#d6670085;align-items:center;gap:10px;display:inline-flex;position:relative;box-shadow:0 16px 34px #d667003d,inset 0 1px #ffeec43d}.credits-cta:before,.credits-cta:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-2px}.credits-cta:before{opacity:.5;background:linear-gradient(120deg,#0000 12%,#ffffff14 32%,#fff4e03d 50%,#ffffff14 68%,#0000 88%);animation:3.8s ease-in-out infinite credits-cta-shimmer;transform:translate(-120%)skew(-18deg)}.credits-cta:after{filter:blur(10px);opacity:.3;background:radial-gradient(circle at 30% 20%,#ffd38047,#0000 58%);inset:1px}.credits-cta:hover,.credits-cta:focus-visible{transform:translateY(-2px)scale(1.02);box-shadow:0 22px 42px #d6670052,0 0 0 1px #ffe18580,inset 0 1px #fffad6e6}.credits-cta.active{color:#fff;background:linear-gradient(135deg,#ff7a00,#ff4d6d)}.credits-cta-icon{color:#fff8cf;background:#ffffff29;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.2rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 0 18px #ffd66247,inset 0 1px #ffffff3d}@keyframes credits-cta-shimmer{0%,48%{opacity:0;transform:translate(-120%)skew(-18deg)}58%{opacity:.8}72%{opacity:0;transform:translate(120%)skew(-18deg)}to{opacity:0;transform:translate(120%)skew(-18deg)}}.hero-section,.result-section,.reel-section{position:relative}.hero-section{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.hero-copy,.hero-sidecard,.stage-card,.result-card,.result-explainer{border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:32px;overflow:hidden}.hero-copy{background:radial-gradient(circle at 0 0,#ff6b6b57,#0000 34%),radial-gradient(circle at 92% 20%,#20c5c933,#0000 24%),linear-gradient(135deg,#fffffffa,#f2f6fff0);padding:36px}.start-card h1{max-width:12ch;font-size:clamp(2.2rem,4vw,3.9rem);line-height:.95}.reel-section h2{font-size:clamp(1.3rem,2.1vw,1.95rem);line-height:1.05}.start-card .hero-text{max-width:62ch;font-size:1.08rem;line-height:1.6}.hero-copy-block{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:stretch;gap:22px;display:grid}.hero-copy-main{align-content:start;gap:18px;display:grid}.hero-sidecard{color:#ffffffeb;background:radial-gradient(circle at 100% 0,#ff6b6b47,#0000 28%),radial-gradient(circle at 0 100%,#20c5c92e,#0000 28%),linear-gradient(#18193a,#11162f);padding:28px}.hero-topline,.stage-head,.section-heading,.precheck-head,.confirm-item{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-topline{align-items:center}.eyebrow,.section-kicker,.sidecard-label,.card-label,.subcard-label{text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.72rem;font-weight:800}.hero-badge,.panel-chip,.pill,.precheck-badge,.confirm-state{border-radius:999px;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex}.hero-badge{background:linear-gradient(135deg, var(--accent-soft), var(--secondary-soft));color:var(--ink);padding:10px 14px}.hero-text,.panel-copy,.subcard-copy,.assistant-lead,.result-note,.precheck-copy,.journey-content span,.field small,.api-field small{color:var(--muted)}.journey-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reel-section{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#ff6b6b29,#0000 28%),radial-gradient(circle at 100% 0,#20c5c924,#0000 24%),linear-gradient(#fffffff5,#f3f5fff0);border-radius:32px;margin-bottom:28px;padding:26px}.reel-frame{touch-action:pan-y;justify-items:center;gap:16px;display:grid}.reel-card{background:radial-gradient(circle at top,#ffffff57,#0000 42%),linear-gradient(#ffffffdb,#f8f0e6e0);border:1px solid #17313b14;border-radius:30px;align-content:space-between;gap:18px;width:100%;max-width:none;min-height:280px;padding:22px;display:grid}.reel-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:0 6px;display:flex}.reel-counter{text-align:center;min-width:68px;color:var(--ink);opacity:.74;font-weight:800}.reel-card.complete{background:radial-gradient(circle at 0 0,#1fa9712e,#0000 34%),linear-gradient(#ffffffe0,#ecf5f0f0)}.reel-card.active{background:radial-gradient(circle at 0 0,#ff6b6b38,#0000 34%),linear-gradient(#ffffffe6,#ffece8f0)}.reel-card.upcoming{background:radial-gradient(circle at 100% 0,#20c5c924,#0000 30%),linear-gradient(#ffffffe0,#f0f5fceb)}.reel-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.reel-stepno{width:46px;height:46px;color:var(--ink);background:#1488cc14;border-radius:16px;place-items:center;font-weight:800;display:grid}.reel-state{color:var(--ink);background:#17313b0f;border-radius:999px;justify-content:center;align-items:center;padding:9px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.reel-state.complete{color:var(--success);background:#1fa9712e}.reel-state.active{color:#be3a57;background:#ff6b6b2e}.reel-state.upcoming{color:#17313bb3;background:#1488cc14}.reel-card-copy{gap:10px;display:grid}.reel-card-copy h3,.reel-card-copy p{margin:0}.reel-card-copy h3{font-size:1.26rem}.reel-progress-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.step-marker{color:#16162fc2;background:#16162f0f;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.step-marker.complete{color:var(--success);background:#1fa97129}.step-marker.active{color:var(--accent);background:#ff6b6b29}.step-marker.upcoming{color:var(--muted);background:#1488cc14}.reel-progress-text{color:var(--muted);font-size:.84rem;font-weight:800}.reel-card-copy p{color:var(--muted)}.reel-link{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;width:fit-content;box-shadow:var(--shadow-soft);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex}.journey-card{text-align:left;background:#ffffffbd;border:1px solid #17313b14;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 18px;display:grid;box-shadow:0 14px 28px #231a4a0a}.journey-card.current{border-color:#1488cc3d;transform:translateY(-1px);box-shadow:0 20px 36px #231a4a14}.journey-card.active{background:radial-gradient(circle at 0 0,#ff6b6b24,#0000 36%),#fffc}.journey-card.upcoming{background:radial-gradient(circle at 100% 0,#20c5c91f,#0000 36%),#ffffffb8}.journey-stepno.complete{color:var(--success);background:#1fa9712e}.journey-stepno.active{color:var(--accent);background:#ff6b6b2e}.journey-stepno.upcoming{color:var(--muted);background:#1488cc14}.journey-content{gap:3px;min-width:0;display:grid}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c1f8f;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-x:clip}.modal-panel{overscroll-behavior:contain;box-sizing:border-box;border-radius:32px;width:min(1080px,100%);min-width:0;max-height:calc(100vh - 48px);overflow:clip auto}.modal-panel-wide{width:min(1180px,100%)}.modal-panel>*{min-width:0}.modal-stage{margin:0}.mobile-flow-stack{gap:22px;display:grid}.inline-stage{margin:0}.inline-stage-header{margin-bottom:18px}.journey-card-info{cursor:default}.journey-card-info:hover{transform:none}.modal-form{margin:0}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-header-copy{gap:4px;display:grid}.modal-header-copy h2,.modal-header-copy p{margin:0}.photo-panel .modal-header{margin-bottom:10px}.photo-panel .modal-header-copy h2{line-height:1}.photo-panel .modal-header-copy .panel-copy{max-width:52ch;font-size:.96rem}.modal-close{color:var(--ink);font:inherit;cursor:pointer;background:#16162f0d;border:1px solid #16162f14;border-radius:999px;padding:12px 16px;font-weight:800}.journey-card{cursor:pointer;background:#ffffffb8;border:1px solid #17313b14;border-radius:24px;grid-template-columns:auto 1fr;gap:12px;padding:18px;display:grid}button.journey-card,button.journey-card:hover,button.journey-card:focus-visible{cursor:pointer}.journey-card.complete{background:linear-gradient(135deg,#ffffffd6,#e4fbf2f0)}.journey-card.active{background:linear-gradient(135deg,#ffffffe0,#ffece8f5);border-color:#ff6b6b47}.journey-card.upcoming{opacity:.76}.journey-stepno{width:42px;height:42px;color:var(--ink);background:#16162f14;border-radius:16px;place-items:center;font-weight:800;display:grid}.journey-card.complete .journey-stepno{color:var(--success);background:#1fa9712e}.journey-card.active .journey-stepno{color:#be3a57;background:#ff6b6b2e}.journey-content{gap:4px;display:grid}.journey-content p,.status-card p,.status-card strong,.summary-item span,.summary-item strong,.intent-stat span,.intent-stat strong,.confirm-item p,.confirm-item strong{margin:0}.journey-content p{text-transform:uppercase;letter-spacing:.14em;color:#17313ba3;font-size:.68rem;font-weight:800}.journey-content strong{color:var(--ink);font-size:.96rem;line-height:1.15}.journey-content span{color:var(--muted);font-size:.82rem;line-height:1.35}.journey-arrow{width:34px;height:34px;color:var(--muted);background:#16162f0d;border-radius:999px;place-items:center;font-size:1.2rem;line-height:1;display:grid}.journey-card:hover{transform:translateY(-2px)}.hero-sidecard h2{color:var(--paper);margin-top:12px}.hero-sidecard p{color:#fff7eed6}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.summary-item{background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;gap:6px;padding:14px;display:grid}.summary-item span{color:#fff7ee99;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.summary-item strong{color:var(--paper);line-height:1.35}.pill{color:var(--paper);background:#ffffff1f;border:1px solid #ffffff24;padding:9px 14px}.pill.light{color:var(--ink);background:#1488cc14;border-color:#1488cc14}.panel-chip{color:var(--ink);background:linear-gradient(135deg,#20c5c91f,#1488cc1f);padding:10px 14px}.status-card{border:1px solid #ffffff14;border-radius:22px;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;display:grid}.status-card.neutral{background:#ffffff14}.status-card.success{background:#1fa97129}.status-card.warning{background:#d18b1f29}.status-card.danger{background:#d6455d2e}.status-dot{background:currentColor;border-radius:999px;width:11px;height:11px;margin-top:5px}.journey-layout{gap:24px;margin-bottom:28px;display:grid}.stage-card{background:radial-gradient(circle at 100% 0,#20c5c924,#0000 26%),radial-gradient(circle at 0 0,#ff6b6b14,#0000 28%),linear-gradient(#fffffff5,#f5f7fff0);padding:26px}.assistant-panel{background:radial-gradient(circle at 100% 0,#ff6b6b29,#0000 26%),radial-gradient(circle at 0 100%,#20c5c91f,#0000 30%),linear-gradient(#fffcfdfa,#f4f2fff5)}.stage-grid{gap:20px;margin-top:24px;display:grid}.photo-stage-grid,.confirm-stage-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.photo-entry-card{gap:16px;padding:16px 18px;display:grid}.photo-entry-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.photo-entry-copy{gap:6px;display:grid}.photo-entry-copy h3,.photo-entry-copy p{margin:0}.photo-entry-actions{justify-content:flex-end;margin-top:0}.photo-entry-actions .action-button{min-width:148px}.photo-review-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:20px;display:grid}.photo-preview-stack,.photo-precheck-stack{gap:16px;height:100%;display:grid}.photo-precheck-stack{flex-direction:column;display:flex}.photo-precheck-stack .tips-card{margin-top:auto}.form-stage-grid{grid-template-columns:minmax(0,1fr)}.stage-column,.confirm-stack,.confirm-sidebar,.style-form{gap:16px;display:grid}.brief-mode-tabs{background:#16162f0d;border:1px solid #17313b14;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px;display:inline-grid}.brief-mode-tab{min-height:46px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:18px;padding:12px 16px;font-weight:800;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.brief-mode-tab.active{color:var(--ink);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ff6b6b29,#20c5c924)}.brief-mode-tab:hover,.brief-mode-tab:focus-visible{transform:translateY(-1px)}.transform-panel,.transform-hint-card{gap:10px;display:grid}.transform-selector-copy{gap:6px;display:grid}.field-title{color:var(--ink);font-weight:800}.transform-selector-help{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.transform-hint-card{text-align:left;width:100%;font:inherit;cursor:pointer;background:#ffffffc7;border:1px solid #17313b1a;border-radius:22px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.transform-hint-card strong,.transform-hint-card p{margin:0}.transform-hint-card strong{color:var(--ink)}.transform-hint-card p{color:var(--muted);font-size:.92rem;line-height:1.45}.transform-hint-card.active{background:radial-gradient(circle at 0 0,#ff6b6b24,#0000 34%),radial-gradient(circle at 100% 100%,#20c5c924,#0000 32%),#ffffffeb;border-color:#1488cc2e}.transform-hint-card:hover,.transform-hint-card:focus-visible{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.stage-subcard,.precheck-card,.confirm-card{background:#ffffffd1;border:1px solid #17313b14;border-radius:24px;padding:18px}.tips-card{background:radial-gradient(circle at 0 0,#ff6b6b1f,#0000 36%),#ffffffd1}.bullet-list{color:var(--muted);gap:8px;margin:12px 0 0;padding-left:18px;display:grid}.uploader-actions,.camera-actions{flex-wrap:wrap;gap:12px;display:flex}.camera-actions .action-button{flex:180px}.uploader-actions{margin-top:18px}.camera-card{background:#1488cc0d;border:1px solid #1488cc1a;border-radius:26px;gap:14px;padding:16px;display:grid}.camera-frame{background:#10252d;border-radius:22px;min-height:260px;overflow:hidden}.camera-video{object-fit:cover;width:100%;min-height:260px;max-height:420px;display:block}.action-button,.generate-button{cursor:pointer;font:inherit;border:none;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s;position:relative;overflow:hidden}.action-button{background:linear-gradient(135deg, var(--secondary), var(--secondary-strong));color:#fff;box-shadow:var(--shadow-soft);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:800;display:inline-flex}.action-button.muted{color:var(--ink);background:#1488cc14}.new-look-button{isolation:isolate;color:#fff7ef;background:#ff8a00;border:1px solid #d6670094;animation:4.8s ease-in-out infinite new-look-float;transform:translateZ(0);box-shadow:0 18px 40px #d6670047,inset 0 1px #ffd6a33d}.new-look-button:before,.new-look-button:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-2px}.new-look-button:before{opacity:.42;mix-blend-mode:screen;background:linear-gradient(120deg,#0000 18%,#ffffff14 34%,#fff4e038 50%,#ffffff14 66%,#0000 82%);animation:3.8s ease-in-out infinite new-look-shimmer;transform:translate(-120%)skew(-18deg)}.new-look-button:after{opacity:.28;filter:blur(10px);background:radial-gradient(circle at 30% 20%,#ffc16b38,#0000 55%);animation:2.8s ease-in-out infinite new-look-glow;inset:1px}.new-look-button:hover,.new-look-button:focus-visible{transform:translateY(-3px)scale(1.03);box-shadow:0 24px 48px #d6670057,0 0 0 1px #ffe98d8a,inset 0 1px #fffad6e6}.new-look-button:active{transform:translateY(-1px)scale(.99)}.new-look-button:focus-visible{outline:none;box-shadow:0 24px 48px #d6670057,0 0 0 4px #ffbb0052,inset 0 1px #fffad6e6}@keyframes new-look-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.01)}}@keyframes new-look-shimmer{0%,48%{opacity:0;transform:translate(-120%)skew(-18deg)}58%{opacity:.85}72%{opacity:0;transform:translate(120%)skew(-18deg)}to{opacity:0;transform:translate(120%)skew(-18deg)}}@keyframes new-look-glow{0%,to{opacity:.42;transform:scale(.98)}50%{opacity:.72;transform:scale(1.04)}}.action-button:hover,.generate-button:hover{box-shadow:var(--shadow-strong);transform:translateY(-1px)}.action-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.preview-frame,.result-frame{background:radial-gradient(circle at top,#20c5c929,#0000 42%),linear-gradient(#fffffffa,#f5f6ffeb);border:1px dashed #1488cc33;border-radius:28px;justify-content:center;align-items:center;min-height:380px;display:flex;overflow:hidden}.photo-preview-frame{min-height:460px}.preview-image,.result-image{object-fit:cover;width:100%;height:100%;display:block}.preview-empty,.result-empty{text-align:center;color:var(--muted);gap:8px;padding:24px;display:grid}.meta-row{color:var(--muted);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.precheck-copy{font-size:.94rem}.precheck-badge{padding:8px 12px}.precheck-badge.ready{color:var(--success);background:#1fa97129}.precheck-badge.pending{color:var(--warning);background:#d18b1f2e}.precheck-grid,.precheck-manual,.confirm-list,.intent-stat-grid{gap:10px;display:grid}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.precheck-item,.intent-stat,.confirm-item{border:1px solid #17313b14;border-radius:18px;padding:14px}.precheck-item.success{background:#1fa97114}.precheck-item.warning{background:#d18b1f1f}.precheck-item strong,.precheck-item p{margin:0}.precheck-item p{color:var(--muted);margin-top:6px;font-size:.92rem}.checkline{background:#fffc;border:1px solid #17313b14;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px 14px;display:grid}.checkline input,.toggle-card input{margin-top:4px}.checkline span{color:var(--ink);font-size:.95rem}@media (width<=900px){.journey-strip,.hero-copy-block{grid-template-columns:minmax(0,1fr)}.journey-card{grid-template-columns:auto 1fr}.journey-arrow{display:none}.hero-copy-main{gap:14px}.start-card h1{max-width:none}.photo-entry-layout{grid-template-columns:minmax(0,1fr);align-items:start}.photo-entry-actions{flex-wrap:nowrap;justify-content:stretch}.photo-entry-actions .action-button{flex:1 1 0;min-width:0}.photo-review-grid{grid-template-columns:minmax(0,1fr)}.photo-preview-stack,.photo-precheck-stack{height:auto}.photo-precheck-stack .tips-card{margin-top:0}}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field,.fieldset{gap:9px;display:grid}.field>span,.fieldset>legend{color:var(--ink);font-weight:800}.field input,.field select,.field textarea{width:100%;color:var(--ink);font:inherit;box-sizing:border-box;resize:vertical;background:#ffffffdb;border:1px solid #17313b29;border-radius:18px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus,.field select:focus,.field textarea:focus{background:#fffffff5;border-color:#1488ccb8;outline:none;box-shadow:0 0 0 4px #1488cc1f}.fieldset{border:1px solid #17313b1a;border-radius:24px;margin:0;padding:16px}.option-grid{gap:12px;display:grid}.toggle-card{cursor:pointer;background:#ffffffc7;border:1px solid #17313b14;border-radius:18px;grid-template-columns:auto 1fr;grid-template-areas:"input title""input hint";align-items:flex-start;gap:4px 10px;padding:14px;display:grid}.toggle-card span{color:var(--ink);grid-area:title;font-weight:800}.toggle-card small{color:var(--muted);grid-area:hint}.confirm-card{gap:16px;display:grid}.confirm-item{background:#17313b08}.confirm-item strong{color:var(--ink);margin-bottom:6px;display:block}.confirm-item p{color:var(--muted);max-width:56ch}.confirm-state{white-space:nowrap;padding:8px 12px}.confirm-state.ok{color:#265c45;background:#71be9729}.confirm-state.pending{color:#7a5513;background:#e8be722e}.generate-button{background:linear-gradient(120deg, var(--accent), var(--accent-strong));color:#fff;width:100%;box-shadow:var(--shadow-soft);border-radius:22px;justify-content:center;padding:16px 20px;font-weight:800}.generate-button:disabled{cursor:wait;opacity:.72}.assistant-thread{gap:12px;display:grid}.assistant-bubble{background:#ffffffdb;border:1px solid #17313b14;border-radius:22px 22px 22px 10px;padding:16px}.assistant-bubble p,.assistant-block ul,.result-explainer ul{margin:0}.assistant-block{border-top:1px solid #17313b17;gap:12px;padding-top:18px;display:grid}.assistant-block ul,.result-explainer ul{color:var(--muted);gap:8px;padding-left:18px;display:grid}.result-section{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 100% 0,#20c5c92e,#0000 28%),radial-gradient(circle at 0 0,#ff6b6b1f,#0000 26%),linear-gradient(#fffffffa,#f5f5fffa);border-radius:34px;padding:30px}.result-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0 0;display:flex}.credits-balance{color:var(--muted);margin:10px 0 0;font-size:.95rem;font-weight:700}.inline-message{margin:0}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.result-card,.result-explainer{background:#ffffffc7;padding:20px}.result-card.highlight{color:#fff;background:radial-gradient(circle at top,#ff6b6b2e,#0000 28%),radial-gradient(circle at 0 100%,#20c5c929,#0000 30%),linear-gradient(#1a1d46,#151834)}.result-card.highlight .card-label{color:#fff9f1b8}.result-card.highlight .result-frame{background:radial-gradient(circle at top,#ff6b6b3d,#0000 40%),#ffffff0f;border-color:#fff9f12e}.encouragement{color:var(--ink);background:#ff6b6b1a;border-radius:18px;margin:18px 0 0;padding:16px}.message{border-radius:16px;margin:0;padding:12px 14px;font-size:.94rem}.message.error{color:var(--danger);background:#d6455d1f}.message.warning{color:var(--warning);background:#d18b1f29}.message.success{color:var(--success);background:#1fa97124}.library-shell,.profile-shell{gap:22px;display:grid}.library-hero,.empty-library,.look-card,.profile-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffdb;border-radius:30px}.library-hero,.empty-library{padding:28px}.library-hero .section-kicker,.empty-library .subcard-label,.look-card-body .subcard-label{letter-spacing:.18em;font-size:.72rem}.library-hero h1{max-width:none;margin:8px 0 0;font-size:clamp(1.3rem,2.1vw,1.95rem);line-height:1.05}.site-meta-footer{margin-top:22px}.site-meta-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#ff6b6b1a,#0000 28%),radial-gradient(circle at 100% 100%,#20c5c91a,#0000 30%),#ffffffdb;border-radius:30px;gap:16px;padding:24px 28px;display:grid}.site-meta-copy{gap:8px;display:grid}.site-meta-copy h2{margin:0;font-size:clamp(1.02rem,1.6vw,1.35rem);line-height:1.15}.site-meta-links{flex-wrap:wrap;gap:12px;display:flex}.site-meta-link{color:var(--ink);min-height:44px;font:inherit;cursor:pointer;background:#16162f0a;border:1px solid #16162f14;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.site-meta-link:hover,.site-meta-link:focus-visible{box-shadow:var(--shadow-soft);background:#1488cc14;border-color:#1488cc2e;transform:translateY(-1px)}.info-modal-panel{width:min(760px,100%)}.info-modal-card{gap:18px;display:grid}.info-modal-card h2{margin:8px 0 0;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.08}.info-modal-body{gap:14px;display:grid}.info-modal-body p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.empty-library p,.look-card-body p{font-size:1rem;line-height:1.55}.empty-library h2,.look-card-body h3{font-size:clamp(1.05rem,1.35vw,1.35rem);line-height:1.15}.looks-grid,.profile-grid{gap:18px;display:grid}.looks-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.look-card{min-width:0;overflow:hidden}.look-images{grid-template-columns:repeat(2,minmax(0,1fr));min-height:220px;display:grid}.look-images img{object-fit:cover;width:100%;height:100%;display:block}.look-card-body{gap:14px;min-width:0;padding:18px;display:grid}.look-card-body h3,.look-card-body p,.profile-card h3,.profile-card p{margin:0}.look-card-body h3{margin-top:2px}.look-meta{color:var(--muted);gap:8px;min-width:0;font-size:.88rem;display:grid}.look-meta span,.look-card-body p,.look-card-body h3{overflow-wrap:anywhere;min-width:0}.look-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.profile-card{gap:12px;padding:22px;display:grid}.credits-shell{gap:18px}.credits-modal-shell{padding:0}.credits-modal-hero{gap:18px;display:grid}.credits-modal-actions{align-items:start;gap:14px;display:grid}.credits-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.credits-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.credit-package{align-content:start;gap:10px;min-height:100%}.credit-package.featured{background:radial-gradient(circle at 0 0,#ff6b6b29,#0000 34%),radial-gradient(circle at 100% 100%,#20c5c924,#0000 30%),#ffffffe6;border-color:#1488cc2e}.credit-price{font-family:var(--font-display);color:var(--ink);font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:.95}.credit-meta{color:var(--muted);align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}:root[data-theme=dark] .app-topbar,:root[data-theme=dark] .hero-copy,:root[data-theme=dark] .stage-card,:root[data-theme=dark] .result-card,:root[data-theme=dark] .result-explainer,:root[data-theme=dark] .library-hero,:root[data-theme=dark] .empty-library,:root[data-theme=dark] .look-card,:root[data-theme=dark] .profile-card,:root[data-theme=dark] .progress-card,:root[data-theme=dark] .stage-subcard,:root[data-theme=dark] .precheck-card,:root[data-theme=dark] .camera-card,:root[data-theme=dark] .preview-frame,:root[data-theme=dark] .result-frame,:root[data-theme=dark] .assistant-bubble,:root[data-theme=dark] .confirm-item,:root[data-theme=dark] .checkline,:root[data-theme=dark] .toggle-card{background:#11162ae6;border-color:#ffffff1a}:root[data-theme=dark] .brief-mode-tabs{background:#ffffff0d;border-color:#ffffff14}:root[data-theme=dark] .brief-mode-tab{color:#d6dfffc7}:root[data-theme=dark] .brief-mode-tab.active{color:#f8fafff5;background:linear-gradient(135deg,#ff7a9a3d,#57d6ff2e)}:root[data-theme=dark] .transform-hint-card{background:#11162ae6;border-color:#ffffff1a}:root[data-theme=dark] .transform-hint-card strong{color:#f8fafff5}:root[data-theme=dark] .transform-hint-card p{color:#d6dfffd1}:root[data-theme=dark] .field-title{color:#f3f6ffeb}:root[data-theme=dark] .transform-selector-help{color:#d6dfffd1}:root[data-theme=dark] .transform-hint-card.active{background:radial-gradient(circle at 0 0,#ff7a9a33,#0000 34%),radial-gradient(circle at 100% 100%,#57d6ff2e,#0000 32%),#11162af0;border-color:#57d6ff33}:root[data-theme=dark] .hero-copy{background:radial-gradient(circle at 0 0,#ff7a9a2e,#0000 34%),radial-gradient(circle at 92% 20%,#57d6ff24,#0000 24%),linear-gradient(135deg,#11162af5,#0b1020f0)}:root[data-theme=dark] .app-topbar{background:linear-gradient(135deg,#11162af0,#0b1020e6)}:root[data-theme=dark] .site-meta-card{background:radial-gradient(circle at 0 0,#ff7a9a24,#0000 28%),radial-gradient(circle at 100% 100%,#57d6ff1f,#0000 30%),#11162ae6;border-color:#ffffff1a}:root[data-theme=dark] .site-meta-copy h2{color:#f8fafff5}:root[data-theme=dark] .site-meta-link{color:#f3f6fff5;background:#57d6ff14;border-color:#57d6ff29}:root[data-theme=dark] .site-meta-link:hover,:root[data-theme=dark] .site-meta-link:focus-visible{background:#57d6ff24;border-color:#57d6ff42}:root[data-theme=dark] .info-modal-body p{color:#d6dfffe0}:root[data-theme=dark] .start-card{background:radial-gradient(circle at 0 0,#ff7a9a2e,#0000 30%),radial-gradient(circle at 100% 0,#57d6ff24,#0000 28%),linear-gradient(#11162af5,#0b1020f0)}:root[data-theme=dark] .journey-card{background:#11162aeb;border-color:#ffffff1a}:root[data-theme=dark] .journey-card.complete{background:radial-gradient(circle at 0 0,#59d39d29,#0000 34%),#11162aeb}:root[data-theme=dark] .journey-card.active{background:radial-gradient(circle at 0 0,#ff7a9a2e,#0000 34%),#11162aeb}:root[data-theme=dark] .journey-card.upcoming{background:radial-gradient(circle at 100% 0,#57d6ff24,#0000 30%),#11162aeb}:root[data-theme=dark] .journey-arrow{background:#ffffff0f}:root[data-theme=dark] .progress-card{background:radial-gradient(circle at 0 0,#ffffff14,#0000 42%),linear-gradient(135deg,#11162af0,#0b1020e6);border-color:#ffffff1a}:root[data-theme=dark] .start-card .hero-text,:root[data-theme=dark] .panel-copy,:root[data-theme=dark] .subcard-copy,:root[data-theme=dark] .assistant-lead,:root[data-theme=dark] .result-note,:root[data-theme=dark] .precheck-copy,:root[data-theme=dark] .journey-content span,:root[data-theme=dark] .field small,:root[data-theme=dark] .api-field small,:root[data-theme=dark] .look-meta,:root[data-theme=dark] .look-card-body p,:root[data-theme=dark] .empty-library p,:root[data-theme=dark] .profile-card p,:root[data-theme=dark] .confirm-item p,:root[data-theme=dark] .assistant-bubble p,:root[data-theme=dark] .reel-card-copy p,:root[data-theme=dark] .progress-card p{color:var(--muted)}:root[data-theme=dark] .section-kicker,:root[data-theme=dark] .subcard-label,:root[data-theme=dark] .sidecard-label,:root[data-theme=dark] .journey-content p,:root[data-theme=dark] .signin-shortcut-copy small,:root[data-theme=dark] .visual-slide-copy p,:root[data-theme=dark] .reel-progress-text,:root[data-theme=dark] .reel-counter{color:#dce4ffd1}:root[data-theme=dark] .journey-content strong,:root[data-theme=dark] .visual-slide-copy h3,:root[data-theme=dark] .progress-headline strong,:root[data-theme=dark] .progress-headline span{color:#f8fafff5}:root[data-theme=dark] .integrated-reel{background:#ffffff0f;border-top-color:#ffffff1f}:root[data-theme=dark] .visual-slide-copy .subcard-copy,:root[data-theme=dark] .journey-content span{color:#c7d1f3e0}:root[data-theme=dark] .visual-dot.active{box-shadow:0 10px 22px #57d6ff2e,inset 0 0 0 1px #ffffff24}:root[data-theme=dark] .signin-shortcut{background:#57d6ff1a;border-color:#57d6ff33}:root[data-theme=dark] .field>span,:root[data-theme=dark] .fieldset>legend,:root[data-theme=dark] .result-explainer h3,:root[data-theme=dark] .result-card:not(.highlight) .card-label,:root[data-theme=dark] .result-explainer .card-label,:root[data-theme=dark] .credits-balance{color:#f3f6ffeb}:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea{color:#f3f6fff5;background:#070c1aeb;border-color:#a7b1d842}:root[data-theme=dark] .field input::placeholder,:root[data-theme=dark] .field textarea::placeholder{color:#a7b1d8c7}:root[data-theme=dark] .field input:focus,:root[data-theme=dark] .field select:focus,:root[data-theme=dark] .field textarea:focus{background:#091022fa;border-color:#57d6ffb3;box-shadow:0 0 0 4px #57d6ff2e}:root[data-theme=dark] .result-section{background:radial-gradient(circle at 100% 0,#57d6ff29,#0000 28%),radial-gradient(circle at 0 0,#ff7a9a24,#0000 26%),linear-gradient(#101528fa,#090e1cf5)}:root[data-theme=dark] .result-card,:root[data-theme=dark] .result-explainer{background:#0d1223eb}:root[data-theme=dark] .result-explainer ul,:root[data-theme=dark] .result-explainer li{color:#d6dfffe6}:root[data-theme=dark] .encouragement{color:#f8fafff5;background:#ff7a9a29;border:1px solid #ff7a9a2e}:root[data-theme=dark] .message.error{color:#ffb8c4;background:#d6455d33}:root[data-theme=dark] .message.warning{color:#ffd48a;background:#f0b34e2e}:root[data-theme=dark] .message.success{color:#9bf1c3;background:#59d39d2e}:root[data-theme=dark] .credit-package.featured{background:radial-gradient(circle at 0 0,#ff7a9a2e,#0000 34%),radial-gradient(circle at 100% 100%,#57d6ff24,#0000 30%),#11162af0;border-color:#57d6ff33}:root[data-theme=dark] .credit-price{color:#f8fafff5}:root[data-theme=dark] .credit-meta{color:#d6dfffd1}@media (width>=721px){.credits-modal-hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start}.credits-modal-actions{justify-items:end}}:root[data-theme=dark] .nav-button{color:var(--ink);background:#ffffff0f;border-color:#ffffff14}:root[data-theme=dark] .credits-cta{color:#fff8dd;background:linear-gradient(135deg,#d46a00,#ff5c7a);border-color:#ffc34d57;box-shadow:0 18px 38px #00000052,inset 0 1px #ffde9424}:root[data-theme=dark] .credits-cta.active{color:#fff;background:linear-gradient(135deg,#f27c00,#ff6487)}:root[data-theme=dark] .credits-cta-icon{color:#ffe082;background:#fff8dd1f;box-shadow:0 0 18px #ffd05a3d,inset 0 1px #ffffff29}:root[data-theme=dark] .signin-shortcut{color:var(--ink);background:#57d6ff1a;border-color:#57d6ff33}:root[data-theme=dark] .signin-shortcut.connected{background:linear-gradient(135deg,#d46a0047,#57d6ff2e);border-color:#ffc34d42}:root[data-theme=dark] .signin-menu{background:#0b1020f5;border-color:#ffffff14}:root[data-theme=dark] .signin-menu-item{color:var(--ink);background:#ffffff0f;border-color:#ffffff14}:root[data-theme=dark] .signin-menu-item.danger{color:#ffb4ab}:root[data-theme=dark] .action-button.muted{color:#f3f6fff5;background:#57d6ff29;border:1px solid #57d6ff24}:root[data-theme=dark] .new-look-button{color:#fff8dd;background:#c86400;border-color:#ffc34d5c;box-shadow:0 18px 38px #00000057,inset 0 1px #ffde941f}:root[data-theme=dark] .new-look-button:after{background:radial-gradient(circle at 30% 20%,#ffd57547,#0000 55%)}@media (prefers-reduced-motion:reduce){.new-look-button,.new-look-button:before,.new-look-button:after{transition:none;animation:none}}:root[data-theme=dark] .preview-frame,:root[data-theme=dark] .result-frame{background:radial-gradient(circle at top,#57d6ff24,#0000 42%),linear-gradient(#11162af5,#0b1020eb);border-color:#57d6ff33}:root[data-theme=dark] .reel-section{background:radial-gradient(circle at 0 0,#ff7a9a1f,#0000 28%),radial-gradient(circle at 100% 0,#57d6ff1a,#0000 24%),linear-gradient(#11162af2,#0b1020eb)}:root[data-theme=dark] .visual-slide{background:radial-gradient(circle at 0 0,#ffffff14,#0000 36%),linear-gradient(135deg,#11162af0,#0b1020e6);border-color:#ffffff1a}:root[data-theme=dark] .visual-slide-frame{background:linear-gradient(#11162af5,#0b1020eb);border-color:#ffffff1a}:root[data-theme=dark] .visual-dot{background:#ffffff3d;box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=dark] .reel-card{background:radial-gradient(circle at top,#ffffff0f,#0000 42%),linear-gradient(#12182dfa,#0b1020f0)}:root[data-theme=dark] .reel-card.complete{background:radial-gradient(circle at 0 0,#59d39d29,#0000 34%),linear-gradient(#12182dfa,#0c1916f0)}:root[data-theme=dark] .reel-card.active{background:radial-gradient(circle at 0 0,#ff7a9a2e,#0000 34%),linear-gradient(#12182dfa,#211219f0)}:root[data-theme=dark] .reel-card.upcoming{background:radial-gradient(circle at 100% 0,#57d6ff24,#0000 30%),linear-gradient(#12182dfa,#0b1020f0)}:root[data-theme=dark] .progress-bar{background:#57d6ff1f}:root[data-theme=dark] .reel-nav{color:var(--ink)}:root[data-theme=dark] .reel-state,:root[data-theme=dark] .step-marker{color:var(--ink);background:#ffffff14}:root[data-theme=dark] .start-card h1,:root[data-theme=dark] .hero-copy-main h1,:root[data-theme=dark] .hero-sidecard h2,:root[data-theme=dark] .reel-card-copy h3{color:#f8fafffa}:root[data-theme=dark] .hero-text,:root[data-theme=dark] .hero-sidecard p,:root[data-theme=dark] .panel-copy,:root[data-theme=dark] .subcard-copy,:root[data-theme=dark] .reel-card-copy p{color:#d6dfffe6}:root[data-theme=dark] .journey-stepno.upcoming{color:#ebf2ffe6;background:#57d6ff29}:root[data-theme=dark] .journey-arrow{color:#ecf2ffd1;background:#ffffff1a}:root[data-theme=dark] .generate-button,:root[data-theme=dark] .reel-link,:root[data-theme=dark] .nav-button.active,:root[data-theme=dark] .hero-badge{color:#fff}:root[data-theme=dark] .theme-toggle{color:var(--ink);background:#57d6ff1f;border-color:#57d6ff38}@media (width<=1180px){.hero-section,.hero-copy-block,.photo-stage-grid,.form-stage-grid,.confirm-stage-grid,.result-grid,.journey-strip,.summary-grid,.field-grid,.visual-slide{grid-template-columns:1fr}.photo-preview-frame{min-height:380px}.visual-slide-frame,.visual-slide-image{aspect-ratio:4/3}}@media (width<=720px){.app-shell{width:min(100%,100% - 20px);padding:18px 0 34px}.app-topbar{flex-direction:column;align-items:stretch;padding:16px}.brand-block{justify-content:center;width:100%}.brand-logo{object-fit:contain;width:100%;max-width:420px;margin:0 auto}.topbar-actions{justify-content:space-between;width:100%}.signin-shortcut{flex:auto;min-width:0}.signin-menu{min-width:0;left:0;right:0}.hero-copy,.start-card,.hero-sidecard,.stage-card,.reel-section,.result-section,.result-card,.result-explainer,.library-hero,.empty-library,.profile-card,.site-meta-card{border-radius:26px;padding:20px}.hero-topline,.stage-head,.section-heading,.precheck-head,.meta-row,.confirm-item,.modal-header,.progress-headline,.reel-progress-meta{flex-direction:column}.journey-card{grid-template-columns:1fr}.journey-strip{display:none!important}.mobile-flow-stack{gap:18px}.progress-card{display:none}.main-nav{width:100%}.nav-button{flex:calc(33.33% - 8px)}.site-meta-links{flex-direction:column}.site-meta-link{justify-content:center;width:100%}.brief-mode-tabs{grid-template-columns:1fr}.journey-stepno{width:38px;height:38px}.meta-row{display:none}.preview-frame,.result-frame,.photo-preview-frame{min-height:300px}.reel-card{max-width:none;min-height:230px}.visual-slide{padding:12px}.visual-slide-frame,.visual-slide-image{aspect-ratio:4/3}.reel-nav{flex-direction:column;align-items:stretch}.visual-carousel-nav{flex-flow:row;justify-content:space-between;align-items:center;gap:10px}.reel-counter{text-align:left}.visual-carousel-dots{flex:auto;order:0;gap:8px}.visual-carousel-nav .action-button{flex:none;min-width:56px;padding:10px 12px}.modal-overlay{padding:12px}.modal-panel{border-radius:26px;width:100%;max-width:calc(100dvw - 24px);max-height:calc(100dvh - 24px)}.modal-panel-wide{width:100%;max-width:calc(100dvw - 24px)}.looks-grid{grid-template-columns:minmax(0,1fr)}.looks-modal-shell,.credits-shell,.credits-modal-hero,.credits-summary-grid,.credits-grid,.look-card,.look-card-body,.library-hero{min-width:0}.look-images{min-height:180px}}