:root{--bg: var(--tg-theme-bg-color, #0e0f12);--text: var(--tg-theme-text-color, #f5f5f7);--hint: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #4ea3ff);--button: var(--tg-theme-button-color, #4ea3ff);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #1c1c1e);--card-bg: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--danger: #ff5c5c;--success: #34d399}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:15px;line-height:1.4}#root{display:flex;flex-direction:column;min-height:100vh}.app{display:flex;flex-direction:column;flex:1;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 0}.brand-name{font-size:17px;font-weight:700;letter-spacing:.2px}.brand-tagline{display:block;font-size:12px;color:var(--hint)}.balance-pill{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--text);background:var(--card-bg);white-space:nowrap}.page{padding:16px;flex:1}.page h1{font-size:22px;font-weight:700;margin:0 0 16px}.page h2{font-size:17px;font-weight:600;margin:16px 0 8px}.hint{color:var(--hint);font-size:13px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:10px}.btn{appearance:none;border:none;border-radius:12px;padding:12px 16px;background:var(--button);color:var(--button-text);font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none;transition:opacity .15s ease,transform .05s ease,background .15s ease}.btn:hover{opacity:.92}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--button);color:var(--button-text)}.btn-secondary{background:var(--secondary-bg);color:var(--text);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--link);border:1px solid var(--border)}.btn-icon-emoji{font-size:16px;line-height:1}.btn-row{display:flex;gap:8px;margin-top:12px}.btn-row .btn{flex:1}.btn-row-compact{gap:8px;margin-top:8px}.btn-row-compact .btn{padding:10px 12px;font-size:14px;font-weight:500}.bottom-nav{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:14px;right:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:8px;background:#17191f;border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 18px 44px #00000061;z-index:100}.bottom-nav:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%);pointer-events:none}.bottom-nav a{position:relative;display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:22px;padding:6px 4px;font-size:11px;font-weight:600;color:var(--hint);text-decoration:none;transition:background .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.bottom-nav a.active{color:var(--button-text);background:linear-gradient(135deg,var(--button),#7cc2ff);box-shadow:0 10px 22px #4ea3ff47,inset 0 1px #ffffff47;transform:translateY(-5px)}.bottom-nav .nav-icon{font-size:21px;display:block;line-height:1;transition:transform .18s ease}.bottom-nav a.active .nav-icon{transform:translateY(-1px) scale(1.08)}.bottom-nav .nav-label{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.upload-area{border:1px dashed rgba(78,163,255,.42);border-radius:18px;padding:28px 24px;text-align:center;margin-bottom:12px;background:linear-gradient(180deg,#4ea3ff1a,#ffffff0a);cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.upload-area:hover,.upload-area:focus-visible,.upload-area.dragging{border-color:var(--button);background:#4ea3ff24;box-shadow:0 12px 30px #4ea3ff1f}.upload-area:active{transform:scale(.99)}.upload-area.dragging{transform:translateY(-1px)}.preview-img{max-width:100%;border:1px solid var(--border);border-radius:16px;margin-top:12px;object-fit:cover}.status-badge{display:inline-block;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600}.status-QUEUED{background:#8e8e9333;color:var(--hint)}.status-RUNNING{background:#4ea3ff2e;color:var(--link)}.status-DONE{background:#34d3992e;color:var(--success)}.status-FAILED{background:#ff5c5c2e;color:var(--danger)}.tab-row{display:flex;gap:8px;margin-bottom:14px}.tab-row button{flex:1;padding:8px;border-radius:10px;border:1px solid var(--border);background:var(--secondary-bg);color:var(--text);font-size:13px;cursor:pointer}.tab-row button.active{background:var(--button);color:var(--button-text);border-color:var(--button)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{border:1px solid var(--border);border-radius:999px;background:var(--secondary-bg);color:var(--text);padding:8px 12px;font-size:13px;cursor:pointer}.chip.active{background:var(--button);border-color:var(--button);color:var(--button-text)}.option-list{display:grid;gap:8px;margin-bottom:12px}.option-card{width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--card-bg);color:var(--text);padding:12px 14px;cursor:pointer}.option-card.active{border-color:var(--button);background:#4ea3ff24}.option-card strong,.option-card span{display:block}.option-card span{margin-top:4px;color:var(--hint);font-size:13px}.field{display:grid;gap:6px;margin:12px 0}.field span{font-weight:600}.field textarea{min-height:84px;resize:vertical;border:1px solid var(--border);border-radius:12px;background:var(--secondary-bg);color:var(--text);padding:10px 12px;font:inherit}.row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.stat-card{display:grid;gap:4px;margin-bottom:0}.stat-card strong{font-size:22px}.switch input{width:40px;height:22px;appearance:none;background:var(--border);border-radius:12px;position:relative;cursor:pointer;transition:background .15s}.switch input:checked{background:var(--button)}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s}.switch input:checked:after{transform:translate(18px)}.progress{height:6px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:6px}.progress-bar{height:100%;background:var(--button);transition:width .2s}.error-banner{background:#ff5c5c29;color:var(--danger);padding:10px 14px;border-radius:12px;margin-bottom:12px;font-size:13px}.center{display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--hint)}:root{color-scheme:light;--bg: #f7f2fb;--bg-2: #ecfbff;--text: #273244;--heading: #172033;--hint: #667085;--link: #1287a8;--button: #28a8bd;--button-text: #ffffff;--secondary-bg: rgba(255, 255, 255, .74);--card-bg: rgba(255, 255, 255, .82);--card-solid: #ffffff;--border: rgba(82, 75, 118, .13);--border-strong: rgba(82, 75, 118, .2);--danger: #d44e66;--success: #148f68;--warning: #b97513;--pastel-sky: #c7efff;--pastel-mint: #c9f5df;--pastel-lilac: #dfd4ff;--pastel-peach: #ffdcca;--pastel-rose: #ffd6e2;--accent-gradient: linear-gradient(135deg, #24a7bd 0%, #8b7cf6 58%, #ff9fb6 100%);--soft-gradient: radial-gradient(circle at 14% 8%, rgba(199, 239, 255, .92), transparent 34%), radial-gradient(circle at 86% 12%, rgba(223, 212, 255, .8), transparent 30%), radial-gradient(circle at 50% 92%, rgba(201, 245, 223, .7), transparent 38%), var(--bg);--shadow-soft: 0 16px 44px rgba(71, 52, 105, .12);--shadow-card: 0 10px 30px rgba(76, 70, 112, .09);--shadow-button: 0 12px 24px rgba(40, 168, 189, .24);--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-normal: .22s}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #121621;--bg-2: #182230;--text: #f5f7fb;--heading: #ffffff;--hint: #a6adbb;--link: #8edcf0;--button: #5ccfe0;--button-text: #10202a;--secondary-bg: rgba(255, 255, 255, .08);--card-bg: rgba(255, 255, 255, .1);--card-solid: #1d2533;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--danger: #ff9ab0;--success: #8feac8;--warning: #ffd08a;--soft-gradient: radial-gradient(circle at 10% 5%, rgba(63, 150, 180, .34), transparent 34%), radial-gradient(circle at 90% 10%, rgba(139, 124, 246, .26), transparent 32%), radial-gradient(circle at 48% 100%, rgba(64, 180, 132, .18), transparent 38%), var(--bg);--shadow-soft: 0 18px 48px rgba(0, 0, 0, .36);--shadow-card: 0 10px 28px rgba(0, 0, 0, .24)}}html,body,#root{min-height:100%;background:var(--soft-gradient);color:var(--text);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,a,input,textarea{font:inherit}button,a,.upload-area,.option-card,.chip,.switch input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgba(40,168,189,.24);outline-offset:3px}.app{width:min(100%,560px);min-height:100svh;margin:0 auto;padding:var(--space-4) var(--space-4) calc(110px + env(safe-area-inset-bottom,0px))}.page{width:100%;padding:var(--space-4) 0 0;animation:page-in var(--duration-normal) var(--ease-out)}.page h1{color:var(--heading);font-size:clamp(26px,7vw,34px);line-height:1.05;letter-spacing:-.04em;margin:0 0 var(--space-5)}.page h2,.section-title{color:var(--heading);font-size:17px;font-weight:800;line-height:1.2;margin:var(--space-6) 0 var(--space-3)}.hint{color:var(--hint);font-size:13px;line-height:1.45}.brand-bar{position:sticky;top:calc(10px + env(safe-area-inset-top,0px));z-index:30;margin:0 0 var(--space-2);padding:10px;border:1px solid var(--border);border-radius:var(--radius-xl);background:#ffffffa8;box-shadow:var(--shadow-card);backdrop-filter:blur(22px) saturate(1.25)}@media(prefers-color-scheme:dark){.brand-bar{background:#181f2cc2}}.brand-lockup{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:16px;color:#12323d;background:linear-gradient(135deg,var(--pastel-sky),var(--pastel-lilac));box-shadow:inset 0 1px #ffffffc2,0 8px 18px #616db12e}.brand-mark svg,.nav-icon svg,.inline-icon{width:20px;height:20px;display:block}.brand-name{display:block;color:var(--heading);font-size:18px;font-weight:900;letter-spacing:-.03em}.brand-tagline{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-pill{display:inline-flex;align-items:center;gap:7px;min-height:42px;border-color:#28a8bd3d;border-radius:var(--radius-pill);padding:8px 12px;color:var(--heading);background:linear-gradient(135deg,#c7efffc7,#ffffffb8);box-shadow:inset 0 1px #ffffffb3;font-weight:800;text-decoration:none}.card,.empty-card,.surface-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);color:var(--text);background:var(--card-bg);box-shadow:var(--shadow-card);backdrop-filter:blur(16px) saturate(1.12)}.card:before,.surface-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent 45%);pointer-events:none}.card>*,.surface-card>*{position:relative}.btn{min-height:48px;border-radius:var(--radius-md);padding:13px 16px;background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-button),inset 0 1px #ffffff57;font-weight:900;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),opacity var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.btn:hover{opacity:1;filter:saturate(1.05) brightness(1.02)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.btn-secondary,.btn-ghost{color:var(--heading);background:#ffffffb8;border:1px solid var(--border);box-shadow:var(--shadow-card)}@media(prefers-color-scheme:dark){.btn-secondary,.btn-ghost{background:#ffffff17}}.btn-ghost{color:var(--link);box-shadow:none}.btn-icon{gap:8px}.btn-icon-emoji{display:inline-flex;font-size:0}.btn-row{gap:var(--space-3)}.bottom-nav{width:min(calc(100% - 28px),532px);right:auto;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);gap:4px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-xl);background:#ffffffbd;box-shadow:0 18px 54px #4532652e;backdrop-filter:blur(24px) saturate(1.35)}@media(prefers-color-scheme:dark){.bottom-nav{background:#161c28db;box-shadow:0 18px 54px #00000070}}.bottom-nav a{min-height:58px;border-radius:24px;color:var(--hint);transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.bottom-nav a.active{color:#17323d;background:linear-gradient(135deg,var(--pastel-sky),var(--pastel-mint));box-shadow:inset 0 1px #ffffffb3,0 10px 24px #28a8bd2e;transform:translateY(-4px)}.bottom-nav .nav-icon{display:grid;place-items:center;font-size:0}.bottom-nav .nav-label{font-size:10.5px;font-weight:900;letter-spacing:-.02em}.upload-area{display:grid;place-items:center;min-height:210px;border:1.5px dashed rgba(40,168,189,.38);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-5);background:radial-gradient(circle at 30% 20%,rgba(199,239,255,.9),transparent 34%),linear-gradient(135deg,#ffffffe0,#dfd4ff6b);box-shadow:var(--shadow-soft)}.upload-area:hover,.upload-area:focus-visible,.upload-area.dragging{border-color:var(--button);background:radial-gradient(circle at 30% 20%,rgba(199,239,255,1),transparent 36%),linear-gradient(135deg,#fffffff2,#c9f5df80);box-shadow:0 18px 46px #28a8bd2e}.upload-illustration{display:grid;place-items:center;width:72px;height:72px;margin-bottom:var(--space-4);border-radius:26px;color:#17323d;background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-sky));box-shadow:inset 0 1px #ffffffbd,0 14px 28px #28a8bd2e}.preview-img{display:block;width:100%;max-height:430px;border-color:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.preview-card{padding:var(--space-2)}.preview-card .preview-img{margin:0}.tab-row{padding:5px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#ffffff9e;box-shadow:var(--shadow-card)}.tab-row button{min-height:42px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--hint);font-weight:900;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.tab-row button.active{color:#17323d;background:linear-gradient(135deg,var(--pastel-sky),var(--pastel-lilac));box-shadow:inset 0 1px #ffffffbd,0 8px 18px #616db124}.chip-row{gap:var(--space-2)}.chip{min-height:38px;border-color:var(--border);border-radius:var(--radius-pill);background:#ffffffb8;color:var(--text);font-weight:800;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.chip.active{color:#17323d;background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-sky));border-color:#28a8bd59}.option-list{gap:var(--space-3)}.option-card{min-height:64px;border-radius:var(--radius-lg);padding:var(--space-4);background:#ffffffb8;box-shadow:var(--shadow-card);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out),background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.option-card:hover,.card-link:hover{transform:translateY(-1px)}.option-card.active{border-color:#28a8bd6b;background:linear-gradient(135deg,#c7efffad,#ffffffdb);box-shadow:0 14px 34px #28a8bd24}.option-card strong{color:var(--heading);font-weight:900}.field textarea{border-radius:var(--radius-md);background:#ffffffc2}.row{gap:var(--space-3);border-color:var(--border)}.row strong{color:var(--heading);text-align:right}.status-badge{border-radius:var(--radius-pill);padding:6px 10px;font-weight:900}.status-QUEUED{color:#67579e;background:#dfd4ffd1}.status-RUNNING{color:#0f738d;background:#c7efffe6}.status-DONE{color:#16704f;background:#c9f5dfe6}.status-FAILED{color:#a13f53;background:#ffd6e2eb}.progress{height:10px;border-radius:var(--radius-pill);background:#524b761a}.progress-bar{border-radius:inherit;background:var(--accent-gradient)}.banner,.error-banner,.banner-error,.banner-success,.banner-info,.banner-warning{border:1px solid transparent;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:var(--space-3);font-size:13px;font-weight:800}.error-banner,.banner-error{border-color:#d44e662e;background:#ffd6e2bd;color:var(--danger)}.banner-success{border-color:#148f682e;background:#c9f5dfc2;color:var(--success)}.banner-info{border-color:#28a8bd2e;background:#c7efffc2;color:#0f738d}.banner-warning{border-color:#b975132e;background:#ffdccad1;color:var(--warning)}.center{min-height:45svh;padding:var(--space-7) var(--space-4);text-align:center}.loading-card,.empty-card{display:grid;place-items:center;gap:var(--space-3);text-align:center}.loader-orb{width:48px;height:48px;border-radius:18px;background:var(--accent-gradient);box-shadow:var(--shadow-button);animation:soft-pulse 1.4s var(--ease-out) infinite}.empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:22px;color:#17323d;background:linear-gradient(135deg,var(--pastel-peach),var(--pastel-lilac))}.skeleton{position:relative;overflow:hidden;min-height:82px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);animation:shimmer 1.4s infinite}.stack{display:grid;gap:var(--space-3)}.stack-lg{display:grid;gap:var(--space-5)}.cluster{display:flex;align-items:center;gap:var(--space-3)}.split{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-link{display:block;color:inherit;text-decoration:none}.hero-card{padding:var(--space-6);background:radial-gradient(circle at 20% 12%,rgba(199,239,255,.84),transparent 38%),radial-gradient(circle at 92% 20%,rgba(255,220,202,.7),transparent 35%),#ffffffd1}@media(prefers-color-scheme:dark){.card,.surface-card,.option-card,.tab-row,.field textarea{background:#ffffff17}.hero-card{background:radial-gradient(circle at 20% 12%,rgba(40,168,189,.24),transparent 38%),radial-gradient(circle at 92% 20%,rgba(139,124,246,.22),transparent 35%),#ffffff1a}.upload-area{background:radial-gradient(circle at 30% 20%,rgba(40,168,189,.24),transparent 34%),linear-gradient(135deg,#ffffff1f,#8b7cf629)}.upload-area:hover,.upload-area:focus-visible,.upload-area.dragging{background:radial-gradient(circle at 30% 20%,rgba(40,168,189,.34),transparent 36%),linear-gradient(135deg,#ffffff29,#c9f5df1f)}.btn-secondary,.btn-ghost,.chip{color:var(--text);background:#ffffff1a}}.hero-title{margin:0 0 var(--space-2);color:var(--heading);font-size:clamp(24px,7vw,36px);line-height:1.02;letter-spacing:-.05em}.step-label{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-bottom:var(--space-3);border-radius:var(--radius-pill);padding:7px 10px;color:#0f738d;background:#c7efffb8;font-size:12px;font-weight:900}.mode-grid,.pack-grid{display:grid;gap:var(--space-3)}.mode-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}.mode-icon,.rank-badge,.achievement-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;color:#17323d;background:linear-gradient(135deg,var(--pastel-sky),var(--pastel-mint))}.quote-card{position:sticky;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:20}.stat-card strong{color:var(--heading)}.switch{display:inline-flex}.checkbox-row{cursor:pointer;user-select:none}.checkbox-row .switch{pointer-events:none}.switch input{border:1px solid var(--border);background:#524b762e}.switch input:checked{background:var(--accent-gradient)}.ledger-positive{color:var(--success)}.ledger-negative{color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-content{display:grid;place-items:center;gap:var(--space-2);text-align:center}.flush-top{margin-top:0}.flush-title{margin:0}.loose-top{margin-top:var(--space-2)}.soft-list{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding-left:20px;color:var(--text)}.achievement-card.locked{opacity:.74}.result-actions{margin-top:var(--space-4)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pulse{0%,to{transform:scale(.92);border-radius:18px}50%{transform:scale(1);border-radius:24px}}@keyframes shimmer{to{transform:translate(100%)}}@media(min-width:720px){.mode-grid,.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.app{padding-inline:12px}.brand-tagline{max-width:140px}.bottom-nav{width:calc(100% - 18px);padding:6px}.bottom-nav a{min-height:52px}.bottom-nav .nav-label{font-size:9.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}:root{color-scheme:light;--bg: #fff7ef;--bg-2: #eefbfb;--text: #263342;--heading: #172334;--hint: #647184;--link: #0f7f96;--button: #1598aa;--button-text: #ffffff;--secondary-bg: #f2fbfb;--card-bg: #fffaf4;--card-solid: #ffffff;--border: #eadfd4;--border-strong: #dcccbc;--danger: #bd4a61;--success: #137b5a;--warning: #996015;--pastel-sky: #d9f4fb;--pastel-mint: #dff6e9;--pastel-lilac: #e8e0fb;--pastel-peach: #ffe5d6;--pastel-rose: #ffe0ea;--accent-gradient: linear-gradient(135deg, #2bb6c8 0%, #75d7c2 100%);--soft-gradient: linear-gradient(180deg, #fff7ef 0%, #f4fbfb 48%, #fff5ee 100%);--shadow-soft: 0 10px 24px rgba(80, 62, 45, .08);--shadow-card: 0 6px 18px rgba(80, 62, 45, .07);--shadow-button: 0 10px 20px rgba(21, 152, 170, .18);--page-gutter: 10px;--nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) ;--nav-height: 74px;--nav-clearance: calc(var(--nav-height) + var(--nav-bottom) + 28px)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #151b24;--bg-2: #202a35;--text: #eef4f2;--heading: #ffffff;--hint: #aeb8c2;--link: #90dce8;--button: #7bd8e3;--button-text: #10252b;--secondary-bg: #202b35;--card-bg: #1c2530;--card-solid: #202b35;--border: #334151;--border-strong: #46566a;--danger: #ff9aaa;--success: #9be7ca;--warning: #ffd08a;--soft-gradient: linear-gradient(180deg, #151b24 0%, #18252b 52%, #151b24 100%);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .24);--shadow-card: 0 6px 18px rgba(0, 0, 0, .2)}}html,body,#root{background:var(--soft-gradient)}.app{width:min(100%,600px);padding:10px var(--page-gutter) var(--nav-clearance)}.page{padding:10px 0 0}.brand-bar,.bottom-nav,.card,.empty-card,.surface-card,.option-card,.tab-row,.field textarea,.btn-secondary,.btn-ghost,.chip{backdrop-filter:none}.brand-bar{top:calc(8px + env(safe-area-inset-top,0px));margin-bottom:10px;padding:8px;border-color:var(--border);border-radius:24px;background:var(--card-solid);box-shadow:var(--shadow-card)}.brand-mark{width:40px;height:40px;border-radius:15px;background:var(--pastel-lilac);box-shadow:none}.balance-pill{min-height:38px;border-color:var(--border);background:var(--pastel-sky);box-shadow:none}.card,.empty-card,.surface-card{border-color:var(--border);border-radius:20px;padding:14px;margin-bottom:10px;background:var(--card-bg);box-shadow:var(--shadow-card)}.card:before,.surface-card:before{display:none}.hero-card{padding:16px;background:linear-gradient(135deg,var(--pastel-sky) 0%,var(--pastel-peach) 100%)}.hero-title{font-size:clamp(25px,6vw,34px);letter-spacing:-.035em}.step-label{margin-bottom:10px;background:#ffffffa3}.upload-area{min-height:172px;padding:22px 16px;border-color:#a9dce6;border-radius:22px;background:var(--pastel-sky);box-shadow:var(--shadow-card)}.upload-area:hover,.upload-area:focus-visible,.upload-area.dragging{background:var(--pastel-mint);box-shadow:var(--shadow-soft)}.upload-illustration,.mode-icon,.rank-badge,.achievement-badge,.empty-icon{background:var(--pastel-mint);box-shadow:none}.tab-row{padding:4px;background:var(--secondary-bg);box-shadow:none}.tab-row button.active,.bottom-nav a.active,.chip.active{background:var(--pastel-mint);box-shadow:none}.option-list,.mode-grid,.pack-grid,.stack{gap:10px}.stack-lg{gap:14px}.option-card{min-height:58px;border-color:var(--border);border-radius:18px;padding:13px;background:var(--card-solid);box-shadow:var(--shadow-card)}.option-card.active{border-color:#9ed8df;background:var(--pastel-sky);box-shadow:none}.option-card:hover,.card-link:hover{transform:none}.chip{min-height:36px;background:var(--card-solid)}.btn{min-height:46px;border-radius:16px;box-shadow:var(--shadow-button)}.btn-secondary,.btn-ghost{background:var(--secondary-bg);box-shadow:none}.bottom-nav{width:min(calc(100% - 16px),584px);bottom:var(--nav-bottom);gap:6px;padding:6px;border-color:var(--border);border-radius:24px;background:var(--card-solid);box-shadow:0 8px 24px #4432241f}.bottom-nav:before{display:none}.bottom-nav a{min-height:58px;border-radius:18px;transform:none}.bottom-nav a.active{transform:none}.quote-card{bottom:calc(var(--nav-clearance) + 8px);z-index:20}@media(prefers-color-scheme:dark){.brand-bar,.bottom-nav,.card,.empty-card,.surface-card,.option-card,.tab-row,.field textarea,.btn-secondary,.btn-ghost,.chip{background:var(--card-bg)}.hero-card{background:linear-gradient(135deg,#203946,#332f47)}.upload-area{background:#1d3440}.upload-area:hover,.upload-area:focus-visible,.upload-area.dragging,.option-card.active,.tab-row button.active,.bottom-nav a.active,.chip.active{color:#10252b;background:var(--pastel-mint)}}@media(min-width:768px){:root{--page-gutter: 18px;--nav-height: 76px;--nav-clearance: calc(var(--nav-height) + var(--nav-bottom) + 34px)}.app{width:min(100%,820px);padding-top:16px}.page{padding-top:14px}.brand-bar{padding:10px 12px}.card,.empty-card,.surface-card{padding:18px}.hero-card{padding:22px}.bottom-nav{width:min(calc(100% - 32px),760px)}.home-page .option-list,.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .field,.home-page .quote-card,.home-page .preview-card,.home-page .upload-area,.home-page .hero-card{grid-column:1 / -1}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.app{width:min(100%,920px)}.page h1,.hero-title{font-size:38px}.bottom-nav{width:min(calc(100% - 48px),820px)}}@media(max-width:380px){:root{--page-gutter: 8px}.app{padding-inline:var(--page-gutter)}.card,.empty-card,.surface-card,.option-card{padding:12px}.bottom-nav{width:calc(100% - 12px)}}@media(prefers-color-scheme:dark){:root{color-scheme:light;--bg: #fff7ef;--bg-2: #eefbfb;--text: #263342;--heading: #172334;--hint: #647184;--link: #0f7f96;--button: #1598aa;--button-text: #ffffff;--secondary-bg: #f2fbfb;--card-bg: #fffaf4;--card-solid: #ffffff;--border: #eadfd4;--border-strong: #dcccbc;--danger: #bd4a61;--success: #137b5a;--warning: #996015;--soft-gradient: linear-gradient(180deg, #fff7ef 0%, #f4fbfb 48%, #fff5ee 100%);--shadow-soft: 0 10px 24px rgba(80, 62, 45, .08);--shadow-card: 0 6px 18px rgba(80, 62, 45, .07)}.brand-bar,.bottom-nav,.card,.empty-card,.surface-card,.option-card,.tab-row,.field textarea,.btn-secondary,.btn-ghost,.chip{color:var(--text);background:var(--card-bg)}.hero-card{background:linear-gradient(135deg,var(--pastel-sky) 0%,var(--pastel-peach) 100%)}.upload-area{background:var(--pastel-sky)}.upload-area:hover,.upload-area:focus-visible,.upload-area.dragging{background:var(--pastel-mint)}.option-card.active,.tab-row button.active,.bottom-nav a.active,.chip.active{color:#17323d;background:var(--pastel-mint)}}:root{--keyboard-inset: 0px;--telegram-device-top: var( --lumio-js-safe-area-top, var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) );--telegram-content-top: var( --lumio-js-content-safe-area-top, var(--tg-content-safe-area-inset-top, 0px) );--telegram-device-bottom: var( --lumio-js-safe-area-bottom, var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) );--telegram-content-bottom: var( --lumio-js-content-safe-area-bottom, var(--tg-content-safe-area-inset-bottom, 0px) );--content-top-space: max( 10px, calc(var(--telegram-device-top) + var(--telegram-content-top) + 8px) );--nav-bottom: calc(10px + max(var(--telegram-device-bottom), var(--telegram-content-bottom))) ;--nav-clearance: calc(var(--nav-height) + var(--nav-bottom) + 28px);--content-bottom-space: calc(var(--nav-clearance) + 12px)}.app{padding-top:var(--content-top-space);padding-bottom:0;scroll-padding-top:var(--content-top-space);scroll-padding-bottom:calc(var(--content-bottom-space) + var(--keyboard-inset))}.brand-bar{top:var(--content-top-space)}.page,.center{padding-bottom:var(--content-bottom-space)}.quote-card{bottom:calc(var(--nav-height) + var(--nav-bottom) + 14px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}@media(min-width:768px){:root{--nav-clearance: calc(var(--nav-height) + var(--nav-bottom) + 34px);--content-bottom-space: calc(var(--nav-clearance) + 8px)}}@media(hover:none),(pointer:coarse){.bottom-nav{transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-normal) var(--ease-out)}html.keyboard-input-active .bottom-nav{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + var(--nav-bottom) + 18px))}html.keyboard-input-active .quote-card{opacity:0;pointer-events:none;transform:translateY(18px)}}.scenario-grid{display:flex;flex-direction:column;gap:10px}.scenario-card{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%}.scenario-card span>span{display:block;font-size:13px;color:var(--hint);margin-top:4px}.expert-details{padding:0;overflow:hidden}.expert-details summary{padding:14px 16px;cursor:pointer;font-weight:600;list-style:none}.expert-details summary::-webkit-details-marker{display:none}.expert-details[open] summary{border-bottom:1px solid var(--border)}.expert-body{padding:12px 16px 16px}.quote-breakdown{margin:12px 0;padding-top:12px;border-top:1px solid var(--border)}.quote-breakdown--compact{margin:4px 0 0;padding:0;border:none}.quote-card--compact{padding:10px 12px;gap:0}.quote-card--compact .row{display:none}.quote-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.quote-compact-primary{display:flex;flex-direction:column;gap:2px;min-width:0}.quote-compact-total{font-size:1.05rem;font-weight:700;color:var(--heading);line-height:1.2}.quote-compact-model{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.quote-compact-balance{flex-shrink:0;font-size:12px;line-height:1.3;text-align:right}.quote-compact-line{margin:4px 0 0;font-size:11px;line-height:1.25;color:var(--muted)}.quote-compact-warn{margin:4px 0 0;font-size:11px;line-height:1.25;color:var(--warning, #9a6b00)}.quote-card--compact .banner-warning{margin-top:6px;padding:6px 8px;font-size:12px}.quote-card--compact .btn-row{margin-top:8px;gap:8px}.field-hint-tight{margin-top:4px;font-size:12px;line-height:1.25}.duration-slider{display:flex;flex-direction:column;gap:6px;margin:12px 0 16px}.duration-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.duration-slider-label{font-weight:600;color:var(--heading)}.duration-slider-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.duration-slider input[type=range]{width:100%;height:24px;margin:0;background:transparent;-webkit-appearance:none;appearance:none}.duration-slider input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--accent-gradient, linear-gradient(90deg, var(--pastel-mint), var(--pastel-sky)))}.duration-slider input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--accent-gradient, linear-gradient(90deg, var(--pastel-mint), var(--pastel-sky)))}.duration-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--card-bg, #fff);border:2px solid var(--heading, #17323d);margin-top:-8px;cursor:pointer;box-shadow:0 1px 4px #0000001f}.duration-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--card-bg, #fff);border:2px solid var(--heading, #17323d);cursor:pointer;box-shadow:0 1px 4px #0000001f}.duration-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.duration-slider-hint{margin:0}.quote-charge-note{margin:0 0 10px}.quote-discount strong{color:var(--success)}.quote-total{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.banner-warning-subtle{opacity:.92;font-size:13px}.active-job-banner{display:flex;align-items:center;gap:10px;margin:8px 16px 0;padding:10px 12px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);color:var(--text);text-decoration:none}.active-job-pulse{width:8px;height:8px;border-radius:50%;background:var(--button);flex-shrink:0;animation:active-job-pulse 1.4s ease-in-out infinite}@keyframes active-job-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.active-job-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}.active-job-text strong{font-size:14px}.active-job-text span{color:var(--hint)}.active-job-cta{font-size:13px;font-weight:600;color:var(--link);flex-shrink:0}.header-pills{display:flex;align-items:center;gap:8px;flex-shrink:0}.limit-pill{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--hint);background:var(--card-bg);white-space:nowrap}.before-after-hint{margin:0 0 10px}.before-after-track{position:relative;border-radius:12px;overflow:hidden;touch-action:none;user-select:none}.before-after-img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.before-after-before{position:absolute;top:0;left:0;height:100%;overflow:hidden;border-right:2px solid var(--button)}.before-after-before .before-after-img{width:100vw;max-width:none}.before-after-handle{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:var(--button);box-shadow:0 0 8px #00000059;pointer-events:none}.before-after-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.before-after-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--hint)}.jobs-filter{margin-bottom:12px}.job-card{padding:0;overflow:hidden}.job-card-main{display:block;color:inherit;text-decoration:none;padding:12px}.job-card-body{display:flex;gap:12px;align-items:flex-start}.job-thumb-wrap{flex-shrink:0;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--secondary-bg)}.job-thumb{width:100%;height:100%;object-fit:cover}.job-card-text{flex:1;min-width:0}.job-repeat-btn{width:calc(100% - 24px);margin:0 12px 12px}.btn-compact{padding:10px 12px;font-size:13px}.loose-top{margin-top:12px}.onboarding-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + var(--nav-clearance, 92px));background:#0000008c}.onboarding-card{width:100%;max-width:420px}.onboarding-step{margin:0 0 8px}.onboarding-actions{margin-top:16px}.owner-models-card{display:flex;flex-direction:column;gap:16px}.owner-model-block{padding-bottom:12px;border-bottom:1px solid var(--border)}.owner-model-block:last-child{padding-bottom:0;border-bottom:none}.text-success{color:var(--success)}.text-danger{color:var(--danger)}