:root{color-scheme:light dark;--color-bg: #fbf5f9;--color-bg-2: #f5e9f1;--color-surface: #fffbfd;--color-text: #2e1a2c;--color-text-muted: #5c4459;--color-muted: #76606f;--color-border: #e8d6e3;--color-border-soft: #f2e6ee;--color-primary: #8a4a80;--color-primary-strong: #74396b;--color-primary-fill: #5b2a54;--color-primary-fill-text: #fffbfd;--color-primary-wash: #f5e4ee;--color-accent: #b9873f;--color-accent-strong: #8a5f1c;--color-accent-bright: #dcb374;--color-accent-wash: #f6ead4;--color-hero-1: #562a4c;--color-hero-2: #2c1226;--color-hero-text: #f8eef5;--color-hero-muted: #d3b5cd;--color-hero-line: rgba(220, 179, 116, .32);--color-hero-glow: rgba(181, 121, 172, .28);--color-photo-scrim: rgba(28, 10, 24, .72);--color-stage: #e9dbe4;--color-scrim: rgba(28, 10, 24, .52);--color-overlay: rgba(255, 251, 253, .9);--color-skin: #efd2c1;--color-danger: #b42f43;--color-danger-wash: #fbe7ea;--color-danger-fill: #b42f43;--color-danger-fill-text: #fffbfd;--color-success: #2b7a4b;--color-warning: #8a5f1c;--color-focus: var(--color-primary);--font-sans: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--leading-body: 1.5;--leading-tight: 1.15;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(58, 31, 56, .08);--shadow-md: 0 1px 2px rgba(58, 31, 56, .06), 0 8px 24px rgba(58, 31, 56, .1);--shadow-lg: 0 2px 4px rgba(58, 31, 56, .08), 0 18px 40px rgba(58, 31, 56, .18);--shadow-brand: 0 10px 24px -8px rgba(91, 42, 84, .6);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--density-row-h: 56px;--density-pad-y: var(--space-3);--density-font: var(--text-base);--sidebar-w: 260px;--content-max: 72ch;--app-w: 460px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #1a0f18;--color-bg-2: #221420;--color-surface: #2a1a27;--color-text: #f6ecf3;--color-text-muted: #dcc8d7;--color-muted: #b49eae;--color-border: #3f2b3b;--color-border-soft: #33222f;--color-primary: #d9a6cf;--color-primary-strong: #e7c1df;--color-primary-fill: #d9a6cf;--color-primary-fill-text: #1f111c;--color-primary-wash: #3a2236;--color-accent: #dcb374;--color-accent-strong: #e6c98f;--color-accent-bright: #dcb374;--color-accent-wash: #3a2c1c;--color-hero-1: #4a2242;--color-hero-2: #1d0b19;--color-stage: #2f1f2c;--color-scrim: rgba(8, 2, 7, .66);--color-overlay: rgba(42, 26, 39, .9);--color-skin: #e2c1ae;--color-danger: #ff7a8a;--color-danger-wash: #3d1a22;--color-danger-fill: #ff7a8a;--color-danger-fill-text: #1f111c;--color-success: #5fd394;--color-warning: #e6c98f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .32);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 18px 40px rgba(0, 0, 0, .5);--shadow-brand: 0 10px 24px -8px rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--color-bg: #1a0f18;--color-bg-2: #221420;--color-surface: #2a1a27;--color-text: #f6ecf3;--color-text-muted: #dcc8d7;--color-muted: #b49eae;--color-border: #3f2b3b;--color-border-soft: #33222f;--color-primary: #d9a6cf;--color-primary-strong: #e7c1df;--color-primary-fill: #d9a6cf;--color-primary-fill-text: #1f111c;--color-primary-wash: #3a2236;--color-accent: #dcb374;--color-accent-strong: #e6c98f;--color-accent-bright: #dcb374;--color-accent-wash: #3a2c1c;--color-hero-1: #4a2242;--color-hero-2: #1d0b19;--color-stage: #2f1f2c;--color-scrim: rgba(8, 2, 7, .66);--color-overlay: rgba(42, 26, 39, .9);--color-skin: #e2c1ae;--color-danger: #ff7a8a;--color-danger-wash: #3d1a22;--color-danger-fill: #ff7a8a;--color-danger-fill-text: #1f111c;--color-success: #5fd394;--color-warning: #e6c98f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .32);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 18px 40px rgba(0, 0, 0, .5);--shadow-brand: 0 10px 24px -8px rgba(0, 0, 0, .7)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}button,a,[role=button],.tappable{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:active,.tappable:active{transform:scale(.97);opacity:.92}p,h1,h2,h3,li,.selectable{-webkit-user-select:text;user-select:text}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){button:active,.tappable:active{transform:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Vazirmatn;src:url(./Vazirmatn-Regular-CtGL0YI-.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(./Vazirmatn-Medium-D86t5Axy.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Vazirmatn;src:url(./Vazirmatn-SemiBold-26ZP1ILp.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Vazirmatn;src:url(./Vazirmatn-Bold-_OhAJEdh.woff2) format("woff2");font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}h1,h2,p,ol,ul,dl,dd,figure,fieldset{margin:0;padding:0}ol,ul{list-style:none}fieldset{border:0;min-inline-size:0}button{font:inherit;color:inherit}img{display:block;max-inline-size:100%}h1[tabindex="-1"]:focus{outline:none}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--app-w);height:100dvh;margin-inline:auto;overflow:hidden;background:var(--color-bg)}@media(min-width:520px){body{background:radial-gradient(circle at 15% 8%,var(--color-primary-wash) 0,transparent 40%),var(--color-bg-2)}.app{border-inline:1px solid var(--color-border);box-shadow:var(--shadow-lg)}}.app__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.app__scroll::-webkit-scrollbar{display:none}.app__fixed{flex:1;min-height:0;display:flex;flex-direction:column}.page{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-6)}.hdr{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-2)}.hdr__text{flex:1;min-width:0}.hdr__t{font-size:var(--text-lg);font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr__s{font-size:var(--text-xs);color:var(--color-muted)}.hdr__end{display:flex;gap:var(--space-2)}.icobtn{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.icobtn--quiet{border-color:transparent;background:transparent;box-shadow:none;color:var(--color-text-muted)}.icobtn--liked{color:var(--color-danger);border-color:var(--color-danger-wash);background:var(--color-danger-wash)}.chipbtn{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary-strong);font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer}.chipbtn__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent-bright);color:var(--color-hero-2);font-size:var(--text-xs);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:48px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{min-height:54px;background:var(--color-primary-fill);color:var(--color-primary-fill-text);box-shadow:var(--shadow-brand)}.btn--ghost{min-height:44px;background:transparent;color:var(--color-primary-strong)}.btn--soft{background:var(--color-primary-wash);color:var(--color-primary-strong)}.btn--danger{background:var(--color-danger-fill);color:var(--color-danger-fill-text)}.linkbtn{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0;border:0;background:none;color:var(--color-primary-strong);font-size:var(--text-sm);font-weight:700;text-decoration:none;cursor:pointer}.bar{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-soft);background:var(--color-surface)}.spin{inline-size:18px;block-size:18px;flex-shrink:0;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seg__label{margin-block-end:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.seg__track{display:flex;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-bg-2)}.seg__opt{position:relative;flex:1;display:grid;place-items:center;min-height:44px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out)}.seg__opt input{position:absolute;opacity:0;pointer-events:none}.seg__opt:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.seg__opt--on{background:var(--color-surface);color:var(--color-primary-strong);font-weight:700;box-shadow:var(--shadow-sm)}.tabs{display:flex;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-soft)}.tab{position:relative;flex:1;min-height:44px;border:0;background:none;color:var(--color-muted);font-size:var(--text-base);font-weight:600;cursor:pointer}.tab--on{color:var(--color-text);font-weight:700}.tab--on:after{content:"";position:absolute;inset-inline:25%;inset-block-end:-1px;block-size:3px;border-radius:3px 3px 0 0;background:var(--color-primary)}.sheet{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet__scrim{position:absolute;inset:0;border:0;background:var(--color-scrim);animation:fade var(--dur-slow) var(--ease-out)}.sheet__panel{position:relative;width:100%;max-width:var(--app-w);padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-lg);animation:rise var(--dur-slow) var(--ease-out)}.sheet__panel:focus{outline:none}.sheet__grip{display:block;inline-size:40px;block-size:4px;margin:0 auto var(--space-2);border-radius:var(--radius-pill);background:var(--color-border)}.sheet__head{display:flex;align-items:center;justify-content:space-between}.sheet__title{font-size:var(--text-lg);font-weight:700}.sheet__text{color:var(--color-text-muted)}.sheet__foot{display:flex;flex-direction:column;gap:var(--space-1);margin-block-start:var(--space-5)}@media(min-width:640px){.sheet{align-items:center}.sheet__panel{max-width:420px;border-radius:var(--radius-lg)}.sheet__grip{display:none}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}@keyframes fade{0%{opacity:0}}.toast-dock{position:fixed;inset-inline:0;inset-block-end:calc(var(--bar-h, 96px) + var(--space-3));z-index:50;display:flex;justify-content:center;padding:0 var(--space-4);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);max-width:calc(var(--app-w) - 2 * var(--space-4));padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-hero-2);color:var(--color-hero-text);font-size:var(--text-sm);box-shadow:var(--shadow-lg);pointer-events:auto;animation:rise var(--dur-slow) var(--ease-out)}.toast__act{min-height:44px;padding:0 var(--space-2);border:0;background:none;color:var(--color-accent-bright);font-weight:700;cursor:pointer}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.notice--error{border-color:var(--color-danger-wash);background:var(--color-danger-wash)}.notice__icon{flex-shrink:0;color:var(--color-primary)}.notice--error .notice__icon{color:var(--color-danger)}.notice__title{font-weight:700}.notice__body{margin-block-start:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.crown{flex-shrink:0}.look{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-stage);container-type:inline-size}.look__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;-webkit-user-drag:none}.look__brow{mix-blend-mode:multiply;animation:fade var(--dur-slow) var(--ease-out)}.look__ph{position:absolute;inset-inline:var(--space-3);inset-block-end:var(--space-3);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-overlay);box-shadow:var(--shadow-md)}.look__ph .swatch{inline-size:84px}.look__ph-t{font-weight:700}.look__ph-s{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}@container (max-width: 300px){.look__ph{gap:var(--space-2);padding:var(--space-2)}.look__ph .swatch{inline-size:60px}.look__ph-t{font-size:var(--text-sm)}.look__ph-more{display:none}}.look__ph-dot{position:absolute;inset-inline-start:var(--space-2);inset-block-end:var(--space-2);display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--color-overlay);color:var(--color-accent-strong)}.swatch{display:block;flex-shrink:0;inline-size:100%;aspect-ratio:13 / 7;border-radius:var(--radius-sm);background:var(--color-skin);overflow:hidden}.swatch img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ba{position:relative;aspect-ratio:4 / 5;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize}.ba__layer{position:absolute;inset:0}.ba__layer .look{position:absolute;inset:0;aspect-ratio:auto}.ba__before{clip-path:inset(0 calc(100% - var(--ba)) 0 0)}[dir=rtl] .ba__before{clip-path:inset(0 0 0 calc(100% - var(--ba)))}.ba__line{position:absolute;inset-block:0;inset-inline-start:var(--ba);inline-size:2px;margin-inline-start:-1px;background:var(--color-hero-text);box-shadow:0 0 8px #00000059}.ba__handle{position:absolute;inset-block-start:50%;inset-inline-start:var(--ba);display:grid;place-items:center;inline-size:44px;block-size:44px;margin-block-start:-22px;margin-inline-start:-22px;border-radius:50%;background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-lg)}.ba__tag{position:absolute;inset-block-start:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-overlay);font-size:var(--text-xs);font-weight:700;pointer-events:none}.ba__tag--before{inset-inline-start:var(--space-3)}.ba__tag--after{inset-inline-end:var(--space-3)}.hero{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-6);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:radial-gradient(60% 40% at 50% 70%,var(--color-hero-glow),transparent 72%),linear-gradient(168deg,var(--color-hero-1),var(--color-hero-2) 82%);color:var(--color-hero-text)}.hero__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-2)}.brand{display:flex;align-items:center;gap:var(--space-2)}.brand__seal{display:grid;place-items:center;inline-size:40px;block-size:40px;border:1px solid var(--color-hero-line);border-radius:12px;color:var(--color-accent-bright)}.brand__text{display:flex;flex-direction:column;line-height:1.25}.brand__name{font-weight:700;color:var(--color-accent-bright)}.brand__en{font-size:10px;letter-spacing:.18em;color:var(--color-hero-muted)}.chipbtn--hero{border-color:var(--color-hero-line);background:transparent;color:var(--color-hero-text)}.hero__kicker{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:700;color:var(--color-accent-bright)}.hero__h{font-size:var(--text-xl);font-weight:700;line-height:1.45}.hero__gold{color:var(--color-accent-bright)}.hero__p{color:var(--color-hero-muted)}@media(min-width:400px){.hero__h{font-size:var(--text-2xl);line-height:1.35}}.demo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-block-start:var(--space-2)}.demo__frame{position:relative;inline-size:min(232px,66%);padding:4px;border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--color-accent-bright),var(--color-primary) 55%,var(--color-hero-2));box-shadow:var(--shadow-lg)}.demo__frame .look{border-radius:calc(var(--radius-lg) - 4px)}.demo__badge{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-overlay);color:var(--color-text);font-size:var(--text-xs);font-weight:700}.demo__cap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.demo__name{font-size:var(--text-lg);font-weight:700;color:var(--color-hero-text);animation:fade var(--dur-slow) var(--ease-out)}.demo__dots{display:flex;gap:6px}.demo__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--color-hero-line);transition:transform var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.demo__dot--on{background:var(--color-accent-bright);transform:scale(1.35)}.resume{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:start;cursor:pointer}.resume__thumb{flex-shrink:0;inline-size:56px;border-radius:var(--radius-sm);overflow:hidden}.resume__text{flex:1;display:flex;flex-direction:column}.resume__t{font-weight:700}.resume__s{font-size:var(--text-sm);color:var(--color-muted)}.resume__go{color:var(--color-primary)}.block{display:flex;flex-direction:column;gap:var(--space-3)}.block__h{font-size:var(--text-lg);font-weight:700}.steps{display:flex;flex-direction:column;gap:var(--space-3)}.step{display:flex;align-items:center;gap:var(--space-3)}.step strong{display:block;font-weight:700}.step__icon{display:grid;place-items:center;flex-shrink:0;inline-size:44px;block-size:44px;border-radius:50%;background:var(--color-primary-wash);color:var(--color-primary)}.step__s{display:block;font-size:var(--text-sm);color:var(--color-muted)}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3) var(--space-2)}.catalog__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.catalog__name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.privacy{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);text-align:center}.privacy svg{flex-shrink:0}.salon{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.salon__photo{inline-size:64px;block-size:64px;border-radius:50%;object-fit:cover;object-position:50% 30%;border:2px solid var(--color-accent)}.salon__name{font-weight:700}.salon__role{font-size:var(--text-sm);color:var(--color-muted)}.salon__offer{display:inline-flex;align-items:center;gap:var(--space-1);margin-block-start:var(--space-1);font-size:var(--text-sm);font-weight:700;color:var(--color-accent-strong)}.salon__links{grid-column:1 / -1;display:flex;gap:var(--space-5);padding-block-start:var(--space-2);border-block-start:1px solid var(--color-border-soft)}.ask__q{font-size:var(--text-xl);font-weight:700;line-height:1.4}.ask__hint{margin-block-start:var(--space-1);color:var(--color-muted)}.guide{display:grid;place-items:center;padding:var(--space-3) 0;border-radius:var(--radius-lg);background:var(--color-bg-2)}.guide__art{inline-size:128px;block-size:auto}.guide__oval{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:2.5;stroke-dasharray:7 6}.guide__brow{fill:none;stroke:var(--color-accent);stroke-width:6;stroke-linecap:round}.guide__eye{fill:var(--color-text-muted)}.guide__mouth{fill:none;stroke:var(--color-text-muted);stroke-width:3;stroke-linecap:round}.tips{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-weight:600;line-height:1.4}.tip__icon{flex-shrink:0;color:var(--color-primary)}.stage{position:relative;flex:1;min-height:220px;margin:var(--space-1) var(--space-4) var(--space-3);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-stage);box-shadow:var(--shadow-md)}.stage>.look{position:absolute;inset:0;aspect-ratio:auto}.stage__skeleton,.look-skeleton,.card--skeleton{background:linear-gradient(100deg,var(--color-stage) 30%,var(--color-bg-2) 50%,var(--color-stage) 70%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite}.stage__skeleton{position:absolute;inset:0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.stage__busy{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.stage__sweep{position:absolute;inset-block:-20%;inline-size:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translate(-160%) skew(-12deg);animation:sweep 1.3s var(--ease-out) infinite}@keyframes sweep{to{transform:translate(360%) skew(-12deg)}}[dir=rtl] .stage__sweep{animation-direction:reverse}.stage__pill{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-overlay);color:var(--color-primary-strong);font-size:var(--text-sm);font-weight:700;box-shadow:var(--shadow-md)}.stage__err{position:absolute;inset-inline:var(--space-3);inset-block-start:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1);padding-inline-start:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-wash);color:var(--color-danger);font-size:var(--text-sm);font-weight:700;box-shadow:var(--shadow-md)}.stage__retry{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:var(--color-danger-fill);color:var(--color-danger-fill-text);font-weight:700;cursor:pointer}.compare{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);display:flex;padding:3px;border-radius:var(--radius-pill);background:var(--color-overlay);box-shadow:var(--shadow-md)}.stage__err~.compare{display:none}.compare__opt{min-width:52px;min-height:38px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700;cursor:pointer}.compare__opt--on{background:var(--color-primary-fill);color:var(--color-primary-fill-text)}.stage__label{position:absolute;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;padding:var(--space-8) var(--space-4) var(--space-3);background:linear-gradient(transparent,var(--color-photo-scrim));color:var(--color-hero-text);pointer-events:none}.stage__label strong{font-size:var(--text-lg)}.stage__label span{font-size:var(--text-sm);color:var(--color-hero-muted)}.picker{flex-shrink:0;background:var(--color-surface);border-block-start:1px solid var(--color-border-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.picker__panel{min-height:132px}.rail{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-4);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.style{position:relative;flex:0 0 96px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-1);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);scroll-snap-align:start;cursor:pointer}.style .swatch{margin-block-end:var(--space-1)}.style--on{border-color:var(--color-primary);background:var(--color-primary-wash);box-shadow:0 0 0 1px var(--color-primary)}.style__name{font-size:var(--text-sm);font-weight:700;white-space:nowrap}.style__tag{font-size:11px;font-weight:700;color:var(--color-accent-strong)}.style__tick{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;display:grid;place-items:center;inline-size:20px;block-size:20px;border-radius:50%;background:var(--color-primary-fill);color:var(--color-primary-fill-text)}.colors{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1);padding:var(--space-4) var(--space-3)}.color{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:44px;padding:0;border:0;background:none;cursor:pointer}.color__dot{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%;color:var(--color-hero-text);box-shadow:inset 0 0 0 2px #ffffff2e}.color--on .color__dot{outline:2.5px solid var(--color-primary);outline-offset:3px}.color__name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);white-space:nowrap}.color--on .color__name{color:var(--color-text);font-weight:700}.tune{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.tune .seg{display:grid;grid-template-columns:4.5rem 1fr;align-items:center}.tune .seg__label{margin:0;float:inline-start}.result{inline-size:min(100%,calc(58svh * .8));margin-inline:auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.look-skeleton{aspect-ratio:4 / 5;inline-size:min(100%,calc(58svh * .8));margin-inline:auto;border-radius:var(--radius-lg)}.spec{display:grid;grid-template-columns:repeat(4,1fr);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center}.spec>div+div{border-inline-start:1px solid var(--color-border-soft)}.spec dt{font-size:var(--text-xs);color:var(--color-muted)}.spec dd{font-size:var(--text-sm);font-weight:700}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:76px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary-strong);font-size:var(--text-sm);font-weight:700;cursor:pointer}.action:disabled{opacity:.6;cursor:progress}.offer{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-accent-wash)}.offer__seal{display:grid;place-items:center;flex-shrink:0;inline-size:44px;block-size:44px;border-radius:12px;background:var(--color-hero-1);color:var(--color-accent-bright)}.offer__t{font-size:var(--text-base);font-weight:700}.offer__b{margin-block-start:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.quiet-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);align-self:center;min-height:44px;padding:0 var(--space-3);border:0;background:none;color:var(--color-danger);font-size:var(--text-sm);font-weight:600;cursor:pointer}.filters{display:flex;align-items:center;gap:var(--space-2)}.views{display:flex;margin-inline-start:auto;border-radius:var(--radius-pill);background:var(--color-bg-2)}.views__opt{display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);cursor:pointer}.views__opt--on{background:var(--color-surface);color:var(--color-primary-strong);box-shadow:var(--shadow-sm)}.viewer{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:var(--space-3)}.viewer__main{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.viewer__frame{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-stage);box-shadow:var(--shadow-lg)}.viewer__img{position:absolute;inset:0;cursor:pointer}.viewer__img .look{position:absolute;inset:0;aspect-ratio:auto}.viewer__frame .look__ph{inset-block-start:var(--space-3);inset-block-end:auto}.viewer__pill,.viewer__round{position:absolute;inset-block-end:var(--space-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:0;background:var(--color-photo-scrim);color:var(--color-hero-text);font-size:var(--text-sm);font-weight:700;cursor:pointer}.viewer__pill{inset-inline-start:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-pill)}.viewer__round{inset-inline-end:var(--space-3);inline-size:48px;block-size:48px;border-radius:50%}.viewer__round:disabled{cursor:progress}.viewer__cap{display:flex;align-items:center;gap:var(--space-2)}.viewer__open{flex:1;display:grid;grid-template-columns:1fr auto;align-items:center;min-width:0;min-height:44px;padding:0;border:0;background:none;text-align:start;cursor:pointer}.viewer__name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer__meta{grid-row:2;font-size:var(--text-xs);color:var(--color-muted)}.viewer__go{grid-row:1 / 3;grid-column:2;color:var(--color-primary)}.viewer__strip{position:relative}.viewer__list{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--space-3);padding:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.viewer__list::-webkit-scrollbar{display:none}.thumb{position:relative;flex-shrink:0;aspect-ratio:4 / 5;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out)}.thumb .look{position:absolute;inset:0}.thumb--on{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4.5px var(--color-primary)}.thumb:focus-visible{outline-offset:5px}.thumb__liked{position:absolute;inset-block-start:4px;inset-inline-end:4px;display:grid;place-items:center;inline-size:18px;block-size:18px;border-radius:50%;background:var(--color-overlay);color:var(--color-danger)}.filter{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer}.filter--on{border-color:var(--color-primary-fill);background:var(--color-primary-fill);color:var(--color-primary-fill-text)}.filter__n{font-weight:700;opacity:.8}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4) var(--space-3)}.card{position:relative}.card--skeleton{aspect-ratio:4 / 5;border-radius:var(--radius-md)}.card__open{display:flex;flex-direction:column;gap:2px;width:100%;padding:0;border:0;background:none;text-align:start;cursor:pointer}.card__img{display:block;margin-block-end:var(--space-2);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.card__name{font-weight:700}.card__meta{font-size:var(--text-xs);color:var(--color-muted)}.card__like{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);display:grid;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:50%;background:var(--color-overlay);color:var(--color-text-muted);cursor:pointer}.card__like--on{color:var(--color-danger)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.empty__seal{display:grid;place-items:center;inline-size:80px;block-size:80px;border-radius:24px;background:linear-gradient(160deg,var(--color-hero-1),var(--color-hero-2));color:var(--color-accent-bright);box-shadow:var(--shadow-brand)}.empty__t{font-size:var(--text-lg);font-weight:700}.empty__b{max-inline-size:34ch;color:var(--color-muted)}