:root{--font-display: "Oswald", "Golos Text", sans-serif;--font-body: "Golos Text", sans-serif;--paper: #fff6f0;--paper-2: #fbe7de;--card: #ffffff;--ink: #1a1416;--ink-soft: rgba(26, 20, 22, .6);--ink-faint: rgba(26, 20, 22, .38);--line: rgba(26, 20, 22, .1);--accent: #e6197a;--accent-2: #ff5a5f;--accent-ink: #ffffff;--cta: linear-gradient(118deg, #ff5f62 0%, #f0247e 62%, #e6197a 100%);--cta-glow: 0 12px 26px -8px rgba(230, 25, 122, .55);--gold: #c9a24b;--gold-soft: rgba(201, 162, 75, .16);--ok: #2e7d4f;--sheen: linear-gradient(150deg, rgba(255,255,255,.55), rgba(255,255,255,0) 42%);--shadow: 0 16px 40px -18px rgba(190, 30, 90, .3);--shadow-sm: 0 6px 18px -10px rgba(190, 30, 90, .28);--grain-opacity: .04}[data-theme=dark]{--paper: #16111a;--paper-2: #1e1824;--card: #241d2b;--ink: #f8ecf1;--ink-soft: rgba(248, 236, 241, .64);--ink-faint: rgba(248, 236, 241, .4);--line: rgba(248, 236, 241, .12);--accent: #ff3e96;--accent-2: #ff6b6f;--accent-ink: #1a0910;--cta: linear-gradient(118deg, #ff6b6f 0%, #ff3e96 62%, #ff2e88 100%);--cta-glow: 0 12px 28px -8px rgba(255, 46, 136, .5);--gold: #e3b94e;--gold-soft: rgba(227, 185, 78, .16);--ok: #5dc389;--sheen: linear-gradient(150deg, rgba(255,255,255,.1), rgba(255,255,255,0) 42%);--shadow: 0 18px 44px -18px rgba(0, 0, 0, .6);--shadow-sm: 0 8px 22px -12px rgba(0, 0, 0, .55);--grain-opacity: .06}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0 0 auto 0;height:320px;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 80% -20%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),radial-gradient(90% 70% at 0% -10%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 55%);opacity:.9}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1;max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.display{font-family:var(--font-display);font-weight:700;letter-spacing:.005em;line-height:1.02;text-transform:uppercase}.kicker{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.kicker--accent{color:var(--accent)}.h1{font-size:34px}.h2{font-size:22px}.muted{color:var(--ink-soft)}.small{font-size:13px}.step-no{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent)}.screen{flex:1;padding:18px 18px calc(30px + env(safe-area-inset-bottom));animation:screen-in .38s cubic-bezier(.22,1,.36,1) both}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.stagger>*{animation:screen-in .45s cubic-bezier(.22,1,.36,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}.stagger>*:nth-child(7){animation-delay:.32s}@media (prefers-reduced-motion: reduce){.screen,.stagger>*{animation:none!important}}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-sm);overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sheen);pointer-events:none}.card>*{position:relative}.card--flat{box-shadow:none}.hairline{border:0;border-top:1px solid var(--line);margin:14px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 18px;border:none;border-radius:16px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .15s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none;box-shadow:none}.btn--primary{background:var(--cta);color:#fff;box-shadow:var(--cta-glow);letter-spacing:.02em;text-transform:uppercase}.btn--accent{background:var(--accent);color:var(--accent-ink);box-shadow:var(--cta-glow)}.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);font-weight:600}.btn--small{width:auto;padding:10px 16px;font-size:13px;border-radius:12px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{padding:11px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .16s ease;-webkit-user-select:none;user-select:none}.chip:active{transform:scale(.95)}.chip--on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--shadow-sm)}.input,.textarea{width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font-body);font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.textarea{resize:none;min-height:88px}.product{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.product__imgwrap{position:relative;aspect-ratio:3 / 4;background:var(--paper-2);overflow:hidden}.product__imgwrap img{width:100%;height:100%;object-fit:cover;display:block}.product__slot{position:absolute;top:10px;left:10px;padding:6px 11px;border-radius:999px;background:var(--cta);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-sm)}.product__body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.product__name{font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.product__price{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--accent)}.product__actions{display:flex;gap:7px;margin-top:auto}.product__reroll{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product__swap{width:100%;padding:8px 0;border:none;background:transparent;color:var(--accent);font-family:var(--font-body);font-size:12.5px;font-weight:700;cursor:pointer}.product__swap:disabled{opacity:.5}.iconbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 0;border-radius:11px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font-size:15px;cursor:pointer;transition:all .15s ease}.iconbtn:active{transform:scale(.93)}.iconbtn--on-like{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.iconbtn--on-dislike{opacity:.9;background:var(--paper-2);border-color:var(--ink-soft)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skeleton{border-radius:16px;background:linear-gradient(100deg,var(--paper-2) 40%,var(--card) 50%,var(--paper-2) 60%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,100%);display:flex;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:50}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 5px;border:none;background:none;color:var(--ink-faint);font-family:var(--font-body);font-size:10.5px;font-weight:600;cursor:pointer;transition:color .18s ease}.tab svg{width:23px;height:23px}.tab--on{color:var(--accent)}.tab--on .tab__dot{opacity:1;transform:none}.tab__dot{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;transform:translateY(3px);transition:all .2s ease}.levelchip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);color:var(--gold);font-size:13px;font-weight:700}.progress{height:8px;border-radius:999px;background:var(--paper-2);overflow:hidden}.progress--lg{height:12px;box-shadow:var(--shadow-sm)}.progress__fill{height:100%;border-radius:999px;background:var(--cta);transition:width .8s cubic-bezier(.22,1,.36,1)}.levelup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--paper) 52%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .3s ease both}@keyframes fade-in{0%{opacity:0}}.levelup__card{position:relative;text-align:center;padding:36px 30px;border-radius:26px;background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:var(--shadow),var(--cta-glow);animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both;max-width:320px;margin:0 20px;overflow:hidden}.levelup__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sheen);pointer-events:none}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.levelup__emoji{font-size:52px;animation:bounce 1s ease infinite alternate}@keyframes bounce{to{transform:translateY(-8px)}}.confetti{position:fixed;top:-12px;width:9px;height:14px;z-index:201;animation:confetti-fall linear both}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg)}}.verdict{position:relative;padding:16px 16px 16px 20px;border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);font-size:14px;line-height:1.5}.verdict:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--cta)}.swatches{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:42px;height:42px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line),var(--shadow-sm);animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.swatch--rect{border-radius:11px;flex:1;min-width:34px;height:38px}.cover{position:relative;padding:22px 0 18px}.cover .brand{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.cover h1{margin-top:10px}.thread{height:3px;border-radius:3px;background:var(--cta);width:54px;margin:16px 0 4px}.masthead{position:relative;text-align:center;padding:18px 46px 16px}.masthead__logo{font-family:var(--font-display);font-size:clamp(30px,10vw,44px);font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:.95;white-space:nowrap}.masthead__logo em{font-style:normal;color:var(--accent)}.masthead__logo--brand{text-transform:none;letter-spacing:-.01em}.masthead__issue{margin-top:6px;font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.masthead__profile{position:absolute;right:0;top:20px;width:40px;height:40px;border-radius:50%;border:none;background:var(--card);box-shadow:var(--shadow-sm);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.masthead__profile svg{width:19px;height:19px}.masthead__profile{overflow:hidden;padding:0}.masthead__avatar{width:100%;height:100%;object-fit:cover;display:block}.levelstrip{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-top:6px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer}.levelstrip__seal{color:var(--accent);flex-shrink:0;display:flex}.levelstrip__body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.levelstrip__label{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.levelstrip__body .progress{height:5px}.levelstrip__count{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.bento{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;border-radius:22px;min-height:132px;cursor:pointer;overflow:hidden;transition:transform .14s ease;border:1px solid var(--line);background:var(--ink);background-size:cover;background-position:center;color:#fff;box-shadow:var(--shadow-sm)}.tile:active{transform:scale(.97)}.tile--wide{grid-column:1 / -1}.tile--sq{aspect-ratio:1 / 1;min-height:0}.tile--tall{min-height:210px}.tile--hero{min-height:248px}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0c080cd1,#0c080c57 46%,#0c080c0d);pointer-events:none}.tile--hero:before{background:linear-gradient(to top,rgba(10,6,10,.86) 0%,rgba(10,6,10,.3) 55%,transparent 100%),linear-gradient(150deg,color-mix(in srgb,var(--accent) 55%,transparent),transparent 60%)}.tile__body{position:relative;z-index:1}.tile__rubric{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 70%,#fff);margin-bottom:6px;text-shadow:0 1px 8px rgba(0,0,0,.4)}.tile__title{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.02;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.5)}.tile--hero .tile__title{font-size:36px}.tile__sub{font-size:12px;opacity:.9;margin-top:7px;line-height:1.4;text-shadow:0 1px 10px rgba(0,0,0,.5)}.tile__cta{position:relative;z-index:1;display:inline-flex;align-items:center;align-self:flex-start;margin-top:13px;padding:9px 16px;border-radius:999px;background:#ffffff38;border:1px solid rgba(255,255,255,.35);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tile--strip{min-height:110px}.tile__arrow{position:absolute;top:14px;right:16px;font-size:19px;opacity:.9}.tile__no{position:absolute;top:-16px;right:8px;font-family:var(--font-display);font-size:78px;font-weight:700;opacity:.1;pointer-events:none;line-height:1}.tile__dots{display:flex;gap:5px;margin-bottom:9px}.tile__dots span{width:16px;height:16px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px #0000000f}.interview__top{display:flex;align-items:center;gap:14px;padding-bottom:14px}.interview__counter{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.interview__thread{flex:1;height:4px;background:var(--paper-2);border-radius:4px;overflow:hidden}.interview__thread i{display:block;height:100%;background:var(--cta);transition:width .4s cubic-bezier(.22,1,.36,1)}.interview__q{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,8.5vw,38px);line-height:1.02;text-transform:uppercase;letter-spacing:.005em;margin:12px 0 6px;text-wrap:balance}.interview__hint{font-size:13.5px;color:var(--ink-soft);margin-bottom:18px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{padding:18px 15px;border-radius:16px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font-body);font-size:14.5px;font-weight:600;text-align:left;cursor:pointer;transition:all .14s ease;box-shadow:var(--shadow-sm)}.answer:active{transform:scale(.96)}.answer--on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--cta-glow)}.answer--wide{grid-column:1 / -1}.photopick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:156px;border:2px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:20px;background:var(--card);cursor:pointer;transition:border-color .2s ease;overflow:hidden;position:relative}.photopick--filled{border-style:solid;border-color:var(--line)}.photopick img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.facepick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facepick .photopick{min-height:150px}.facepick__saved{position:relative;padding:0;border:2px solid var(--accent);border-radius:20px;overflow:hidden;cursor:pointer;min-height:150px;box-shadow:var(--cta-glow)}.facepick__saved img{width:100%;height:100%;object-fit:cover;display:block}.facepick__saved:active{transform:scale(.97)}.facepick__cap{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.65)}.photopick__badge{position:absolute;bottom:10px;right:10px;padding:7px 13px;border-radius:999px;background:var(--cta);color:#fff;font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.runway{display:flex;flex-direction:column;align-items:center;gap:18px;padding:48px 20px;text-align:center}.runway__dots{display:flex;gap:8px}.runway__dots span{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:dot-walk 1.1s ease-in-out infinite}.runway__dots span:nth-child(2){animation-delay:.15s;background:var(--accent-2)}.runway__dots span:nth-child(3){animation-delay:.3s}@keyframes dot-walk{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}.runway__phrase{font-size:14px;color:var(--ink-soft);min-height:20px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:12px}.stack--lg{gap:18px}.backlink{display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--ink-soft);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;padding:4px 0}.error-note{padding:14px 15px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);font-size:13.5px}.advice{white-space:pre-wrap;line-height:1.62;font-size:14.5px}.quickcta{position:relative;display:block;width:100%;text-align:left;border:none;border-radius:22px;padding:20px 20px 18px;margin-top:14px;background:var(--cta);color:#fff;box-shadow:var(--cta-glow);cursor:pointer;overflow:hidden;transition:transform .12s ease}.quickcta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sheen);pointer-events:none}.quickcta:active{transform:scale(.98)}.quickcta__title{display:block;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:24px;letter-spacing:.01em;position:relative}.quickcta__sub{display:block;margin-top:5px;font-size:12.5px;opacity:.9;position:relative}.quickcta__go{position:absolute;top:18px;right:20px;font-size:26px;opacity:.9}.quickcta--alt{background:var(--card);color:var(--ink);border:1.5px solid var(--line);box-shadow:0 6px 20px #1a14160f}.quickcta--alt:before{display:none}.quickcta--alt .quickcta__sub{opacity:.62}.quickcta--alt .quickcta__go{color:var(--accent);opacity:1}.pickblocks{display:grid;gap:12px;margin-top:14px}.pickblocks .quickcta{margin-top:0}.occards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.occards--acc{grid-template-columns:1fr 1fr}.occards--acc .occard{aspect-ratio:1 / .82}.occard{position:relative;aspect-ratio:1 / 1.15;border-radius:15px;border:2px solid transparent;background:var(--ink);background-size:cover;background-position:center;cursor:pointer;overflow:hidden;transition:transform .12s ease}.occard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(12,8,12,.8),rgba(12,8,12,.15) 60%,transparent)}.occard:active{transform:scale(.95)}.occard--on{border-color:var(--accent);box-shadow:var(--cta-glow)}.occard__label{position:absolute;left:10px;bottom:9px;z-index:1;color:#fff;font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.6)}.occard--on .occard__label:after{content:" ✓";color:var(--accent)}.occard__check{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000059;border:2px solid rgba(255,255,255,.85);color:#fff;font-size:15px;font-weight:700}.occard__check--on{background:var(--accent);border-color:var(--accent);box-shadow:var(--cta-glow)}.brief{margin-top:18px;padding:13px 15px;border-radius:14px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);font-size:13.5px;color:var(--ink-soft)}.brief b{color:var(--ink);font-weight:700}.photobar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--card);font-size:13px}.photobar--empty{background:color-mix(in srgb,var(--accent) 8%,var(--card));border-color:color-mix(in srgb,var(--accent) 55%,transparent);padding:15px 16px}.photobar__ok{color:var(--ok);font-weight:600;flex:1;min-width:60%}.photobar__act{border:none;background:none;color:var(--accent);font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer}.photobar__add{width:100%;border:none;background:none;text-align:left;color:var(--ink-soft);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.tweakbar{margin-top:18px}.product--empty{align-items:center;justify-content:center;min-height:160px;border-style:dashed}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;z-index:1000;display:flex;align-items:stretch;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 22px #1a14161f}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:6px 4px;color:var(--ink-faint);font-size:10.5px;letter-spacing:.02em;transition:color .15s ease}.tabbar__item--on{color:var(--accent)}.tabbar__ico{font-size:19px;line-height:1}.tabbar__item--on .tabbar__ico{transform:scale(1.08)}.screen{padding-bottom:88px}.swipe__counter{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:18px}.swipe__loading,.swipe__empty{text-align:center;padding:44px 0;display:flex;flex-direction:column;align-items:center}.swipe__empty-emoji{font-size:46px;margin-bottom:10px}.swipe__deck{position:relative;width:100%;height:60vh;max-height:540px;min-height:380px}.swipecard{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 40px #1a141629;display:flex;flex-direction:column}.swipecard--under{z-index:1;transform:scale(.955) translateY(12px);filter:brightness(.94);transition:transform .34s cubic-bezier(.25,.6,.3,1),filter .34s ease;animation:swipecard-in .3s ease both}.swipecard--top{z-index:2;touch-action:none;cursor:grab;will-change:transform;transition:transform .34s cubic-bezier(.22,1.35,.4,1)}.swipecard--top:active{cursor:grabbing}@keyframes swipecard-in{0%{opacity:0}to{opacity:1}}.swipecard__img{flex:1 1 auto;min-height:0;background-size:cover;background-position:center 12%;background-color:var(--paper-2)}.swipecard__info{flex:0 0 auto;padding:12px 15px 15px}.swipecard__name{font-size:14px;font-weight:600;line-height:1.32;max-height:2.7em;overflow:hidden}.swipecard__row{display:flex;align-items:baseline;justify-content:space-between;margin-top:7px}.swipecard__price{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--accent)}.swipecard__rating{font-size:12.5px;color:var(--ink-soft)}.swipecard__desc{margin-top:6px;font-size:12.5px;color:var(--ink-soft);line-height:1.45;max-height:3em;overflow:hidden}.swipecard__stamp{position:absolute;top:22px;z-index:3;pointer-events:none;padding:5px 13px;border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.04em;border:3px solid;transition:opacity .05s linear}.swipecard__stamp--like{left:18px;color:#12b76a;border-color:#12b76a;transform:rotate(-13deg)}.swipecard__stamp--nope{right:18px;color:#f0247e;border-color:#f0247e;transform:rotate(13deg)}.swipe__actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}.swipe__btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;font-size:25px;box-shadow:0 8px 20px #1a141624;transition:transform .12s ease}.swipe__btn:active{transform:scale(.92)}.swipe__btn--no{background:var(--card);color:#ff3b5c;border:1.5px solid var(--line)}.swipe__btn--yes{background:var(--cta);color:#fff;box-shadow:var(--cta-glow)}.swipe__btn--link{width:46px;height:46px;font-size:18px;text-decoration:none;background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.carelist{list-style:none;display:flex;flex-direction:column;gap:8px}.carelist li{display:flex;gap:9px;font-size:14px;line-height:1.45;align-items:baseline}.carelist__m{color:var(--accent);font-weight:700;flex:0 0 auto}.chip--static{cursor:default}.chip--static:active{transform:none}.tabbar__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile--beauty:before{background:linear-gradient(to top,rgba(20,6,16,.3) 0%,rgba(20,6,16,.05) 55%,transparent 100%)}.tile--beauty .tile__rubric{color:#ffffffeb}.tile--care{background-image:linear-gradient(150deg,#ffb27f,#ef6f7e 90%)}.tile--makeup{background-image:linear-gradient(150deg,#ff7fa6,#c9184a 92%)}.makeup{display:flex;gap:13px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow-sm)}.makeup__swatches{display:flex;gap:5px;flex:0 0 auto;padding-top:2px}.makeup__dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line)}.makeup__cat{font-family:var(--font-display);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.01em}.makeup__shade{font-size:13px;margin-top:2px}.makeup__tip{font-size:12px;color:var(--ink-soft);margin-top:3px;line-height:1.4}.slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--line);outline:none;margin:2px 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--card);box-shadow:var(--cta-glow);cursor:pointer}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--card);cursor:pointer}.slider__labels{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--ink-soft)}.slider__labels span:nth-child(2){color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stylefreedom{padding:12px 14px 11px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.stylefreedom__head{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:4px}.stylefreedom__cap{margin-top:7px;font-size:11.5px;line-height:1.35;color:var(--ink-soft)}.trendtoggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease}.trendtoggle:active{transform:scale(.99)}.trendtoggle--on{border-color:var(--accent);box-shadow:var(--shadow-sm)}.trendtoggle__body{display:flex;flex-direction:column}.trendtoggle__ttl{font-weight:700;font-size:14px}.trendtoggle__sub{font-size:11.5px;color:var(--ink-soft);margin-top:2px}.trendtoggle__sw{flex:0 0 auto;width:44px;height:26px;border-radius:999px;background:var(--line);position:relative;transition:background .2s ease}.trendtoggle--on .trendtoggle__sw{background:var(--accent)}.trendtoggle__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .2s ease}.trendtoggle--on .trendtoggle__knob{transform:translate(18px)}body.chat-lock{overflow:hidden}.chat-screen{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(560px,100%);height:var(--vvh, 100dvh);display:flex;flex-direction:column;background:var(--paper);z-index:1100;padding:10px 16px 0}.chat__head{flex:0 0 auto;padding-bottom:10px;border-bottom:1px solid var(--line)}.chat__title{display:flex;align-items:center;gap:10px;margin-top:8px}.chat__ava{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cta);font-size:17px;box-shadow:var(--cta-glow)}.chat__name{font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.1}.chat__role{font-size:10.5px;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.chat{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:12px 2px}.chat__row{display:flex;width:100%}.chat__row--assistant{justify-content:flex-start;gap:8px}.chat__row--user{justify-content:flex-end}.chat__col{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.chat__msgava{flex:0 0 26px;width:26px;height:26px;border-radius:50%;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--card);border:1px solid var(--line)}.chat__msg{padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.42;white-space:pre-wrap;word-break:break-word}.chat__msg--assistant{align-self:flex-start;max-width:88%;background:var(--card);color:var(--ink);border:1px solid var(--line);border-top-left-radius:5px;box-shadow:var(--shadow-sm)}.chat__msg--user{align-self:flex-end;max-width:78%;background:var(--cta);color:#fff;border-bottom-right-radius:5px;box-shadow:var(--cta-glow)}.chat__products{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 4px;scroll-snap-type:x proximity}.chat__product{flex:0 0 46%;min-width:148px;scroll-snap-align:start}.chat__typing{display:inline-flex;gap:5px;align-items:center}.chat__typing span{width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.4;animation:chatdot 1s infinite ease-in-out}.chat__typing span:nth-child(2){animation-delay:.15s}.chat__typing span:nth-child(3){animation-delay:.3s}@keyframes chatdot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.chat__bar{flex:0 0 auto;display:flex;gap:8px;align-items:center;padding:8px 0 calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper)}.chat__bar .input{flex:1;margin:0}.chat__send{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:var(--cta);color:#fff;font-size:17px;box-shadow:var(--cta-glow);transition:transform .12s ease,opacity .12s ease}.chat__send:active{transform:scale(.92)}.chat__send:disabled{opacity:.4;box-shadow:none}.likedrow{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.likedcard{position:relative;flex:0 0 128px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer}.likedcard__img{height:150px;background:color-mix(in srgb,var(--ink) 5%,var(--card))}.likedcard__img img{width:100%;height:100%;object-fit:cover;display:block}.likedcard__body{padding:8px 10px 10px}.likedcard__name{font-size:11.5px;line-height:1.3;height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.likedcard__price{font-weight:700;font-size:13px;margin-top:4px;color:var(--accent)}.likedcard__x{position:absolute;top:6px;right:6px;z-index:2;width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;background:#140e128c;color:#fff;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center}.profile-ava{flex:0 0 auto;width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--card);border:2px solid var(--accent);box-shadow:var(--cta-glow);color:var(--ink-soft)}.profile-ava img{width:100%;height:100%;object-fit:cover}.cprogress{position:relative;display:inline-flex;align-items:center;justify-content:center}.cprogress svg{transform:rotate(-90deg)}.cprogress__bg{fill:none;stroke:var(--line);stroke-width:8}.cprogress__fg{fill:none;stroke:url(#none);stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--accent) 45%,transparent))}.cprogress__pct{position:absolute;font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--accent)}.occard--mono{background-image:none!important;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--card));border:1px solid var(--line)}.occard--mono .occard__label{color:var(--ink);text-shadow:none}.perfpick{padding:14px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:16px}.perfpick__name{font-weight:700;font-size:16px;color:var(--ink);line-height:1.25}.perfpick__tag{flex:0 0 auto;font-size:11px;font-weight:700;white-space:nowrap;padding:3px 9px;border-radius:999px;color:var(--ink-soft);background:color-mix(in srgb,var(--ink) 7%,transparent)}.perfpick__tag--up{color:#fff;background:var(--accent)}.perfpick__why{font-size:13.5px;color:var(--ink);line-height:1.45}.cos-why{font-size:13px;line-height:1.4;color:var(--ink-soft);margin:0 0 9px;padding:7px 11px;border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,transparent);border-left:2px solid var(--accent)}
