:root{--bg:#f3f5f9;--card:#fff;--navy:#1b2440;--navy-2:#26325a;--text:#121826;--muted:#5f6676;--faint:#737b8c;--line:#e6e9f0;--line-strong:#d7dce6;--accent:#5b4dff;--accent-2:#4636e6;--accent-hi:#b3abff;--accent-soft:#eeecff;--accent-glow:#5b4dff61;--blue:var(--accent);--blue-2:var(--accent-2);--blue-soft:var(--accent-soft);--spring:cubic-bezier(.34, 1.35, .64, 1);--spring-soft:cubic-bezier(.32, 1.1, .5, 1);--heart:#f0445c;--ok:#19a974;--rec:#ef3b3b;--r-sm:12px;--r-md:16px;--r-lg:22px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow:0 12px 32px #1018281f;--glass:#1418248c;--font:"Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-display:"Fraunces", Georgia, "Times New Roman", serif;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}button:focus-visible,a:focus-visible,.card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#app{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.stage{touch-action:none;background:#0d111c;flex:1;min-height:0;position:relative;overflow:hidden}.layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mirrored{transform:scaleX(-1)}#beauty,#glasses,#debug,#scan{pointer-events:none}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;direction:ltr;unicode-bidi:isolate;font-weight:600;line-height:1}.wordmark b{color:#b9c3de;font-weight:600}.scan-label{white-space:nowrap;color:var(--navy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--p:0;z-index:6;background:#ffffffeb;border-radius:999px;align-items:center;gap:9px;max-width:calc(100% - 140px);padding:9px 18px 9px 10px;font-size:14.5px;font-weight:700;animation:.35s cubic-bezier(.2,.8,.2,1) chip-in;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #1018282e}.scan-label .scan-text{text-overflow:ellipsis;overflow:hidden}@media (width<=899px){.scan-label{max-width:calc(100% - 32px);top:64px}}.scan-ring{background:conic-gradient(var(--navy) calc(var(--p) * 360deg), #1b244024 0);border-radius:50%;flex:none;width:24px;height:24px;position:relative;-webkit-mask:radial-gradient(circle,#0000 7.5px,#000 8px);mask:radial-gradient(circle,#0000 7.5px,#000 8px)}.scan-label.is-paused{color:#8a5300;background:#fff4e5}.scan-label.is-done .scan-ring{background:var(--ok);-webkit-mask:none;mask:none}.scan-label.is-done .scan-ring:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:5px;left:8.5px;transform:rotate(45deg)}.scan-label.is-done{animation:.35s cubic-bezier(.2,.8,.2,1) scan-done}@keyframes scan-done{40%{transform:translate(-50%)scale(1.06)}}@keyframes chip-in{0%{opacity:0;transform:translate(-50%,-6px)}}.rec-timer{z-index:3;background:var(--rec);color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums;direction:ltr;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%)}.status{z-index:2;color:#fff;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:11px 18px;font-size:14.5px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.debug-hud{z-index:3;color:#fff;white-space:pre;direction:ltr;background:#0009;border-radius:8px;padding:8px 10px;font:12px/1.45 ui-monospace,Consolas,monospace;position:absolute;top:120px;left:12px}.fit-info{align-items:center;gap:6px;display:flex;margin-top:6px!important}.fit-info .fit-mark{font-weight:800}.fit-info span{background:var(--card);box-shadow:var(--shadow-sm);color:var(--navy-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.fit-info .fit-good{color:#0b7a4d;box-shadow:none;background:#e6f7ef}.fit-info .fit-off{color:#9a5b00;box-shadow:none;background:#fff4e5}.fit-info .fit-mark{font-variant-numeric:tabular-nums;direction:ltr}.styles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seg{background:linear-gradient(#d5dae4,#e3e7ee);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;box-shadow:inset 0 2px 4px #1b24402e,inset 0 -1px #ffffffb3,0 1px #ffffffe6}.seg button{color:#5b6478;background:0 0;border:0;border-radius:999px;padding:7px 6px;font-size:13.5px;font-weight:700;transition:background .25s,color .25s,box-shadow .25s,transform .12s;position:relative}.seg button:before{content:"";position:absolute;inset:-5px -2px}.seg button[aria-checked=true]{color:#fff;background:linear-gradient(#3b4775, var(--navy) 55%, #141b31);transform:translateY(-1px);box-shadow:0 2px #0b1022,0 5px 10px #1b244059,inset 0 1px #ffffff38}.seg button:active{transform:translateY(1px);box-shadow:0 0 #0b1022,0 2px 4px #1b24404d}@media (hover:hover){.seg button[aria-checked=false]:hover{color:var(--navy)}}@media (prefers-reduced-motion:reduce){.seg button{transition:none}}.cat-title{display:none}.categories{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.categories .chip{color:var(--navy-2);background:#e8ebf2;border:0;border-radius:999px;flex:none;padding:9px 20px;font-size:14.5px;font-weight:600}.categories .chip[aria-selected=true]{background:var(--blue);color:#fff;box-shadow:0 6px 16px #1b24404d}.categories:has(.shape-tab){grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;overflow:visible}.categories .shape-tab,.categories .shape-tab[aria-selected=true]{min-width:0;min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;padding:0 0 2px;display:flex;position:relative}.shape-tab-key{flex:none;width:72px;height:67px;display:block;position:relative}@container (width>=400px){.shape-tab-key{width:80px;height:74px}}.key-body{filter:drop-shadow(0 0 .6px #1b24404d)drop-shadow(0 4px 5px #10182824);width:100%;height:100%;transition:filter .25s;position:absolute;inset:0;overflow:visible}.key-edge{fill:#7d889e;stroke:#7d889e;transition:fill .25s,stroke .25s}.key-face{transition:transform .14s cubic-bezier(.3,.7,.4,1),opacity .25s}.key-face-navy{opacity:0}.shape-tab-label{color:var(--navy);white-space:nowrap;margin-top:1px;font-size:11px;font-weight:600;line-height:1.1;display:block}.shape-tab[aria-selected=true] .shape-tab-label{font-weight:800}.shape-tab[aria-selected=true] .key-face-navy{opacity:1}@media (hover:hover){.shape-tab:not([aria-selected=true]):hover .key-face{transform:translateY(-1px)}.shape-tab:not([aria-selected=true]):hover .key-edge{fill:#6f7a91;stroke:#6f7a91}}.categories .shape-tab:active .key-face{transition-duration:60ms;transform:translateY(3px)}.categories .shape-tab:active .key-body{filter:drop-shadow(0 0 .6px #1b244066)drop-shadow(0 1px 1.5px #10182833)}.categories .shape-tab:focus-visible{outline-offset:0}@media (prefers-reduced-motion:reduce){.key-body,.key-edge,.key-face{transition:none}}.like-btn{width:44px;height:44px;color:var(--heart);box-shadow:inset 0 0 0 2px var(--heart), 0 2px 0 #f2c4cd, 0 4px 10px #f0445c1f;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .12s,box-shadow .15s,background .2s,color .2s;display:grid;position:relative}.like-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:22px;height:22px;margin-top:1px}.like-btn[aria-pressed=true] svg{fill:currentColor;stroke:none}@media (hover:hover){.like-btn[aria-pressed=false]:hover{background:#fff0f3}}.like-btn:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #f0445c40,0 0 #f2c4cd,0 1px 3px #f0445c33}.like-btn.pop svg{animation:.35s like-pop}.heart-fly{z-index:30;pointer-events:none;width:40px;height:40px;position:fixed}.heart-fly svg{width:100%;height:100%;fill:var(--heart);filter:drop-shadow(0 4px 12px #f0445c80)}.cta{background:var(--blue);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 22px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #1b24404d}.cta:hover{background:var(--blue-2)}.secondary-btn{text-align:center;border:1px solid var(--line-strong);background:var(--card);color:var(--text);border-radius:999px;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;display:block}.secondary-btn:hover{background:#f7f8fb}.overlay{z-index:10;background:var(--bg);place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay-card{text-align:center;gap:12px;width:100%;max-width:420px;display:grid}.error{color:#d92d20!important}.start{background:#0e1428;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden}.start-stage{background:#1b2440;width:100%;max-width:520px;height:100%;margin-inline:auto;position:relative;overflow:hidden}.start-photo{object-fit:cover;object-position:50% 12%;width:100%;height:100%;position:absolute;inset:0}.start-stage:after{content:"";pointer-events:none;background:linear-gradient(#0e142861 0%,#0e142800 18%),linear-gradient(#0e142800 38%,#0e1428b8 70%,#0e1428eb 100%);position:absolute;inset:0}.start-inner{z-index:1;height:100%;padding:max(18px, env(safe-area-inset-top)) 20px max(18px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}.start .wordmark{color:#fff;text-shadow:0 1px 12px #00000059;font-size:28px}.start .wordmark b{color:#ffffffb8}.start-copy{justify-items:center;gap:12px;width:100%;display:grid}.start h1{letter-spacing:-.02em;color:#fff;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(28px,8vw,38px);font-weight:800;line-height:1.12}.start .lead{color:#ffffffe0;margin:0;font-size:16px;line-height:1.5}.start .cta{width:100%;max-width:340px;color:var(--navy);background:#fff;margin-top:6px;padding:17px 22px;font-size:17px;box-shadow:0 10px 26px #00000059}.start .cta svg{flex:none;width:26px;height:26px}.start .error{margin:0;font-size:14px;color:#ffb4ab!important}.start .privacy{margin-top:4px}.start .privacy-badge{width:34px;height:34px;box-shadow:none;background:#ffffff29}.start .privacy-badge svg{width:17px;height:17px}.start .privacy-badge circle{fill:#3a4468}.start .privacy-text strong{color:#fff;margin-bottom:1px;font-size:14.5px}.start .privacy-text span{color:#fffc;font-size:12.5px}@media (width>=700px){.start-stage{border-radius:24px;height:min(100%,880px);margin-block:auto}}.start #btn-start{animation:2.6s ease-in-out 1.2s infinite start-breathe;position:relative}.start #btn-start:after{content:"";border-radius:inherit;pointer-events:none;animation:2.6s ease-out 1.2s infinite start-halo;position:absolute;inset:0;box-shadow:0 0 #ffffff59}@keyframes start-breathe{0%,to{transform:scale(1)}45%{transform:scale(1.025)}}@keyframes start-halo{0%{box-shadow:0 0 #b3abff8c}70%,to{box-shadow:0 0 0 14px #b3abff00}}@media (prefers-reduced-motion:reduce){.start #btn-start,.start #btn-start:after{animation:none}}.privacy{text-align:start;align-items:center;gap:12px;max-width:100%;margin:2px 0 0;display:inline-flex}.privacy-badge{background:linear-gradient(180deg, #2c3860 0%, var(--navy) 100%);color:#fff;width:42px;height:42px;box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--line-strong), 0 6px 14px #1b244038;border-radius:50%;flex:none;place-items:center;display:grid}.privacy-badge svg{width:20px;height:20px;display:block}.privacy-text{min-width:0;display:grid}.privacy-text strong{letter-spacing:-.005em;color:var(--navy);white-space:nowrap;margin-bottom:3px;font-size:16px;font-weight:800;line-height:1.2}.privacy-text span{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600;line-height:1.35}.find-dialog{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:12;background:#10182873;align-items:end;padding:0}.fav-sheet-wrap{z-index:11}.find-sheet{background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:520px;max-height:90vh;padding:22px 16px max(18px, env(safe-area-inset-bottom));text-align:center;box-shadow:var(--shadow);gap:10px;margin:0 auto;animation:.3s cubic-bezier(.2,.8,.2,1) sheet-up;display:grid;position:relative;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(56px)}}.find-close{top:12px;width:34px;height:34px;color:var(--navy);background:#e8ebf2;border:0;border-radius:50%;position:absolute;inset-inline-end:12px}.find-sheet h2{color:var(--navy);margin:0;font-size:22px;font-weight:800}.find-sheet h2 span{color:var(--blue)}#find-name{font-family:var(--font-display);font-weight:600}.find-lead{color:var(--muted);margin:0;font-size:14px}.find-art{width:150px;height:70px;color:var(--navy);margin:4px auto 0}.find-art svg{width:100%;height:100%}.find-art svg g{stroke:var(--navy)}.lens-btn{border-radius:var(--r-md);text-align:start;background:var(--blue);color:#fff;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;margin-top:8px;padding:14px 18px;text-decoration:none;display:grid;box-shadow:0 10px 24px #1b24404d}.lens-btn svg{grid-row:span 2;width:30px;height:30px}.lens-btn span{font-size:16.5px;font-weight:800}.lens-btn small{opacity:.85;font-size:12.5px}.matches{text-align:start;gap:8px;margin-top:6px;display:grid}.matches-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.matches-head h3{color:var(--navy);margin:0;font-size:16px;font-weight:800}.matches-sub{color:var(--muted);font-size:12px}.matches-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.product{border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);color:var(--text);gap:4px;padding:8px;text-decoration:none;display:grid}.product img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px;width:100%}.product-title{color:var(--muted);-webkit-line-clamp:2;text-align:left;direction:ltr;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.product-price{color:var(--navy);font-size:14px;font-weight:800}.product-store{color:var(--blue);text-transform:capitalize;text-align:left;direction:ltr;font-size:11px;font-weight:700}.matches-locked{text-align:center;border-radius:var(--r-md);border:1.5px dashed var(--line-strong);background:var(--card);grid-column:1/-1;justify-items:center;gap:6px;padding:18px 14px;display:grid}.matches-locked .ghosts{grid-template-columns:repeat(3,56px);gap:8px;margin-bottom:4px;display:grid}.matches-locked .ghosts span{background:linear-gradient(90deg,#eef1f6,#f7f9fc,#eef1f6) 0 0/200% 100%;border-radius:10px;height:56px;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.matches-locked strong{color:var(--navy);font-size:14.5px}.matches-locked small{color:var(--muted);font-size:12.5px}.find-more{border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);text-align:start;margin-top:6px}.find-more summary{cursor:pointer;min-height:48px;color:var(--navy);align-items:center;gap:10px;padding:0 16px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.find-more summary::-webkit-details-marker{display:none}.find-more summary:after{content:"";border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);width:7px;height:7px;margin-inline-start:auto;transition:transform .2s;transform:rotate(45deg)}.find-more[open] summary:after{transform:rotate(-135deg)}.find-more .find-stores{margin:0 10px}.find-more .store{box-shadow:inset 0 0 0 1px var(--line)}.find-edit{min-height:44px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin:4px auto 6px;font-size:13.5px;text-decoration:underline;display:block}.find-edit-box{gap:4px;margin:4px 10px 12px;display:grid}.find-divider{color:var(--faint);align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}.find-divider:before,.find-divider:after{content:"";background:var(--line-strong);flex:1;height:1px}.find-query-label{color:var(--faint);margin-top:6px;font-size:12px}.find-query{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--card);width:100%;color:var(--text);font:500 14px var(--font);text-align:center;padding:11px 12px}.find-query:focus{border-color:var(--blue);outline:none}.find-stores{gap:8px;margin-top:4px;display:grid}.store{text-align:start;border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:grid}.store:hover{box-shadow:0 0 0 1.5px var(--blue), var(--shadow-sm)}.store-name{direction:ltr;font-size:16px;font-weight:800}.store-note{color:var(--muted);font-size:13px}.store-go{color:var(--blue);font-size:22px;line-height:1}.find-disclosure{color:var(--faint);margin:6px 0 0;font-size:11.5px}.menu-wrap{z-index:13}.menu-sheet{max-width:480px;padding:20px 18px max(18px, env(safe-area-inset-bottom));text-align:start;gap:14px}.why-head{align-items:center;gap:12px;padding-inline-end:42px;display:flex}.why-seal{color:#fff;background:linear-gradient(180deg, #2c3860 0%, var(--navy) 100%);width:44px;height:44px;box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--line-strong), 0 6px 14px #1b244038;border-radius:50%;flex:none;place-items:center;display:grid}.why-seal svg{width:24px;height:24px}.menu-sheet h2{letter-spacing:-.01em;font-size:23px}.menu-sheet h2 .wordmark{color:var(--navy);font-size:1.02em}.menu-sheet h2 .wordmark b{color:var(--navy)}.why-intro{color:var(--text);margin:0;font-size:15.5px;font-weight:500;line-height:1.5}.why-need{border-inline-start:3px solid var(--navy);background:var(--blue-soft);color:var(--navy-2);border-radius:14px;margin:0;padding:11px 14px;font-size:13.5px;font-weight:500;line-height:1.5}.why-list{gap:13px;margin:2px 0 0;padding:0;list-style:none;display:grid}.why-list li{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;display:grid}.why-list b{color:var(--navy);font-size:15px;font-weight:800;line-height:1.3;display:block}.why-list li span:not(.why-key){color:var(--muted);margin-top:1px;font-size:13px;line-height:1.45;display:block}.why-key{width:40px;height:40px;color:var(--navy);background:linear-gradient(#fff 0%,#e9edf4 100%);border-radius:12px;place-items:center;display:grid;box-shadow:0 0 0 1px #1b24401a,0 2px #c3cad8,0 4px 8px #10182814}.why-key svg{width:21px;height:21px}.why-key-navy{color:#fff;background:linear-gradient(180deg, #34406a 0%, var(--navy) 60%, #151c33 100%);box-shadow:0 0 0 1px #141b31,0 2px #0a0f1f,0 4px 10px #1b24404d}.menu-list{background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:4px;display:grid;overflow:hidden}.menu-row{width:100%;min-height:50px;color:var(--navy);text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:0 16px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.menu-row+.menu-row{box-shadow:inset 0 1px 0 var(--line)}.menu-row svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}.menu-row span{flex:1;min-width:0}.menu-row small{color:var(--muted);margin-top:1px;font-size:12.5px;font-weight:500;display:block}.menu-row:has(small){min-height:58px}.why-more{background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px}.why-more summary{cursor:pointer;min-height:50px;color:var(--navy);align-items:center;gap:12px;padding:0 16px;font-size:15px;font-weight:600;list-style:none;display:flex}.why-more summary::-webkit-details-marker{display:none}.why-more summary span{flex:1}.why-more summary .wordmark{color:var(--navy);font-size:1.02em}.why-more summary .wordmark b{color:var(--navy)}.why-more summary:after{content:"";border-top:2px solid var(--faint);border-right:2px solid var(--faint);flex:none;width:7px;height:7px;margin-inline-end:3px;transition:transform .2s;transform:rotate(135deg)}.why-more[open] summary:after{transform:rotate(-45deg)}.why-more>:not(summary){margin:0 16px 14px}.menu-row:after{content:"";border-top:2px solid var(--faint);border-right:2px solid var(--faint);flex:none;width:7px;height:7px;margin-inline-end:3px;transform:rotate(45deg)}html[dir=rtl] .menu-row:after{transform:rotate(-135deg)}.menu-row:hover{background:#f7f8fb}.menu-row:active{background:#eef1f6}.menu-row:focus-visible{outline-offset:-2px}.shape-card{border-radius:var(--r-lg);text-align:start;color:#fff;background:radial-gradient(130% 90% at 100% 0%, #34416e 0%, var(--navy) 55%, #141b31 100%);gap:12px;padding:18px 16px 16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 34px #10182847}.shape-card:after{content:"";top:-46px;pointer-events:none;border:14px solid #ffffff0a;border-radius:50%;width:150px;height:150px;position:absolute;inset-inline-end:-46px}.sc-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sc-eyebrow{color:#ffffff9e;font-size:12px;font-weight:700}.sc-brand{font-family:var(--font-display);color:#b9c3de;font-size:14px;font-weight:600}.sc-title{font-size:22px;font-weight:800;line-height:1.15}.sc-frame{align-items:center;gap:14px;display:flex}.sc-frame-shot{background:#fff;border-radius:14px;flex:none;place-items:center;width:104px;height:58px;display:grid;overflow:hidden}.sc-frame-shot img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.sc-frame-shot svg{width:76px;height:32px;color:var(--navy)}.sc-frame-text{gap:2px;min-width:0;display:grid}.sc-frame-name{font-family:var(--font-display);text-align:start;font-size:22px;font-weight:600;line-height:1.15}.sc-verdict.is-good{color:#b6f0cf;background:#34d27b33}.sc-verdict.is-wide,.sc-verdict.is-narrow{color:#ffd99a;background:#ffc45c2e}.sc-frame-meta{color:#ffffffad;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.sc-chips{flex-wrap:wrap;gap:6px;display:flex}.sc-chips:empty{display:none}.sc-chip{background:#ffffff1f;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700}.sc-chip.is-good{color:#b6f0cf;background:#34d27b2e}.sc-sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sc-size{text-align:center;background:#ffffff17;border-radius:14px;align-content:start;gap:4px;padding:11px 6px 10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.sc-size b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:24px;font-weight:800;line-height:1}.sc-size b i{color:#fff9;margin-inline-start:2px;font-size:11px;font-style:normal;font-weight:600}.sc-size small{color:#ffffffb3;font-size:11px;line-height:1.25}@media (width<=370px){.sc-size b{font-size:21px}}.sc-pending{color:#ffffffb3;margin:-4px 0 0;font-size:12px}.sc-label{color:#ffffffb8;text-align:start;margin-bottom:-4px;font-size:12.5px;font-weight:700}.sc-shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sc-shape{color:#fff;background:#ffffff0f;border-radius:12px;justify-items:center;gap:2px;padding:8px 4px 6px;display:grid}.sc-shape svg{width:100%;height:30px}.sc-shape small{color:#ffffffbf;font-size:11px}.sc-save{min-height:48px;color:var(--navy);background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:800;display:flex;box-shadow:0 6px 16px #00000038}.sc-save svg{width:19px;height:19px}.sc-save:active{transform:translateY(1px)}.sc-note{text-align:center;color:#ffffffb3;margin:-2px 0 0;font-size:12px;line-height:1.4}.store-wrap{z-index:12}.store-sheet{text-align:start;gap:6px;padding-top:52px}.store-back{justify-self:center}.fav-list{gap:8px;margin-top:4px;display:grid}.fav-row{border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);text-align:start;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.fav-main{min-width:0;min-height:60px;color:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:6px 12px 2px;display:flex}.fav-shot{aspect-ratio:9/5;flex:none;width:96px;display:block}.fav-shot img,.fav-shot svg{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.fav-text{min-width:0;display:grid}.fav-name{font-family:var(--font-display);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden}.fav-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fav-main:hover .fav-name{text-decoration:underline}.fav-remove{width:30px;height:30px;color:var(--muted);background:#eef0f5;border:0;border-radius:50%;margin-inline-end:10px;position:relative}.fav-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px;display:grid}.fav-sizes,.fav-find,.rec-try,.rec-buy{position:relative}.fav-sizes,.fav-find-ghost{border:1px solid var(--line-strong);background:var(--card);min-height:36px;color:var(--navy);white-space:nowrap;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.fav-find{background:var(--blue);color:#fff;white-space:nowrap;border:0;border-radius:999px;padding:9px 13px;font-size:12.5px;font-weight:800}.fav-find.fav-find-ghost{border:1px solid var(--line-strong);background:var(--card);color:var(--navy);padding:0 14px;font-size:13px;font-weight:700}.fav-find:hover{background:var(--blue-2)}.fav-find.fav-find-ghost:hover{background:#f7f8fb}.fav-empty{border-radius:var(--r-md);background:var(--card);color:var(--muted);text-align:center;margin:4px 0 0;padding:16px;font-size:14px;line-height:1.5}.vs-logo{background:var(--navy);color:#fff;width:60px;height:60px;font-family:var(--font-display);box-shadow:var(--shadow);direction:ltr;border:0;border-radius:50%;justify-self:center;place-items:center;margin-top:8px;font-size:22px;font-style:italic;font-weight:600;display:grid}.rec-dialog{z-index:11;background:#10182899}.rec-dialog .overlay-card{background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px}.rec-preview{border-radius:var(--r-md);background:#000;width:100%;max-height:52vh}.share-btn{flex-direction:column;gap:2px}.share-btn small{opacity:.85;font-size:12px;font-weight:500}.share-links{gap:8px;margin-top:2px;display:grid}.share-links-title{color:var(--muted);font-size:12.5px}.share-links-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.share-links-row a,.share-links-row button{border:1px solid var(--line-strong);background:var(--card);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;padding:7px 13px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.rec-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-links-row.pulse a,.share-links-row.pulse button{border-color:var(--blue);animation:1.2s 2 share-pulse}@keyframes share-pulse{50%{background:var(--blue-soft);transform:scale(1.06)}}.vs-view{z-index:13;background:var(--bg);padding:max(12px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr;gap:10px;display:grid;position:absolute;inset:0}.vs-top{place-items:center;min-height:40px;display:grid;position:relative}.vs-title{color:var(--navy);align-items:center;gap:10px;font-weight:700;display:inline-flex}.vs-badge{background:var(--navy);color:#fff;min-width:34px;height:26px;font-family:var(--font-display);border-radius:8px;place-items:center;padding:0 7px;font-style:italic;display:inline-grid}.vs-arena{grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid;position:relative}.vs-side{border-radius:var(--r-lg);background:var(--card);min-height:0;box-shadow:var(--shadow-sm);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.vs-stage{background:#0d111c;min-height:0;position:relative;overflow:hidden}.vs-card{justify-items:center;gap:2px;padding:10px 8px 12px;display:grid}.vs-name{font-family:var(--font-display);color:var(--navy);direction:ltr;font-size:18px;font-weight:600}.vs-meta{color:var(--muted);font-size:12px}.vs-pick{background:var(--blue);color:#fff;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:10px 18px;font-weight:800;display:inline-flex}.vs-pick svg{fill:#fff;width:16px;height:16px}.vs-mid{z-index:2;background:var(--navy);color:#fff;width:52px;height:52px;font-family:var(--font-display);box-shadow:0 0 0 5px var(--bg);border-radius:50%;place-items:center;font-style:italic;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.vs-view.is-done .vs-arena{grid-template-columns:1fr}.vs-view.is-done .vs-side:last-child,.vs-view.is-done .vs-mid,.vs-view.is-done .vs-card{display:none}.vs-result{inset-inline:10px;z-index:3;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);justify-items:center;gap:4px;padding:18px;display:grid;position:absolute;bottom:12px}.vs-winner-name{font-family:var(--font-display);color:var(--blue);direction:ltr;font-size:28px;font-weight:600}.vs-winner-label{color:var(--muted);font-size:13px}.vs-crown{font-size:28px}.vs-result-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:10px;display:grid}.quiz{z-index:14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10182880;padding:14px}.quiz-card{border-radius:var(--r-lg);background:radial-gradient(120% 50% at 50% 0%, #e7eaf2 0%, var(--bg) 70%);width:100%;max-width:460px;max-height:calc(100% - 8px);box-shadow:var(--shadow);gap:8px;padding:14px 16px 18px;display:grid;overflow-y:auto}.quiz-top{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.quiz-brand{color:var(--blue);direction:ltr;align-items:center;gap:6px;font-size:15px;font-weight:800;display:inline-flex}.quiz-brand svg{width:20px;height:20px}.quiz-close{position:static}.quiz-dots{justify-content:center;gap:5px;display:flex}.quiz-dot{background:#d3d9e6;border-radius:999px;width:7px;height:7px;transition:all .25s}.quiz-dot.done{background:var(--blue)}.quiz-dot.now{background:var(--blue);width:20px}.quiz-step,.quiz-results{text-align:center;gap:12px;animation:.3s quiz-in;display:grid}@keyframes quiz-in{0%{opacity:0;transform:translateX(calc(24px * var(--dir,-1)))}}.quiz-count{color:var(--muted);margin:6px 0 0;font-size:12.5px}.quiz-q{color:var(--navy);margin:0;font-size:23px;font-weight:800}.quiz-pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.quiz-choice{border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);border:2px solid #0000;gap:8px;padding:14px 8px 12px;transition:transform .15s,border-color .15s;display:grid}.quiz-choice:hover{border-color:#c3cadb}.quiz-choice.picked{border-color:var(--blue);transform:scale(1.03);box-shadow:0 10px 26px #1b244040}.quiz-img{aspect-ratio:9/5;display:block}.quiz-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.quiz-label{color:var(--navy);font-size:16px;font-weight:800}.quiz-skip{min-height:44px;color:var(--muted);background:0 0;border:0;justify-self:center;padding:6px 10px;font-size:13.5px;text-decoration:underline}.quiz-thinking{color:var(--navy);justify-items:center;gap:16px;padding:40px 0 30px;font-weight:700;display:grid}.quiz-orb{background:conic-gradient(#1b2440,#b9c3de,#c3cadb,#1b2440);border-radius:50%;width:74px;height:74px;animation:1.1s linear infinite spin;-webkit-mask:radial-gradient(circle,#0000 52%,#000 53%);mask:radial-gradient(circle,#0000 52%,#000 53%)}@keyframes spin{to{transform:rotate(1turn)}}.quiz-face{background:var(--blue-soft);color:var(--navy-2);border-radius:999px;justify-self:center;padding:6px 14px;font-size:13.5px}.quiz-face b{color:var(--blue)}.quiz-recs{text-align:start;gap:10px;display:grid}.rec{border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);border:1.5px solid #0000;grid-template-rows:auto auto;grid-template-columns:130px 1fr;gap:4px 12px;padding:12px;display:grid;position:relative}.rec-best{border-color:var(--blue);padding-top:22px;box-shadow:0 10px 26px #1b24402e}.rec-badge{top:-10px;background:var(--blue);color:#fff;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800;position:absolute;inset-inline-start:12px}.rec-img{grid-row:span 2;place-items:center;display:grid}.rec-img img{aspect-ratio:9/5;object-fit:contain;mix-blend-mode:multiply;width:100%}.rec-info{gap:2px;min-width:0;display:grid}.rec-name{font-family:var(--font-display);color:var(--navy);text-align:start;direction:ltr;font-size:18px;font-weight:600}.rec-meta{color:var(--muted);font-size:12px}.rec-reasons{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.rec-reasons span{background:var(--blue-soft);color:var(--navy-2);border-radius:999px;padding:3px 8px;font-size:11.5px}.rec-actions{align-self:end;gap:6px;display:flex}.rec-try,.rec-buy{border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:700}.rec-try{border:1px solid var(--line-strong);background:var(--card);color:var(--navy)}.rec-buy{background:var(--blue);color:#fff;border:0}.rec:not(.rec-best) .rec-buy{color:var(--navy);background:#e8ebf2}.discover{inset-inline:0;z-index:6;pointer-events:none;position:absolute;bottom:0}.disc-sheet{pointer-events:auto;padding:10px 18px max(14px, env(safe-area-inset-bottom));background:var(--bg);border-radius:24px 24px 0 0;align-content:start;gap:8px;animation:.35s cubic-bezier(.2,.8,.2,1) sheet-up;display:grid;position:relative;box-shadow:0 -10px 30px #0000002e}.disc-sheet:before{content:"";background:#cfd5e1;border-radius:3px;justify-self:center;width:40px;height:4px;margin-bottom:2px}.disc-top{align-items:center;gap:8px;display:flex}.disc-title{min-width:0;color:var(--muted);flex:1;margin:0;font-size:16px;font-weight:800;line-height:1.2}.disc-close{top:auto;flex:none;position:relative;inset-inline-end:auto}.disc-main{justify-content:space-between;align-items:baseline;gap:10px;margin-top:-4px;display:flex}.disc-name{min-width:0;font-family:var(--font-display);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;text-align:start;font-size:28px;font-weight:600;line-height:1.1;overflow:hidden}.disc-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.disc-why{color:var(--navy-2);margin:-4px 0 0;font-size:13.5px;font-weight:600}.disc-why:empty{display:none}.disc-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.disc-step{background:var(--card);min-width:0;min-height:46px;color:var(--navy);box-shadow:var(--shadow-sm);border:0;border-radius:12px;align-content:center;justify-items:center;gap:1px;padding:4px 3px;transition:background .2s,transform .12s;display:grid}.disc-step svg{width:100%;max-width:42px;height:18px}.disc-step small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.disc-step.is-seen{color:#8f99ad}.disc-step.is-on{background:var(--navy);color:#fff;box-shadow:0 4px 10px #1b24404d}.disc-step:active{transform:scale(.96)}.disc-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;margin-top:2px;display:grid}.disc-save{border-radius:999px;justify-content:center;align-items:center;gap:8px;width:auto;height:48px;font-size:15.5px;font-weight:800;display:flex}.disc-save .when-on,.disc-save[aria-pressed=true] .when-off{display:none}.disc-save[aria-pressed=true] .when-on{display:inline}.disc-next{color:#fff;white-space:nowrap;background:linear-gradient(#3b4775, var(--navy) 55%, #141b31);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px #0b1022,0 5px 12px #1b244059,inset 0 1px #ffffff38}.disc-next:not(.is-last):after{content:"←";font-size:17px}html[dir=ltr] .disc-next:not(.is-last):after{content:"→"}.disc-next:active{transform:translateY(2px);box-shadow:0 0 #0b1022,0 2px 4px #1b24404d}.disc-link{min-height:40px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;justify-self:center;padding:0 4px;font-size:13.5px;text-decoration:underline}.disc-link:hover{color:var(--navy)}@media (width<=370px){.disc-name{font-size:25px}.disc-step small{font-size:10px}}@media (prefers-reduced-motion:reduce){.disc-sheet,.scan-label{animation:none}}.link-sheet{text-align:start;gap:12px;max-width:480px;padding-top:20px}.link-head{align-items:center;gap:12px;padding-inline-end:40px;display:flex}.link-head h2{font-size:21px;line-height:1.15}.link-head .find-lead{margin-top:3px;font-size:13.5px;line-height:1.4}.link-sheet h2 span{color:var(--blue)}html[lang=en] .link-sheet h2 span{text-transform:lowercase}.upload-btn{cursor:pointer;text-align:center;color:#fff;background:linear-gradient(180deg, #34406a 0%, var(--navy) 58%, #161e36 100%);border-radius:18px;justify-items:center;gap:2px;padding:13px 16px 12px;transition:transform .12s,box-shadow .12s,opacity .2s;display:grid;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #141b31,0 3px #0a0f1f,0 8px 18px #1b24404d}#link-file-label{font-size:16px;font-weight:700}.upload-sub{color:#ffffffb3;font-size:12px;font-weight:500}.upload-btn:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0000004d,0 0 0 1px #141b31,0 0 #0a0f1f,0 2px 4px #1b24404d}.upload-btn:has(input:disabled){opacity:.45;cursor:default;transform:none}.upload-btn:focus-within{outline:2px solid var(--blue);outline-offset:3px}.link-photos{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.link-photo{background:#fff;border-radius:14px;width:66px;height:66px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1b24401a,0 2px #d3d8e3,0 4px 10px #10182814}.link-photo img{object-fit:cover;width:100%;height:100%;display:block}.link-photo button{top:3px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b2440cc;border:0;border-radius:50%;width:22px;height:22px;padding:0;font-size:11px;line-height:22px;position:absolute;inset-inline-end:3px}.link-photos-hint{color:var(--muted);text-align:center;margin:-2px 0 0;font-size:12.5px;line-height:1.45}.link-preview{gap:8px;display:grid}.link-preview[hidden]{display:none}.link-preview-stage{cursor:crosshair;touch-action:manipulation;background:repeating-conic-gradient(#f3f5f9 0% 25%,#fff 0% 50%) 0 0/16px 16px;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1b24401f,0 6px 16px #10182814}.link-preview-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-height:36vh;display:block}.link-preview-hint{pointer-events:none;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b2440e0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #10182840}.link-tap-ring{pointer-events:none;border:2px solid #fffffff2;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:1.8s ease-out infinite tap-ring;position:absolute;top:56%;left:50%;box-shadow:0 0 0 2px #1b24408c,0 0 18px #1b24404d}@keyframes tap-ring{0%{opacity:0;transform:scale(.55)}25%{opacity:1}to{opacity:0;transform:scale(1.35)}}.link-preview-stage:has(.link-preview-dot:not([hidden])) :is(.link-preview-hint,.link-tap-ring){display:none}.link-preview-dot{pointer-events:none;background:#1b2440e6;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 5px #1b244038}.link-preview-dot[hidden]{display:none}.link-preview-bar{justify-content:center;align-items:center;gap:10px;display:flex}.link-rot-label{color:var(--muted);font-size:12.5px;font-weight:600}.link-preview-tools{gap:8px;display:flex}.link-key{width:40px;height:40px;color:var(--navy);cursor:pointer;background:linear-gradient(#fff 0%,#e9edf4 100%);border:0;border-radius:12px;place-items:center;padding:0;transition:transform .1s,box-shadow .1s;display:grid;box-shadow:0 0 0 1px #1b24401a,0 3px #c3cad8,0 5px 10px #10182814}.link-key svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.link-key:active{transform:translateY(3px);box-shadow:0 0 0 1px #1b244024,0 0 #c3cad8,0 1px 2px #1018281a}.link-status{color:var(--navy-2);background:var(--blue-soft);border-radius:14px;margin:0;padding:10px 13px;font-size:13.5px;line-height:1.45}.link-status.busy{color:var(--navy);align-items:center;gap:9px;font-weight:600;display:flex}.link-status.busy[hidden]{display:none}.link-status.busy:before{content:"";border:2px solid #1b24402e;border-top-color:var(--navy);border-radius:50%;flex:none;width:15px;height:15px;animation:.8s linear infinite spin}.link-status.err{color:#b42318;background:#fdecea}.link-sheet:has(.link-status.busy:not([hidden])) .link-preview-stage:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/250% 100%;animation:1.3s linear infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{background-position:150% 0}to{background-position:-100% 0}}.link-tip{color:var(--muted);align-items:flex-start;gap:7px;margin:0;font-size:12.5px;line-height:1.45;display:flex}.link-sheet:has(#link-preview:not([hidden])) .link-tip{display:none}.link-tip svg{fill:none;width:17px;height:17px;stroke:var(--navy-2);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:1px}.link-field{position:relative}.link-field svg{fill:none;width:18px;height:18px;stroke:var(--faint);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.link-field .find-query{width:100%;margin:0;padding-left:40px}.link-field-sm .find-query{padding-block:9px;font-size:13.5px}.link-input{text-align:start}.link-go{width:100%;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.link-sheet:has(#link-photos:not([hidden])) .link-go{background:var(--navy);color:#fff;border-color:#0000;box-shadow:0 3px #0a0f1f,0 8px 16px #1b244040}.link-go:disabled{opacity:.55}@media (prefers-reduced-motion:reduce){.link-tap-ring{animation:none}.link-sheet:has(.link-status.busy:not([hidden])) .link-preview-stage:after{animation:none}}.web-product{z-index:3;max-width:calc(100% - 150px);color:var(--navy);box-shadow:var(--shadow);background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;text-decoration:none;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.web-product img{object-fit:cover;background:#fff;border-radius:50%;flex:none;width:36px;height:36px}.wp-text{min-width:0;line-height:1.2;display:grid}.wp-text b{white-space:nowrap;text-overflow:ellipsis;text-align:start;direction:ltr;font-size:12.5px;overflow:hidden}.wp-text small{color:var(--blue);font-size:11.5px;font-weight:700}.toast{z-index:20;white-space:nowrap;border-radius:var(--r-md);text-align:center;background:var(--navy);color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow);padding:11px 18px;font-size:14px;position:absolute;top:90px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.live-dot,.fav-tray.is-lit,.rec-btn.is-recording .rec-dot{animation:none}}.toast.is-low{padding:7px 14px;font-size:13px}.toast.has-action{pointer-events:auto;white-space:nowrap;align-items:center;gap:4px;padding:0 6px 0 16px;display:flex}.toast-action{color:#ffb3c0;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:0 12px;font-size:14px;font-weight:800;text-decoration:underline;position:relative}.categories .shape-tab,.categories .shape-tab[aria-selected=true]{flex-direction:column;gap:0;padding-bottom:0}.share-title{color:var(--navy);margin-top:2px;font-size:15px;font-weight:800}.share-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.share-grid button{background:var(--card);min-height:76px;box-shadow:var(--shadow-sm);color:var(--navy);border:0;border-radius:16px;justify-items:center;gap:5px;padding:10px 4px 8px;font-size:12.5px;font-weight:700;display:grid}.share-grid button:active{transform:translateY(1px)}.net-ico{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;font-style:normal;font-weight:800;display:grid}.net-wa{background:#25d366}.net-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.net-tt{background:#111}.net-fb{background:#1877f2;font-family:Arial,sans-serif}.net-tg{background:#229ed9;font-size:14px}.bar-btn{background:var(--card);width:100%;min-height:48px;box-shadow:var(--shadow-sm);color:var(--navy);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.fav-actions{justify-items:stretch;grid-template-columns:1fr!important;gap:2px!important;display:grid!important}.fav-find.fav-find-main{background:var(--navy);color:#fff;border:0;border-radius:12px;min-height:44px;font-size:14px;font-weight:800;box-shadow:0 2px #0b1022,0 6px 14px #1b244040}.fav-sizes.fav-sizes-link{min-height:36px;box-shadow:none;color:var(--navy-2);text-underline-offset:3px;background:0 0;border:0;justify-self:center;font-size:13px;font-weight:600;text-decoration:underline}#start-error{text-align:center;max-width:340px;margin:2px 0 0;font-size:15px;font-weight:600;line-height:1.4}.legal-links{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.find-disclosure a{color:inherit;text-decoration:underline}.find-primary{gap:8px;margin-top:8px;display:grid}.store-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px #1b24404d}.store-primary:hover{box-shadow:0 10px 24px #1b24404d}.store-primary .store-note{color:#ffffffd9}.store-primary .store-go{color:#fff}.find-more>.lens-link{margin:0 10px 8px}:root{--appbar-h:calc(env(safe-area-inset-top,0px) + 56px);--drawer-w:min(380px, 46vw);--ease-out:cubic-bezier(.2, .8, .2, 1);--on-video:#fff;--scrim-top:#0a0e1e99;--scrim-bottom:#0a0e1ec7}#app{background:#0d111c}.stage{touch-action:none}.cam{transform-origin:50%;transition:transform .38s var(--ease-out);position:absolute;inset:0}.find-close:before,.fav-remove:before,.fav-sizes:before,.fav-find:before,.rec-try:before,.rec-buy:before,.link-photo button:before{content:"";position:absolute;inset:-5px}.fav-remove:before{inset:-7px}.link-photo button:before{inset:-8px}@keyframes like-pop{0%{transform:scale(1)}35%{transform:scale(1.42)}65%{transform:scale(.9)}to{transform:scale(1)}}.appbar{inset-inline:0;z-index:5;height:var(--appbar-h);padding:env(safe-area-inset-top,0px) 10px 0;color:var(--on-video);pointer-events:none;background:linear-gradient(to bottom, var(--scrim-top), #0a0e1e00);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:absolute;top:0}.appbar>*{pointer-events:auto}.appbar .wordmark{text-shadow:0 1px 10px #0006;pointer-events:none;font-size:22px}.appbar-end{pointer-events:none}.appbar-icon{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1e47;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.appbar-icon svg{width:24px;height:24px}.appbar-icon:hover{background:#0a0e1e73}#nav-menu{justify-self:start}.appbar-icon:focus-visible,.dock-btn:focus-visible,.rec-btn:focus-visible,.find-pill:focus-visible{outline-offset:3px;outline:3px solid #fff}.status{text-align:center;background:#0a0e1eb8;max-width:calc(100% - 40px);top:42%}.rec-timer{top:calc(var(--appbar-h) + 2px);z-index:6}.hold-chip{top:calc(var(--appbar-h) + 2px);z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0a0e1ecc;border-radius:999px;width:max-content;margin-inline:auto;padding:9px 18px;font-size:14px;font-weight:700;animation:.18s ease-out fade-in;position:absolute;inset-inline:0}@keyframes fade-in{0%{opacity:0}}.scan-label{top:calc(var(--appbar-h) + 2px);max-width:calc(100% - 32px)}.web-product{top:calc(var(--appbar-h) + 2px);z-index:6;max-width:calc(100% - 32px)}.debug-hud{top:calc(var(--appbar-h) + 50px)}.cam-ui{inset-inline:0;z-index:4;pointer-events:none;padding:64px 16px max(14px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--scrim-bottom) 0%, #0a0e1e8c 50%, #0a0e1e00 100%);justify-items:center;gap:8px;transition:opacity .25s;display:grid;position:absolute;bottom:0}.frame-info{justify-items:center;gap:6px;max-width:100%;display:grid}.frame-chip{text-align:center;max-width:100%;min-height:28px}.frame-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;max-width:100%;font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:0 1px 12px #00000080;font-size:22px;font-weight:600;line-height:28px;display:inline-block;overflow:hidden}@keyframes chip-slide{0%{opacity:0;transform:translateX(var(--slide,0px)) scale(.94)}}.find-pill{pointer-events:auto;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff6;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 14px 0 12px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.find-pill:before{content:"";position:absolute;inset:-4px -6px}.find-pill svg{flex:none;width:16px;height:16px}.find-pill:hover{background:#ffffff38}.find-pill:active{transform:scale(.97)}.cam-dock{justify-content:space-between;align-items:flex-end;width:100%;max-width:380px;padding-inline:6px;display:flex}.cam-dock>*{pointer-events:auto}.dock-btn{color:#fff;background:0 0;border:0;align-content:start;justify-items:center;gap:6px;min-width:72px;padding:0;display:grid}.dock-ico{border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .12s;display:grid;position:relative}.dock-ico svg{width:26px;height:26px}.dock-ico-light{color:var(--navy);background:#fff;box-shadow:0 6px 18px #00000052}.dock-ico-glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;box-shadow:inset 0 0 0 1.5px #fff9,0 6px 18px #00000040}.dock-btn:active .dock-ico,.rec-btn:active .rec-dot{transform:scale(.94)}.dock-label,.rec-label{white-space:nowrap;text-shadow:0 1px 4px #000000b3;font-size:12.5px;font-weight:700;line-height:1.2}.fav-tray svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linejoin:round}.fav-tray.is-lit .dock-ico{color:var(--heart);background:#fff;box-shadow:0 0 0 1.5px #f0445c80,0 0 22px #f0445c73}@keyframes tray-flash{30%{transform:scale(1.18)}}.fav-count{top:-4px;background:var(--navy);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;inset-inline-end:-4px}.rec-btn{color:#fff;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid;position:relative}.rec-dot{background:#ffffff1f;border-radius:50%;place-items:center;width:76px;height:76px;transition:transform .12s;display:grid;position:relative;box-shadow:inset 0 0 0 4px #fff,0 8px 24px #00000061}.rec-dot:after{content:"";background:radial-gradient(circle at 35% 30%, #ff8a7a, var(--rec) 55%, #d63030);width:58px;height:58px;transition:transform .25s var(--ease-out), border-radius .25s var(--ease-out);border-radius:50%}.rec-dot:before{content:"";opacity:0;pointer-events:none;border:3px solid #ef3b3bb3;border-radius:50%;position:absolute;inset:-5px}.rec-btn.is-recording .rec-dot:after{border-radius:22%;transform:scale(.46)}.rec-btn.is-recording .rec-dot:before{animation:1.4s ease-out infinite rec-ring}.rec-btn.is-recording .rec-label{visibility:hidden}@keyframes rec-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}.dock-btn,.find-pill,.cam-like{transition:opacity .2s,visibility}#app:has(.rec-btn.is-recording) :is(#fav-tray,.find-pill){opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.coach{z-index:6;inset-inline:0;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 232px);pointer-events:none;width:max-content;max-width:calc(100% - 32px);color:var(--navy);animation:coach-in .45s var(--ease-out);background:#fffffff5;border-radius:999px;align-items:center;gap:8px;margin-inline:auto;padding:10px 18px 10px 14px;font-size:14.5px;font-weight:700;display:flex;position:absolute;box-shadow:0 8px 24px #0000004d}html[dir=ltr] .coach{--sw:-1}html[dir=rtl] .coach{--sw:1}.coach-arrows{transform:scaleX(var(--sw,1));display:grid}.coach-arrows svg{width:22px;height:22px;animation:1.1s ease-in-out infinite coach-nudge}@keyframes coach-in{0%{opacity:0;transform:translateY(10px)}}@keyframes coach-nudge{0%,to{transform:translate(-3px)}50%{transform:translate(6px)}}.drawer-scrim{z-index:8;opacity:0;pointer-events:none;background:linear-gradient(#0a0e1e61,#0a0e1e1f);transition:opacity .3s;position:absolute;inset:0}#app.drawer-open:not(.drawer-side) .drawer-scrim{opacity:1;pointer-events:auto}.drawer{z-index:9;inset-inline:0;height:60dvh;max-height:calc(100dvh - var(--appbar-h) - 40px);background:var(--bg);color:var(--text);visibility:hidden;transition:transform .34s var(--ease-out), visibility 0s .34s;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;transform:translateY(100%);box-shadow:0 -14px 40px #080c1c61}.drawer.is-open{visibility:visible;transition:transform .34s var(--ease-out), visibility 0s;transform:none}.drawer-grab{touch-action:none;cursor:grab;box-shadow:0 1px 0 var(--line);flex:none;padding:8px 16px 0}.drawer-handle{background:#c5ccdb;border-radius:3px;width:44px;height:5px;margin:0 auto 4px;display:block}.drawer-head{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.drawer-head h2{color:var(--navy);margin:0;font-size:20px;font-weight:800}.drawer-x{width:44px;height:44px;color:var(--navy);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-inline-end:-8px;padding:0;display:grid}.drawer-x svg{width:22px;height:22px}.drawer-body{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:4px 16px max(24px, env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#cfd5e1 transparent;flex:1;grid-auto-rows:max-content;align-content:start;gap:12px;display:grid;overflow-y:auto;container-type:inline-size}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-thumb{background:#cfd5e1;border-radius:3px}.drawer button:focus-visible,.drawer .card:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.drawer-h{color:var(--navy);margin:8px 2px 0;font-size:15px;font-weight:800}.categories:has(.shape-tab){grid-template-columns:repeat(3,76px);justify-content:center;gap:6px}.categories .shape-tab{min-height:56px}.shape-tab-key{width:50px;height:47px}.shape-tab-label{margin-top:2px;font-size:12px}@container (width>=400px){.shape-tab-key{width:56px;height:52px}}.seg button{min-height:38px;font-size:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@container (width>=350px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid:empty{background:linear-gradient(90deg,#eceff5,#f6f8fb,#eceff5) 0 0/200% 100%;border-radius:14px;min-height:168px;animation:1.4s linear infinite shimmer}.card{background:var(--card);min-height:66px;box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding:12px 4px 7px;transition:border-color .15s,transform .15s;display:flex;position:relative}.card:active{transform:scale(.97)}.card-img{width:100%;height:30px;display:block}.card-img svg{color:#3a4466;width:100%;height:100%;display:block}.card.is-current .card-img svg{color:var(--navy)}.card-name{color:#5b6478;text-align:center;white-space:nowrap;text-overflow:ellipsis;direction:ltr;width:100%;font-size:11.5px;font-weight:600;line-height:14px;display:block;overflow:hidden}.card.is-current .card-name{color:var(--navy);font-weight:700}.card-heart{top:5px;pointer-events:none;color:var(--heart);display:none;position:absolute;inset-inline-end:5px}.card-heart svg{width:13px;height:13px;fill:var(--heart);display:block}.card.is-liked .card-heart{display:block}.card-heart-btn{display:none}.looks{background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;gap:2px;padding:4px 8px;display:grid}.looks:empty{display:none}.swatch-row{flex-wrap:wrap;align-items:center;display:flex}.swatch-label{color:#5b6478;flex:none;width:100%;padding:8px 4px 0;font-size:13px;font-weight:700}.swatch{background:0 0;border:0;flex:none;place-items:center;width:44px;height:48px;padding:0;display:grid}.swatch i{border-radius:50%;width:30px;height:30px;transition:transform .12s,box-shadow .2s;display:block;box-shadow:inset 0 0 0 1px #1b24402e,0 1px 2px #10182826}.swatch:active i{transform:scale(.9)}.swatch:focus-visible{outline:none}.swatch:focus-visible i{outline:2px solid var(--navy);outline-offset:5px}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.more-item{text-align:start;background:var(--card);min-height:64px;color:var(--navy);box-shadow:var(--shadow-sm);border:0;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s,color .15s;display:flex}.more-item svg{flex:none;width:22px;height:22px}.more-text{min-width:0}.more-text b{font-size:13.5px;font-weight:700;line-height:1.25;display:block}.more-text small{color:#5b6478;margin-top:2px;font-size:12px;line-height:1.3;display:block}.more-item:hover{background:#f7f8fb}.more-item:active{transform:scale(.98)}.more-item[aria-pressed=true]{background:var(--navy);color:#fff}.more-item[aria-pressed=true] small{color:#fffc}.more-item .tool-slash{display:none}#btn-glasses[aria-pressed=false] .tool-slash{display:inline}#btn-glasses[aria-pressed=true]{background:var(--navy);color:#fff}.discover{z-index:6}#app:has(.discover:not([hidden])) .cam-ui{opacity:0;visibility:hidden}#app.drawer-open:not(.drawer-side) .appbar{opacity:0;transition:opacity .2s}#app.drawer-open:not(.drawer-side) .cam{transform:translateY(calc(-23dvh * (1 - var(--drawer-drop,0)))) scale(calc(.75 + .25 * var(--drawer-drop,0)));will-change:transform;border-radius:24px;overflow:hidden}#app.drawer-open:not(.drawer-side):has(.drawer.is-dragging) .cam{transition:none}#app:has(.discover:not([hidden])):not(.drawer-open) .cam{transform:translateY(-8dvh)scale(.9)}@media (width>=900px),(height<=520px) and (orientation:landscape){.drawer{inset-inline:auto 0;width:var(--drawer-w);border-radius:0;height:auto;max-height:none;top:0;bottom:0;transform:translate(100%);box-shadow:-10px 0 36px #080c1c4d}html[dir=rtl] .drawer{box-shadow:10px 0 36px #080c1c4d}html[dir=rtl] .drawer:not(.is-open){transform:translate(-100%)}.drawer.is-open{transform:none}.drawer-handle{display:none}.drawer-grab{padding-top:max(10px, env(safe-area-inset-top));cursor:default}.drawer-scrim{display:none}#app.drawer-open .stage{margin-inline-end:var(--drawer-w)}.drawer-body::-webkit-scrollbar{width:10px}.drawer-body::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#1b244059 padding-box padding-box;border-radius:6px}.drawer-body::-webkit-scrollbar-thumb:hover{background-color:#1b244099}}@media (width>=900px){.drawer-x{margin-inline-end:0}.find-dialog{align-items:center;padding:20px}.find-sheet{border-radius:var(--r-lg);scrollbar-width:auto;scrollbar-color:auto}.find-sheet::-webkit-scrollbar{width:12px}.find-sheet::-webkit-scrollbar-track{background:#e6e9f0;border-radius:8px;margin-block:16px}.find-sheet::-webkit-scrollbar-thumb{background:#1b244080 padding-box padding-box;border:2px solid #e6e9f0;border-radius:8px;min-height:44px}.disc-sheet{bottom:24px;width:400px;box-shadow:var(--shadow), 0 0 0 1px var(--line);border-radius:24px;padding-top:18px;position:absolute;inset-inline-start:calc(50% - 200px)}.disc-sheet:before{display:none}.discover{inset:0}.cam-ui{padding-inline:24px}}@media (height<=520px) and (orientation:landscape){:root{--appbar-h:calc(env(safe-area-inset-top,0px) + 52px)}.cam-ui{background:linear-gradient(to left, var(--scrim-bottom), #0a0e1e00 30%);padding:0;display:block;inset:0}html[dir=rtl] .cam-ui{background:linear-gradient(to right, var(--scrim-bottom), #0a0e1e00 30%)}.cam-dock{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:auto;max-width:none;padding:0;position:absolute;inset-block:0;inset-inline-end:max(12px, env(safe-area-inset-right))}.dock-ico{width:48px;height:48px}.rec-dot{width:64px;height:64px}.rec-dot:after{width:48px;height:48px}.dock-btn{gap:3px;min-width:64px}.dock-label,.rec-label{font-size:11.5px}.frame-info{inset-inline-start:16px;justify-items:start;max-width:55%;position:absolute;bottom:12px}.frame-name{font-size:19px}.coach{bottom:24px}}@media (width<=380px){.frame-name{font-size:20px}.coach{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 214px);font-size:13.5px}.more-item{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.cam,.drawer,.drawer-scrim,.rec-dot:after,.frame-name.chip-in,.coach,.coach-arrows svg,.hold-chip,.rec-btn.is-recording .rec-dot:before,.grid:empty,.fav-tray.flash .dock-ico{transition:none;animation:none}.drawer{transition:none}}.frame-actions{justify-content:center;align-items:center;gap:8px;display:flex}.cam-like{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff6;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:relative}.cam-like:before{content:"";position:absolute;inset:-4px}.cam-like svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:19px;height:19px}.cam-like[aria-pressed=true]{color:#f0445c;background:#fff;border-color:#fff}.cam-like:active{transform:scale(.94)}.cam-like:focus-visible{outline-offset:3px;outline:3px solid #fff}:root{--chip:#e9ecf4;--ring:0 0 0 1px var(--line);--fs-xs:12px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}@keyframes photo-settle{0%{transform:scale(1.08)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.94)}}@keyframes rec-idle{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.22)}}@keyframes blink{50%{opacity:.25}}.wordmark b,.appbar .wordmark b,.start .wordmark b{color:var(--accent-hi)}.menu-sheet h2 .wordmark b,.why-more summary .wordmark b{color:var(--accent)}.start .cta{background:var(--accent);color:#fff;box-shadow:0 12px 30px var(--accent-glow), inset 0 1px 0 #ffffff47}.start .cta:hover{background:var(--accent-2)}.cta,.lens-btn,.store-primary{box-shadow:0 10px 24px var(--accent-glow)}.seg button[aria-checked=true]{background:linear-gradient(#7a6eff, var(--accent) 55%, var(--accent-2));box-shadow:0 2px 0 #3427b8, 0 5px 10px var(--accent-glow), inset 0 1px 0 #ffffff4d}.seg button:active{box-shadow:0 0 0 #3427b8, 0 2px 4px var(--accent-glow)}@media (hover:hover){.seg button[aria-checked=false]:hover{color:var(--accent)}}.shape-tab[aria-selected=true] .key-edge{fill:#3427b8;stroke:#3427b8}.shape-tab[aria-selected=true] .key-body{filter:drop-shadow(0 0 .6px #3427b8b3) drop-shadow(0 5px 9px var(--accent-glow))}.shape-tab[aria-selected=true] .shape-tab-label{color:var(--accent)}.card.is-current{border-color:var(--accent);box-shadow:0 4px 14px var(--accent-glow)}.card.is-current .card-img svg,.card.is-current .card-name{color:var(--accent)}.swatch.is-on i{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent), 0 2px 6px #10182840}.swatch:focus-visible i,.drawer button:focus-visible,.drawer .card:focus-visible{outline-color:var(--accent)}.more-item[aria-pressed=true],#btn-glasses[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:0 6px 14px var(--accent-glow)}.disc-step.is-on{background:var(--accent);box-shadow:0 4px 10px var(--accent-glow)}.disc-next{background:linear-gradient(#7a6eff, var(--accent) 55%, var(--accent-2));box-shadow:0 2px 0 #3427b8, 0 5px 12px var(--accent-glow), inset 0 1px 0 #ffffff47}.disc-next:active{box-shadow:0 0 0 #3427b8, 0 2px 4px var(--accent-glow)}.upload-btn{background:linear-gradient(180deg, #7a6eff 0%, var(--accent) 58%, var(--accent-2) 100%);box-shadow:inset 0 1px 0 #ffffff47, 0 3px 0 #3427b8, 0 8px 18px var(--accent-glow)}.link-sheet:has(#link-photos:not([hidden])) .link-go{background:var(--accent);box-shadow:0 3px 0 #3427b8, 0 8px 16px var(--accent-glow)}.fav-find.fav-find-main{background:var(--accent);box-shadow:0 2px 0 #3427b8, 0 6px 14px var(--accent-glow)}.fav-sizes.fav-sizes-link{color:var(--accent)}.toast-action{color:var(--accent-hi)}.toast{animation:toast-in .42s var(--spring)}.fav-count{background:var(--accent)}.scan-ring{background:conic-gradient(var(--accent) calc(var(--p) * 360deg), #5b4dff29 0)}.scan-label.is-paused .scan-ring{background:conic-gradient(#d98a00 calc(var(--p) * 360deg), #d98a0033 0)}.categories .chip[aria-selected=true]{box-shadow:0 6px 16px var(--accent-glow)}.find-sheet h2 span,.link-sheet h2 span,.store-go,.product-store,.wp-text small{color:var(--accent)}.find-query:focus{border-color:var(--accent)}.cam-like[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px #5b4dff4d}.fav-tray.is-lit .dock-ico{color:var(--accent);box-shadow:0 0 0 1.5px #5b4dff8c, 0 0 22px var(--accent-glow);background:#fff}.like-btn{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent), 0 2px 0 #cfc9ff, 0 4px 10px var(--accent-glow)}.like-btn[aria-pressed=true]{color:#fff;background:linear-gradient(#7a6eff, var(--accent) 60%, var(--accent-2));box-shadow:inset 0 1px 0 #ffffff4d, 0 2px 0 #3427b8, 0 5px 14px var(--accent-glow)}@media (hover:hover){.like-btn[aria-pressed=false]:hover{background:var(--accent-soft)}}.heart-fly svg{fill:var(--accent);filter:drop-shadow(0 4px 12px var(--accent-glow))}.card-heart,.card-heart svg{color:var(--accent);fill:var(--accent)}.card.is-liked .card-heart svg,.cam-like.pop svg,.like-btn.pop svg{animation:like-pop .5s var(--spring)}.fav-tray.flash .dock-ico{animation:tray-flash .55s var(--spring)}.rec-dot{box-shadow:inset 0 0 0 4px #fff, 0 8px 24px #00000061, 0 0 26px var(--accent-glow)}.rec-dot:before{border-color:var(--accent-hi);animation:2.8s ease-out infinite rec-idle}.rec-btn.is-recording .rec-dot:before{border-color:#ef3b3bbf;animation:1.4s ease-out infinite rec-ring}.rec-timer{align-items:center;gap:7px;padding:5px 13px;font-size:14px;display:inline-flex;box-shadow:0 4px 14px #ef3b3b66}.rec-timer:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite blink}.rec-timer.is-ending{animation:1s ease-in-out infinite tray-flash}.rec-btn:active .rec-dot{transform:scale(.92)}.cta,.secondary-btn,.bar-btn,.menu-row,.find-close,.drawer-x,.store,.share-grid button,.more-item,.card,.fav-main,.upload-btn,.dock-ico,.rec-dot,.appbar-icon,.cam-like{transition:transform .22s var(--spring), background .15s, box-shadow .2s, color .15s, border-color .15s}.cta:active,.secondary-btn:active,.bar-btn:active,.find-close:active,.drawer-x:active,.store:active,.share-grid button:active,.appbar-icon:active{transform:scale(.96)}.menu-row:active{transform:scale(.99)}.drawer{transition:transform .46s var(--spring-soft), visibility 0s .46s}.drawer.is-open{transition:transform .46s var(--spring-soft), visibility 0s}.drawer.is-dragging{transition:none}.drawer:after{content:"";inset-inline:0;background:var(--bg);height:80px;position:absolute;top:100%}@media (width>=900px),(height<=520px) and (orientation:landscape){.drawer:after{width:80px;height:auto;inset:0 auto 0 100%}html[dir=rtl] .drawer:after{inset:0 100% 0 auto}}.drawer-scrim{transition:opacity .35s}.cam{transition:transform .46s var(--spring-soft)}.find-sheet{animation:sheet-up .46s var(--spring-soft)}.find-dialog,.rec-dialog,.quiz{animation:.25s ease-out fade-in}.disc-sheet{animation:sheet-up .46s var(--spring-soft)}.frame-name.chip-in{animation:chip-slide .42s var(--spring-soft)}.coach{animation:coach-in .5s var(--spring)}.hold-chip{animation:pop-in .22s var(--spring)}.start-photo{animation:photo-settle 1.6s var(--ease-out) backwards}.start .wordmark{animation:rise-in .7s var(--ease-out) 50ms backwards}.start h1{animation:rise-in .7s var(--ease-out) .15s backwards}.start .lead{animation:rise-in .7s var(--ease-out) .28s backwards}.start #btn-start{animation:pop-in .7s var(--spring) .4s backwards, start-breathe 2.6s ease-in-out 1.6s infinite}.start #btn-start:after{animation:2.6s ease-out 1.6s infinite start-halo;box-shadow:0 0 #b3abff8c}.start #btn-start:is(.is-tapped,:disabled,:active),.start #btn-start:is(.is-tapped,:disabled,:active):after{animation:none}.start .privacy{animation:rise-in .7s var(--ease-out) .55s backwards}.find-close{background:var(--chip);width:40px;height:40px;color:var(--navy);place-items:center;font-size:15px;display:grid}.find-close:before{inset:-3px}.drawer-x{background:var(--chip);width:40px;height:40px;margin-inline-end:-2px}.drawer-x:hover{background:#dfe3ee}.drawer-head h2,.find-sheet h2,.menu-sheet h2{font-size:var(--fs-xl)}.find-sheet{padding-top:26px}@media (width<=899px){.find-sheet:before{content:"";background:#c5ccdb;border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute;top:8px;left:50%}}.card,.more-item,.fav-row,.store,.menu-list,.looks,.share-grid button,.bar-btn,.product{box-shadow:var(--ring), var(--shadow-sm)}.card,.more-item{border-radius:14px}.looks{border-radius:16px}.swatch-row+.swatch-row{box-shadow:inset 0 1px 0 var(--line)}.drawer-h{font-size:var(--fs-md)}.categories .chip{min-height:44px}.card-name,.disc-step small,.product-store,.product-title,.more-text small{font-size:var(--fs-xs)}.menu-row{font-size:var(--fs-md);min-height:52px}.coach{padding:11px 18px 11px 14px}.rec-dialog .overlay-card.share-card{text-align:center;max-width:400px;animation:pop-in .46s var(--spring);gap:14px;padding:18px 16px 16px}.share-preview{background:#000;border-radius:20px;justify-self:center;max-width:100%;overflow:hidden;box-shadow:0 14px 34px #10182852,0 0 0 1px #10182814}.share-preview .rec-preview{border-radius:0;width:auto;max-width:100%;max-height:42vh;margin:0 auto;display:block}.share-title{font-size:var(--fs-lg);letter-spacing:-.01em;color:var(--navy);margin:0;font-weight:800}.share-grid{gap:10px}.share-grid button{min-height:96px;font-size:var(--fs-sm);border-radius:18px;gap:8px;padding:14px 4px 10px}.net-ico{width:52px;height:52px;box-shadow:0 4px 10px #1018282e}.net-ico svg{width:27px;height:27px}.net-em{background:var(--accent)}.share-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-actions .bar-btn{min-height:52px;font-size:var(--fs-md);border-radius:16px;gap:8px}.share-actions .bar-btn svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.share-actions .bar-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px var(--accent-glow)}.share-actions .bar-primary:hover{background:var(--accent-2)}.share-grid.pulse button{box-shadow:0 0 0 2px var(--accent), var(--shadow-sm);animation:1.2s 2 share-pulse}.rec-row .secondary-btn{min-height:48px}@media (width>=900px),(height<=520px) and (orientation:landscape){#app.drawer-open .toast{left:calc(50% - var(--drawer-w) / 2)}html[dir=rtl] #app.drawer-open .toast{left:calc(50% + var(--drawer-w) / 2)}}#rec-share{display:none!important}@media (height<=700px){.share-preview .rec-preview{max-height:30vh}.share-grid button{min-height:80px;padding-top:10px}.net-ico{width:44px;height:44px}.start h1{font-size:clamp(26px,7.4vw,34px)}}@media (prefers-reduced-motion:reduce){.start-photo,.start .wordmark,.start h1,.start .lead,.start #btn-start,.start #btn-start:after,.start .privacy,.toast,.find-sheet,.find-dialog,.rec-dialog,.quiz,.disc-sheet,.rec-dialog .overlay-card.share-card,.hold-chip,.coach,.rec-dot:before,.rec-timer:before,.rec-timer.is-ending,.share-grid.pulse button,.card.is-liked .card-heart svg,.cam-like.pop svg,.like-btn.pop svg{animation:none!important}.drawer,.drawer.is-open,.cam,.cta,.secondary-btn,.bar-btn,.card,.more-item,.dock-ico,.rec-dot{transition:none!important}}@media (width<=899px) and (orientation:portrait){.frame-chip{inset-inline:0;top:calc(var(--appbar-h) + 2px);z-index:4;pointer-events:none;min-height:0;position:fixed}.frame-name{font-size:19px}.frame-actions{z-index:4;inset-inline-end:38px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 112px);position:fixed}}.looks .swatch-row{scrollbar-width:none;flex-wrap:nowrap;gap:2px;overflow-x:auto}.looks .swatch-row::-webkit-scrollbar{display:none}.looks .swatch-label{white-space:nowrap;flex:none;width:auto;padding:0 8px 0 6px}#app.drawer-open:not(.drawer-side) :is(.frame-chip,.frame-actions){opacity:0;pointer-events:none}.frame-chip,.frame-actions{transition:opacity .2s}.rec-dot{box-shadow:inset 0 0 0 5px var(--rec), 0 8px 24px #00000061;background:#ffffff1a}.rec-dot:after{background:#fff}.rec-dot:before{border-color:#ef3b3b8c}.rec-btn.is-recording .rec-dot:after{background:var(--rec)}.cam-dock{position:relative}.dock-next{display:none}#app:has(.rec-btn.is-recording) .dock-next{inset-inline-end:6px;display:grid;position:absolute;bottom:0}html[dir=rtl] .dock-next svg{transform:scaleX(-1)}@media (height<=520px) and (orientation:landscape){#app:has(.rec-btn.is-recording) #fav-tray{display:none}#app:has(.rec-btn.is-recording) .dock-next{position:static}}@media (width>=900px){#app.drawer-open:has(.rec-btn.is-recording) .stage{margin-inline-end:0}}@media (width<=899px) and (orientation:portrait){#app:has(.rec-btn.is-recording) .frame-chip{top:calc(var(--appbar-h) + 40px);transition:top .2s}}.find-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.store-secondary{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-2,var(--navy));grid-template-columns:1fr auto;row-gap:0;padding:12px 14px}.store-secondary .store-name{font-size:15px}.store-secondary .store-note{grid-area:2/1/auto/-1;font-size:12px}.store-secondary .store-go{grid-area:1/2;font-size:18px}@media (width<=360px){.find-row{grid-template-columns:1fr}}.dock-btn.is-hint .dock-ico{animation:1.8s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{box-shadow:0 6px 18px #00000052,0 0 #ffffff8c}60%{box-shadow:0 6px 18px #00000052,0 0 0 14px #fff0}}@media (prefers-reduced-motion:reduce){.dock-btn.is-hint .dock-ico{animation:none}}.zoom{transform-origin:50%;will-change:transform;position:absolute;inset:0}.zoom.is-easing{transition:transform .28s var(--ease-out)}.shutter{z-index:5;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.shutter.go{animation:.3s ease-out shutter}@keyframes shutter{0%{opacity:.75}to{opacity:0}}.cam-freeze{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #fff6;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:opacity .2s,visibility,transform .12s;display:grid;position:relative}.cam-freeze:active{transform:scale(.94)}.cam-freeze:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (width<=899px) and (orientation:portrait){.cam-freeze{z-index:4;inset-inline-start:34px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 108px);position:fixed}}#app:has(.rec-btn.is-recording) .cam-freeze{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}#app.is-frozen .cam-freeze,#app.is-match .cam-freeze{display:none}#app:has(.discover:not([hidden])) .cam-freeze{visibility:hidden}.freeze-bar{z-index:6;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 166px);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:max-content;max-width:calc(100% - 24px);height:46px;animation:coach-in .35s var(--spring);background:#0a0e1ed1;border-radius:999px;align-items:center;gap:2px;margin-inline:auto;padding:0 5px;display:flex;position:absolute;inset-inline:0;box-shadow:0 6px 20px #0000004d}.freeze-bar[hidden]{display:none}.freeze-state{align-items:center;gap:6px;padding:0 10px 0 12px;font-size:14px;font-weight:700;display:inline-flex}.freeze-state svg{width:16px;height:16px;color:var(--accent-hi)}.freeze-btn{color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;min-width:44px;height:44px;padding:0 10px;font-size:14.5px;font-weight:800}.freeze-btn:active{transform:scale(.95)}.freeze-btn:focus-visible{outline-offset:-2px;outline:3px solid #fff}.freeze-live{background:var(--accent);height:36px;margin-inline-start:2px;padding:0 16px}@media (hover:hover){.freeze-live:hover{background:var(--accent-2)}}@media (height<=520px) and (orientation:landscape){.freeze-bar{bottom:16px}}.rec-label-photo,#app.is-frozen .rec-label:not(.rec-label-photo){display:none}#app.is-frozen .rec-label-photo{display:block}#app.is-frozen .rec-dot:after{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b2440' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 11l5 5 5-5M5 20h14'/%3E%3C/svg%3E") 50%/48% no-repeat}#app.is-frozen .rec-dot:before{animation:none}.match{z-index:7;pointer-events:none;position:absolute;inset:0}.match[hidden]{display:none}.match>*{pointer-events:auto}#app.is-match :is(.cam-dock,.frame-info,.coach,.web-product){display:none}.match-top{top:calc(var(--appbar-h) + 4px);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset-inline:12px}.match-pill{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1eb3;border:0;border-radius:999px;place-items:center;min-width:44px;height:44px;padding:0 16px;font-size:14.5px;font-weight:800;display:grid}.match-pill svg{width:22px;height:22px}.match-pill:disabled{opacity:.4}.match-pill:active:not(:disabled){transform:scale(.95)}.match-pill:focus-visible,.match .dock-btn:focus-visible,.match-end-close:focus-visible{outline-offset:2px;outline:3px solid #fff}.match-done{background:var(--accent)}.match-count{color:#fff;text-shadow:0 1px 6px #000000b3;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.match-hint{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 206px);text-align:center;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1eb3;border-radius:999px;width:max-content;max-width:calc(100% - 32px);margin:0;margin-inline:auto;padding:7px 14px;font-size:13px;font-weight:600;position:absolute;inset-inline:0}.match-hint[hidden]{display:none}.match-card{width:min(320px,100% - 40px);inset-inline:0;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 118px);color:#fff;touch-action:none;cursor:grab;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);--like:0;--nope:0;--find:0;-webkit-user-select:none;user-select:none;background:#0a0e1ecc;border-radius:22px;align-items:center;gap:14px;margin-inline:auto;padding:12px 16px;display:flex;position:absolute;box-shadow:0 12px 32px #0006,inset 0 0 0 1.5px #ffffff38}.match-card:active{cursor:grabbing}.match-card.is-ghost{pointer-events:none}.match-art{flex:none;place-items:center;width:92px;display:grid}.match-art svg{width:100%;height:auto}.match-text{gap:3px;min-width:0;display:grid}.match-text b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:600;line-height:1.15;overflow:hidden}.match-text small{color:#ffffffc7;font-size:12.5px;font-weight:600}.stamp{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border:3px solid #fff;border-radius:10px;padding:3px 12px;font-size:22px;font-weight:900;position:absolute;top:-22px;box-shadow:0 6px 16px #00000059}.stamp-like{background:var(--accent);color:#fff;opacity:var(--like);left:12px;transform:rotate(-12deg)}.stamp-nope{color:var(--navy);border-color:var(--navy);opacity:var(--nope);background:#fff;right:12px;transform:rotate(12deg)}.stamp-find{color:var(--accent);border-color:var(--accent);opacity:var(--find);background:#fff;top:-26px;left:50%;transform:translate(-50%)}.match-dock{inset-inline:0;width:100%;max-width:380px;padding:0 22px max(14px, env(safe-area-inset-bottom));direction:ltr;justify-content:space-between;align-items:flex-end;margin-inline:auto;display:flex;position:absolute;bottom:0}.match-dock .dock-btn{min-width:72px}.match-like .dock-ico{width:68px;height:68px;color:var(--heart)}.match-like svg{fill:currentColor;width:32px;height:32px}.match-dock .dock-ico svg{stroke-linejoin:round}.match-end{inset-inline:0;text-align:center;background:var(--bg);width:min(320px,100% - 40px);color:var(--text);animation:coach-in .4s var(--spring);border-radius:26px;gap:10px;margin:-150px auto 0;padding:24px 20px 12px;display:grid;position:absolute;top:50%;box-shadow:0 24px 60px #080c1c80}.match-end[hidden]{display:none}.match-end h2{font-family:var(--font-display);margin:0;font-size:26px;line-height:1.15}.match-end p{color:var(--navy-2);margin:0 0 6px;font-size:15px}.match-end .cta[hidden]{display:none}.match-end-close{min-height:44px;color:var(--navy-2);background:0 0;border:0;font-size:14.5px;font-weight:700}@media (height<=520px) and (orientation:landscape){.match-dock{inset-block:0;inset-inline:auto max(12px, env(safe-area-inset-right));direction:ltr;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:auto;max-width:none;margin:0;padding:0}.match-dock .dock-btn{min-width:64px}.match-dock .dock-ico{width:46px;height:46px}.match-like .dock-ico{width:56px;height:56px}.match-card{inset-inline:16px auto;width:300px;margin:0;bottom:12px}.match-hint{bottom:98px;margin:0;inset-inline:16px auto}.match-end{margin-top:-120px;padding-block:14px 6px}.match-end h2{font-size:22px}}@media (width>=900px){.match-card{bottom:134px}.match-hint{bottom:222px}}@media (prefers-reduced-motion:reduce){.shutter.go,.freeze-bar,.match-end{animation:none}.zoom.is-easing{transition:none}}@media (height<=520px) and (orientation:landscape){.cam-dock{position:absolute}}@media (width>=900px){.freeze-bar{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 236px)}}.toast-action{justify-items:center;gap:0;padding-block:6px;line-height:1.15;display:grid}.toast-note{opacity:.7;letter-spacing:.01em;font-size:10px;font-weight:600;display:block}@media (width<=899px) and (height>=521px){.drawer{height:34dvh;max-height:34dvh}#app.drawer-open:not(.drawer-side) .cam{transform:translateY(calc(var(--panel-gap,0px) * -.72));border-radius:0;overflow:visible}#app.drawer-open:not(.drawer-side) .appbar{opacity:1}#app.drawer-open:not(.drawer-side) .drawer-scrim{pointer-events:none;background:0 0}#app.drawer-open:not(.drawer-side) :is(.frame-chip,.frame-actions){opacity:1;pointer-events:auto}.cam-ui{transition:bottom .34s var(--ease-out), opacity .25s}#app.drawer-open:not(.drawer-side) .cam-ui{bottom:var(--panel-gap,0px);background:0 0}#app.drawer-open:not(.drawer-side) .frame-actions{bottom:calc(var(--panel-gap,0px) + max(14px, env(safe-area-inset-bottom)) + 112px)}#app.drawer-open:not(.drawer-side) .cam-freeze{bottom:calc(var(--panel-gap,0px) + max(14px, env(safe-area-inset-bottom)) + 108px)}#app.drawer-open:not(.drawer-side) .freeze-bar{bottom:calc(var(--panel-gap,0px) + max(14px, env(safe-area-inset-bottom)) + 166px)}.drawer-body{padding-bottom:max(16px, env(safe-area-inset-bottom));gap:8px}.drawer-grab{min-height:30px;position:relative}.drawer-head{min-height:0;position:absolute;inset-block-start:2px;inset-inline-end:8px}.drawer-head h2{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drawer-x{width:32px;height:32px}.categories:has(.shape-tab){grid-template-columns:1.15fr repeat(3,minmax(0,1fr));align-items:center}.cat-title{color:var(--navy);padding-inline:4px;font-size:19px;font-weight:800;line-height:1.1;display:block}.categories .shape-tab{min-height:44px}.shape-tab-key{width:38px;height:36px}@container (width>=400px){.shape-tab-key{width:42px;height:39px}}.seg button{min-height:36px}}.cam-freeze{background:#10142880;border:3px solid #fff;width:50px;height:50px;box-shadow:0 0 0 2px #10142859,0 4px 14px #0006}.cam-freeze svg{width:25px;height:25px}.cam-like{color:#f0233f;background:#fff;border:3px solid #fff;width:48px;height:48px;box-shadow:0 0 0 2px #1014284d,0 4px 14px #0006}.cam-like svg{stroke-width:2.4px;width:26px;height:26px}@media (width<=899px) and (orientation:portrait){.cam-freeze{inset-inline-start:31px}}.fav-tray.is-lit .dock-ico{background:var(--accent);color:#fff;box-shadow:0 0 0 3px #fff, 0 0 22px var(--accent-glow)}.fav-tray.is-lit svg{fill:#ffffff38;stroke:#fff}.freeze-bar{width:auto;height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;inset-inline:auto 16px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 172px);background:0 0;margin-inline:0;padding:0}.freeze-state,#btn-zoom{display:none}.freeze-live{background:#10142899;border:2px solid #fff;place-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;display:grid;box-shadow:0 4px 14px #0006}.freeze-live svg{width:22px;height:22px}@media (width>=900px){.freeze-bar{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 236px)}}#app.drawer-open:not(.drawer-side) .freeze-bar{bottom:calc(var(--panel-gap,0px) + max(14px, env(safe-area-inset-bottom)) + 172px)}.cam-like[aria-pressed=true]{color:#f0233f;background:#fff;border-color:#fff;box-shadow:0 0 0 2px #1014284d,0 4px 14px #0006}.cam-like[aria-pressed=true] svg{fill:none;stroke:currentColor}.cam-like.pop{animation:.5s save-flash}.cam-like.pop svg{fill:currentColor;stroke:none}@keyframes save-flash{35%{transform:scale(1.25);box-shadow:0 0 0 9px #f0233f59,0 0 34px #f0233fcc,0 6px 16px #0006}}@media (width>=900px){.frame-actions{z-index:4;transition:opacity .2s, left .3s var(--ease-out,ease), right .3s var(--ease-out,ease);flex-direction:column-reverse;gap:16px;position:fixed;bottom:48px;left:28px;right:auto}.cam-freeze,.cam-like{cursor:pointer;width:64px;height:64px;transition:transform .18s var(--ease-out,ease), box-shadow .18s, background .18s, color .18s, opacity .2s, visibility 0s;border:3px solid #fff}.cam-freeze{background:#1014288c;box-shadow:0 0 0 2px #10142859,0 8px 22px #00000073}.cam-freeze svg{width:30px;height:30px}.cam-like svg{width:32px;height:32px}.cam-like:before{inset:-6px}.cam-freeze:hover{background:var(--accent);transform:translateY(-2px)scale(1.06);box-shadow:0 0 0 4px #5b4dff59,0 10px 26px #00000073}.cam-like:hover,.cam-like[aria-pressed=true]:hover{color:#f0233f;background:#fff;transform:translateY(-2px)scale(1.08);box-shadow:0 0 0 4px #f0233f59,0 10px 26px #00000073}.cam-like:hover svg{fill:#f0233f2e}.cam-freeze:active,.cam-like:active{transform:scale(.94)}.cam-freeze:focus-visible,.cam-like:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.cam-dock{max-width:480px}.dock-ico{width:62px;height:62px}.dock-ico svg{width:29px;height:29px}.rec-dot{width:84px;height:84px}.rec-dot:after{width:64px;height:64px}.dock-btn{min-width:84px}.dock-label,.rec-label{font-size:13.5px}.frame-name{font-size:24px}html[dir=rtl] #app.drawer-open.drawer-side .frame-actions{left:calc(var(--drawer-w) + 28px);right:auto}}@media (width>=1600px){.frame-actions{bottom:56px;left:44px}html[dir=rtl] #app.drawer-open.drawer-side .frame-actions{left:calc(var(--drawer-w) + 44px)}}.cam-like,.cam-like[aria-pressed=true]{color:#fff;background:radial-gradient(circle at 35% 28%,#ff6b82,#f0233f 55%,#c4122c);border:3px solid #fff;width:68px;height:68px;box-shadow:0 0 0 2px #10142840,0 0 22px #f0233f8c,0 6px 16px #0006}.cam-like svg,.cam-like[aria-pressed=true] svg{fill:currentColor;stroke:none;filter:drop-shadow(0 1px 1px #78001473);width:38px;height:38px}.cam-like.pop svg{animation:like-pop .5s var(--spring)}@media (width>=900px){.cam-like,.cam-like[aria-pressed=true],.cam-like:hover{color:#fff;background:radial-gradient(circle at 35% 28%,#ff6b82,#f0233f 55%,#c4122c);width:96px;height:96px}.cam-like svg,.cam-like:hover svg{fill:currentColor;width:52px;height:52px}.cam-like:hover{box-shadow:0 0 0 5px #f0233f59,0 0 34px #f0233fbf,0 10px 26px #00000073}}@media not ((height<=520px) and (orientation:landscape)){.cam-dock{direction:ltr}.cam-dock>.fav-tray,.cam-dock>.dock-next{order:-1}#btn-drawer{order:1}#app:has(.rec-btn.is-recording) .dock-next{inset-inline-end:auto;left:6px}.cam-dock>*{direction:inherit}}@media (width>=900px) and (aspect-ratio>=1){.start-stage{border-radius:0;max-width:none;height:100%}.start-photo{object-position:50% 30%}}@media (width<=899px) and (height>=521px){.cam-dock{justify-content:center}#btn-rec{transform-origin:50% 100%;translate:0 7px;scale:.9}#btn-drawer{z-index:4;transform-origin:0 100%;transition:bottom .34s var(--ease-out);position:fixed;bottom:6px;left:23px;right:auto;scale:1.2}#fav-tray{z-index:4;transform-origin:100% 0;order:0;position:fixed;inset:60px 5px auto auto;scale:.9}#btn-freeze{z-index:4;left:9px;inset-inline-start:9px;position:fixed;top:63px;bottom:auto;right:auto}#btn-save{z-index:4;transform-origin:100% 100%;transition:bottom .34s var(--ease-out);position:fixed;bottom:32px;left:auto;right:26px;scale:.9}#app.drawer-open:not(.drawer-side) #btn-drawer{bottom:calc(var(--panel-gap,0px) + 6px)}#app.drawer-open:not(.drawer-side) #btn-freeze,#app.drawer-open:not(.drawer-side) #fav-tray{bottom:auto}#app:has(.rec-btn.is-recording) .dock-next{z-index:4;inset:60px 5px auto auto;position:fixed;inset-inline:auto 5px}#btn-save{bottom:36px;right:35px}#app.drawer-open:not(.drawer-side) #btn-save{bottom:calc(var(--panel-gap,0px) + 36px)}#btn-rec{translate:0 2px}}.size-slider{z-index:4;left:50%;bottom:calc(var(--panel-gap,0px) + 118px);box-sizing:border-box;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:.72;width:min(236px,100vw - 150px);height:46px;transition:opacity .2s, bottom .34s var(--ease-out);direction:ltr;background:#12162861;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1.5px #ffffff8c,0 6px 18px #00000059}.size-slider.is-active,.size-slider:hover,.size-slider:focus-visible{opacity:1}.size-slider:focus-visible{outline-offset:3px;outline:3px solid #fff}.size-ico{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0006);flex:none}.size-track{background:#ffffff59;border-radius:99px;flex:1;height:6px;position:relative}.size-fill{background:#fff;border-radius:99px;width:50%;position:absolute;top:0;bottom:0;left:0}.size-thumb{background:#fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000073,0 0 0 3px #5b4dff59}.size-slider:before{content:"";position:absolute;inset:-8px -4px}.size-tag{white-space:nowrap;opacity:0;pointer-events:none;background:#1216288c;border-radius:99px;padding:4px 10px;font:600 12px/1.2 system-ui,sans-serif;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.size-slider.is-active .size-tag{opacity:1}@media (width>=900px){.size-slider{bottom:calc(var(--panel-gap,0px) + 150px)}}#app.is-match .size-slider{display:none}#app:has(.discover:not([hidden])) .size-slider{display:none}@media (width<=899px) and (height>=521px){#btn-save{bottom:34.4px;right:35.6px}#app.drawer-open:not(.drawer-side) #btn-save{bottom:calc(var(--panel-gap,0px) + 34.4px)}#btn-rec .rec-label{position:relative;top:4.1px}#fav-tray{top:62.8px;right:1.8px}#app:has(.rec-btn.is-recording) .dock-next{inset-inline:auto -1.8px;right:-1.8px}#freeze-bar.freeze-bar{inset-inline-end:12.2px}.drawer-head{inset-inline-end:16px}.drawer-x{margin-inline-end:0}.drawer-x:before{content:"";position:absolute;inset:-6px}}.fav-tabs{background:#e8ebf2;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin:2px 0;padding:4px;display:grid}.fav-tab{min-height:40px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:999px;font-size:14px;font-weight:700}.fav-tab.is-on{background:var(--card);color:var(--navy);box-shadow:var(--shadow-sm)}.fav-tab:active{transform:scale(.97)}.fav-sheet[data-tab=videos] :is(#fav-list,#fav-empty,#fav-vs){display:none!important}.vid-panel{gap:10px;display:grid}.vid-panel[hidden]{display:none}.vid-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vid-card{border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-sm);align-content:start;gap:6px;padding:6px;display:grid}.vid-thumb{aspect-ratio:3/4;border-radius:var(--r-sm);background:#1b2236;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.vid-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vid-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1418248c;border-radius:50%;place-items:center;width:44px;height:44px;margin:auto;display:grid;position:absolute;inset:0}.vid-play svg{fill:#fff;width:22px;height:22px;margin-inline-start:2px}.vid-dur,.vid-date{color:#fff;font-variant-numeric:tabular-nums;background:#14182499;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:6px}.vid-dur{inset-inline-end:6px}.vid-date{font-weight:600;inset-inline-start:6px}.vid-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.vid-ask{text-align:center;color:var(--navy);grid-column:1/-1;padding-top:2px;font-size:13px;font-weight:800}.vid-btn{border:1px solid var(--line-strong);background:var(--card);min-height:38px;color:var(--navy);font:inherit;border-radius:999px;padding:0 6px;font-size:13px;font-weight:700}.vid-btn:active{transform:scale(.97)}.vid-del{color:#fff;background:var(--rec);border-color:var(--rec);grid-column:1/-1}.vid-yes{background:var(--rec);border-color:var(--rec);color:#fff}.vid-note{text-align:center;color:var(--faint);margin:0;font-size:12px}.vid-player{z-index:14;background:#080a12f0;padding:0}.vid-video{object-fit:contain;background:#000;width:100%;height:100%}.vid-player-close{top:max(14px, env(safe-area-inset-top));color:#fff;background:#141824b3;border:0;border-radius:50%;width:44px;height:44px;font-size:16px;position:absolute;inset-inline-end:14px}@media (width<=899px) and (height>=521px){.size-slider{flex-direction:column-reverse;justify-content:flex-start;gap:8px;width:38px;height:172px;padding:14px 0;transition:opacity .2s;top:128px;bottom:auto;left:3px;translate:none}.size-track{flex:1;width:6px;height:auto}.size-fill{width:auto;height:50%;inset:auto 0 0}.size-thumb{top:50%;left:50%}.size-slider:before{inset:-6px -8px -6px -3px}.size-tag{top:50%;bottom:auto;left:calc(100% + 8px);translate:0 -50%}}