*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 375px){.container{max-width:375px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-8{top:2rem}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-ml-1{margin-left:-.25rem}.-mr-1{margin-right:-.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-28{height:7rem}.h-36{height:9rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[60vh\]{min-height:60vh}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-btn{border-radius:12px}.rounded-card{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-b-screen{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-brand{--tw-border-opacity: 1;border-color:rgb(255 223 77 / var(--tw-border-opacity, 1))}.border-ink-border{--tw-border-opacity: 1;border-color:rgb(237 237 237 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-brand{--tw-bg-opacity: 1;background-color:rgb(255 223 77 / var(--tw-bg-opacity, 1))}.bg-brand-50{--tw-bg-opacity: 1;background-color:rgb(255 251 234 / var(--tw-bg-opacity, 1))}.bg-brand\/15{background-color:#ffdf4d26}.bg-brand\/20{background-color:#ffdf4d33}.bg-ink-bg{--tw-bg-opacity: 1;background-color:rgb(245 245 247 / var(--tw-bg-opacity, 1))}.bg-ink-border{--tw-bg-opacity: 1;background-color:rgb(237 237 237 / var(--tw-bg-opacity, 1))}.bg-ink-border\/60{background-color:#ededed99}.bg-lime\/20{background-color:#b8f44b33}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-pink{--tw-bg-opacity: 1;background-color:rgb(255 104 154 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/40{background-color:#fff6}.bg-white\/80{background-color:#fffc}.fill-brand{fill:#ffdf4d}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-brand,.text-brand-400{--tw-text-opacity: 1;color:rgb(255 223 77 / var(--tw-text-opacity, 1))}.text-brand-600{--tw-text-opacity: 1;color:rgb(230 184 0 / var(--tw-text-opacity, 1))}.text-brand-700{--tw-text-opacity: 1;color:rgb(179 146 0 / var(--tw-text-opacity, 1))}.text-ink{--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}.text-ink-primary{--tw-text-opacity: 1;color:rgb(43 43 43 / var(--tw-text-opacity, 1))}.text-ink-secondary{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.text-ink-tertiary{--tw-text-opacity: 1;color:rgb(171 171 171 / var(--tw-text-opacity, 1))}.text-lime{--tw-text-opacity: 1;color:rgb(184 244 75 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-pink{--tw-text-opacity: 1;color:rgb(255 104 154 / var(--tw-text-opacity, 1))}.text-pink\/15{color:#ff689a26}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-brand{--tw-shadow: 0 4px 16px rgba(255,223,77,.3);--tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow: 0 2px 8px rgba(0,0,0,.06);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-brand{--tw-shadow-color: #FFDF4D;--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-white\/50{--tw-ring-color: rgb(255 255 255 / .5)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#172033;background:#eef3fa;font-synthesis:none;--blue:#1465f5;--blue2:#0755ed;--ink:#111827;--muted:#758197;--line:#e7ecf3;--soft:#f5f8fc;--green:#19b55a}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#eef3fa}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}svg{width:20px;height:20px;stroke-width:1.8}p{margin:0;color:var(--muted);line-height:1.55}h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.035em}.app-shell{min-height:100dvh;display:flex;justify-content:center}.device-frame{position:relative;width:100%;max-width:430px;min-height:100dvh;background:#fff;box-shadow:0 0 60px #2b48731f;overflow:hidden}.screen{min-height:100dvh;background:linear-gradient(#fff 0,#fff 58%,#f8faff);padding-bottom:22px}.tab-screen{padding-bottom:92px}.page-pad{padding:18px 18px 26px}.topbar{height:64px;padding:12px 16px 6px;display:grid;grid-template-columns:48px 1fr 72px;align-items:center;border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar>strong{text-align:center;font-size:17px;color:#111}.icon-btn{width:40px;height:40px;display:grid;place-items:center;margin-left:-8px}.icon-btn.ghost{visibility:hidden}.top-actions{display:flex;justify-content:flex-end}.capsule{height:34px;min-width:66px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:space-evenly;background:#fff}.capsule svg{width:20px}.capsule span{width:16px;height:16px;border:2px solid #111;border-radius:50%;position:relative}.capsule span:last-child{position:absolute;width:5px;height:5px;background:#111;border:0}.home-head{height:70px;padding:18px 18px 8px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:9px;color:#111}.logo b{font-size:21px;letter-spacing:-.04em}.logo-mark{width:28px;height:22px;position:relative;display:inline-block}.logo-mark i{position:absolute;width:12px;height:12px;border:3px solid var(--blue);border-radius:50%;bottom:0}.logo-mark i:nth-child(1){left:1px}.logo-mark i:nth-child(2){right:1px}.logo-mark i:nth-child(3){width:6px;height:6px;left:11px;top:0;border-width:2px}.hero-card{margin:10px 14px 0;padding:24px 18px 16px;border-radius:24px;background:linear-gradient(150deg,#f8fbff 20%,#edf4ff);box-shadow:0 12px 34px #2c5eab1a;position:relative;overflow:hidden}.hero-card>div:first-child{position:relative;z-index:2}.eyebrow{font-size:12px;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:5px}.eyebrow svg{width:14px}.hero-card h1{font-size:25px;line-height:1.3;margin:10px 0}.hero-card p{font-size:13px;margin-bottom:22px}.hero-art{position:absolute;right:-10px;top:36px;color:#8db3ff;opacity:.72;width:132px;height:120px}.hero-art svg{width:90px;height:58px;position:absolute;right:0;bottom:12px;stroke-width:1.1}.gem{font-size:50px;color:#5286ee;text-shadow:8px 14px 22px #9dbbff}.primary{width:100%;min-height:50px;border-radius:12px;background:linear-gradient(135deg,#1f73ff,#0755ed);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 16px #1465f530;margin-top:11px}.primary.secondary{color:var(--blue);background:#fff;border:1.5px solid #a8c6ff;box-shadow:none}.content-section{padding:20px 18px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title strong{font-size:16px;color:#182237}.section-title button{display:flex;align-items:center;color:#8792a5;font-size:12px}.section-title svg{width:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.feature-grid button{border:1px solid var(--line);border-radius:14px;padding:14px 4px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px}.feature-grid button>span{width:44px;height:44px;display:grid;place-items:center;background:#f1f6ff;border-radius:12px;color:var(--blue)}.feature-grid b{font-size:13px}.feature-grid small{font-size:10px;color:#929bad}.recent-card{width:100%;display:grid;grid-template-columns:58px 1fr 24px;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;text-align:left;background:#fff}.recent-card .portrait{width:58px;height:58px;border-radius:10px}.recent-card div:nth-child(2){display:flex;flex-direction:column;gap:3px}.recent-card b{font-size:14px}.recent-card span{color:var(--blue);font-size:12px}.recent-card small{color:#9aa4b6}.check-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:13px}.check-list li{display:flex;gap:8px;font-size:13px;line-height:1.45;color:#344054}.check-list svg{width:17px;height:17px;color:var(--green);flex:none}.check-list.compact{gap:8px;margin:0}.check-list.compact li{font-size:12px}.portrait{position:relative;overflow:hidden;background:#edf2f7}.portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.bottom-nav{height:76px;position:fixed;z-index:40;bottom:0;width:100%;max-width:430px;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 18px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#6f7c90;font-size:11px}.bottom-nav button.active{color:var(--blue);font-weight:700}.bottom-nav svg{width:22px}.upload{text-align:center}.upload h2{font-size:21px;margin-top:2px}.upload>p{font-size:13px;margin:5px 0 14px}.scan-photo{height:300px;border-radius:16px;overflow:hidden;position:relative;background:#e8edf4}.scan-photo .portrait{width:100%;height:100%}.scan-photo .portrait img{-o-object-position:center 34%;object-position:center 34%}.face-guide{position:absolute;border:2px dashed rgba(255,255,255,.9);border-radius:48%;width:175px;height:220px;left:50%;top:45px;transform:translate(-50%)}.corner{position:absolute;width:28px;height:28px;border-color:#fff}.corner.tl{left:14px;top:14px;border-left:4px solid;border-top:4px solid;border-radius:7px 0 0}.corner.tr{right:14px;top:14px;border-right:4px solid;border-top:4px solid;border-radius:0 7px 0 0}.corner.bl{left:14px;bottom:14px;border-left:4px solid;border-bottom:4px solid;border-radius:0 0 0 7px}.corner.br{right:14px;bottom:14px;border-right:4px solid;border-bottom:4px solid;border-radius:0 0 7px}.tips-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0;color:var(--green);font-size:18px}.tips-row span{display:flex;flex-direction:column}.tips-row small{font-size:9px;color:#667085;margin-top:4px}.example-card{text-align:left;border:1px solid var(--line);border-radius:14px;padding:11px;margin-top:10px}.example-card b{display:flex;align-items:center;font-size:12px;color:#344054}.example-card b svg{color:var(--green);width:16px}.example-card>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.example-card .portrait{height:65px;border-radius:8px}.sticky-actions{margin-top:18px}.text-link,.muted-link{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--blue);font-size:13px;margin:11px 0}.muted-link{color:#7e8899}.privacy-hero{text-align:center;padding:28px 0 24px}.privacy-hero>svg{width:88px;height:88px;padding:19px;color:var(--blue);border-radius:28px;background:linear-gradient(135deg,#d8e8ff,#f3f7ff);filter:drop-shadow(0 12px 16px #bfd4f5)}.privacy-hero h2{font-size:20px;margin-top:20px}.privacy-hero p{font-size:13px}.list-card,.menu-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.info-row{display:flex;gap:13px;padding:16px;border-bottom:1px solid var(--line);text-align:left}.info-row:last-child{border-bottom:0}.info-row>span{color:var(--blue);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eff5ff;flex:none}.info-row b{font-size:14px}.info-row p{font-size:11px;margin-top:3px}.analysis-body{padding:26px 24px;text-align:center}.analysis-body h1{font-size:28px}.analysis-body>p{font-size:14px}.progress-ring{--progress:280deg;width:174px;height:174px;border-radius:50%;margin:28px auto;background:conic-gradient(var(--blue) 0 var(--progress),#d9e7fa var(--progress));position:relative;display:grid;place-items:center}.progress-ring:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#fff}.progress-ring span{position:relative;font-size:49px;font-weight:800;color:#111}.progress-ring small{font-size:20px}.analysis-steps{border:1px solid var(--line);border-radius:16px;padding:2px 16px;background:#fff;text-align:left}.analysis-steps>div{height:56px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px 1fr auto;align-items:center}.analysis-steps>div:last-child{border:0}.analysis-steps>div>span{width:20px;height:20px;border:1.5px solid #c8d0dc;border-radius:50%;display:grid;place-items:center}.analysis-steps .done>span{border-color:var(--green);color:var(--green)}.analysis-steps .doing>span{border-color:var(--blue)}.analysis-steps .doing i{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pulse 1s infinite}.analysis-steps svg{width:13px}.analysis-steps b{font-size:13px;font-weight:500}.analysis-steps small{font-size:11px;color:#9aa5b6}.analysis-steps .doing small{color:var(--blue)}.security-note{width:100%;margin-top:22px;border:1px solid #dce8fb;border-radius:14px;padding:13px;display:grid;grid-template-columns:30px 1fr 20px;gap:9px;text-align:left;align-items:center;background:#f8fbff;color:var(--blue)}.security-note span{display:flex;flex-direction:column;color:#3c4b63}.security-note small{font-size:10px;color:#8a96a9;margin-top:3px}.skip-demo{margin:20px auto 0;color:var(--blue);font-size:12px;display:flex;align-items:center;gap:5px}.result-card{display:grid;grid-template-columns:45% 1fr;gap:18px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.result-card .portrait{height:190px;border-radius:12px}.result-card>div:last-child{padding-top:12px}.result-card h1{font-size:28px;margin:5px 0 10px}.result-card p{font-size:12px;margin-top:12px}.match{display:inline-flex;align-items:center;gap:4px;background:#e7f9ee;color:#0a9f47;border-radius:8px;padding:5px 8px;font-weight:700;font-size:12px}.match svg{width:13px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:12px 0}.metric-grid>div{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:4px}.metric-grid>div:nth-child(3n){border-right:0}.metric-grid>div:nth-child(n+4){border-bottom:0}.metric-grid small{font-size:11px;color:#69758a}.metric-grid b{font-size:19px}.metric-grid span{font-size:11px;color:#67748a}.metric-grid>div:nth-child(2) b,.metric-grid>div:nth-child(4) b{color:var(--green)}.summary-card{width:100%;border:1px solid #dce7fa;border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px;text-align:left;background:linear-gradient(100deg,#f6f9ff,#edf4ff);color:var(--blue)}.summary-card>span{flex:1;display:flex;flex-direction:column;color:#344054}.summary-card b{font-size:13px}.summary-card small{font-size:10px;color:#8490a2;margin-top:4px}.quick-nav{display:grid;grid-template-columns:repeat(4,1fr);margin:15px 0;border:1px solid var(--line);border-radius:14px;padding:10px 4px}.quick-nav button{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:5px;color:#647086}.quick-nav svg{color:var(--blue)}.legal{text-align:center;font-size:10px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:6px}.legal svg{width:13px}.subtabs,.segmented{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:0 14px;background:#fff;position:sticky;top:64px;z-index:20}.subtabs button{height:48px;font-size:13px;position:relative}.subtabs button.active{color:var(--blue);font-weight:700}.subtabs button.active:after{content:"";position:absolute;height:3px;border-radius:3px;background:var(--blue);left:12px;right:12px;bottom:0}.detail-page>h3{font-size:16px;margin-top:6px}.detail-page>p{font-size:12px}.face-map{height:265px;display:grid;grid-template-columns:1fr 120px;align-items:center;margin:5px 0 15px}.head-outline{width:150px;height:205px;border:2px solid var(--blue);border-radius:50% 50% 44% 44%;position:relative;margin:auto;opacity:.78}.head-outline:before,.head-outline:after{content:"";position:absolute;background:repeating-linear-gradient(90deg,var(--blue) 0 4px,transparent 4px 8px);height:1px;left:-22px;right:-22px;top:48%}.head-outline:after{transform:rotate(90deg);left:-26px;right:-26px;top:50%}.head-outline span{position:absolute;width:45px;height:12px;border-top:2px solid var(--blue);border-radius:50%;left:20px;top:76px}.head-outline span:after{content:"";position:absolute;width:45px;height:12px;border-top:2px solid var(--blue);left:62px;top:-2px}.head-outline i{position:absolute;width:32px;height:50px;border:1px solid var(--blue);border-top:0;border-radius:0 0 50% 50%;left:58px;top:83px}.head-outline b{position:absolute;width:60px;height:15px;border-bottom:2px solid var(--blue);border-radius:50%;left:43px;top:145px}.face-map ul{list-style:none;padding:0;margin:0;color:#5f6b7f}.face-map li{margin:22px 0;font-size:12px}.face-map li:before{content:"";display:inline-block;width:14px;height:2px;background:var(--blue);margin-right:8px}.detail-page .summary-card{margin:10px 0 14px}.list-card.compact .info-row{padding:12px}.segmented{grid-template-columns:1fr 1fr;border:0;margin:12px 18px 0;padding:3px;background:#f1f4f8;border-radius:10px;position:static}.segmented button{height:36px;border-radius:8px;font-size:13px}.segmented button.active{background:var(--blue);color:#fff;font-weight:700}.frame-row{width:100%;min-height:104px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:105px 1fr 20px;gap:10px;align-items:center;padding:10px;margin-bottom:10px;text-align:left;background:#fff}.frame-icon{height:72px;position:relative;background:#f8fafc;border-radius:10px}.frame-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.frame-row b{font-size:14px}.frame-row small{font-size:10px;color:#8b96a7}.frame-row span{font-size:12px;color:var(--green);font-weight:700}.glasses-overlay{position:absolute;width:72%;height:26%;left:14%;top:40%;z-index:3}.glasses-overlay i{position:absolute;width:42%;height:100%;border:4px solid #191f27;border-radius:45%;top:0}.glasses-overlay i:first-child{left:0}.glasses-overlay i:nth-child(2){right:0}.glasses-overlay b{position:absolute;width:18%;height:4px;background:#191f27;left:41%;top:30%}.glasses-overlay:before,.glasses-overlay:after{content:"";position:absolute;width:18%;height:3px;background:#191f27;top:18%;z-index:1}.glasses-overlay:before{left:-14%;transform:rotate(7deg)}.glasses-overlay:after{right:-14%;transform:rotate(-7deg)}.glasses-overlay.square i{border-radius:22%}.glasses-overlay.brow i{border-radius:35%;border-top-width:7px}.glasses-overlay.aviator i{height:115%;border-radius:50% 50% 58% 58%;transform:rotate(5deg)}.glasses-overlay.aviator i:nth-child(2){transform:rotate(-5deg)}.frame-icon .glasses-overlay{top:29%;width:80%;left:10%}.frame-icon .glasses-overlay i{border-width:3px}.avoid-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}.avoid-grid>div{height:90px;position:relative;border:1px solid #fee1e1;border-radius:12px;padding:9px;text-align:right;background:snow}.avoid-grid .glasses-overlay{width:45%;left:8%;top:20%}.avoid-grid b,.avoid-grid span{display:block;font-size:11px;margin:7px 0}.avoid-grid span{color:#ef4444}.measure-card{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:16px;padding:20px 12px;margin:18px 0;background:#fff}.measure-card .head-outline{transform:scale(.76)}.measure-card>div:last-child{display:flex;flex-direction:column;justify-content:center}.measure-card p{margin:8px 0}.measure-card small,.measure-card b{display:block}.measure-card small{font-size:11px}.measure-card b{font-size:14px;color:#1f2937}.advice-card{border:1px solid #dce7f8;border-radius:14px;padding:15px;background:#f9fbff}.advice-card>b{display:flex;align-items:center;gap:7px;font-size:14px}.advice-card>b svg{color:var(--blue)}.unlock{background:linear-gradient(#0759ed 0,#0759ed 220px,#f7f9fc 220px)}.unlock .topbar{background:transparent;border:0;color:#fff}.unlock .topbar strong,.unlock .topbar svg{color:#fff}.unlock .capsule{display:none}.unlock-head{text-align:center;color:#fff;padding:18px 0 15px}.unlock-head svg{width:36px;height:36px}.unlock-head h2{color:#fff;font-size:21px}.unlock-head p{color:#cfe0ff;font-size:12px}.price-table{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.price-table>div{display:grid;grid-template-columns:1.35fr .85fr .85fr;min-height:45px;border-bottom:1px solid var(--line);align-items:center}.price-table>div>*{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px}.price-table>div>*:first-child{justify-content:flex-start;padding-left:12px}.price-table>div>*:last-child{background:#fff9ef;color:#0a9f47;font-weight:700}.price-table .table-head{height:62px}.price-table .table-head>*{font-size:13px;flex-direction:column}.price-table .table-head small{font-size:9px}.price-table .table-head span:last-child small{background:#f2a33c;color:#fff;padding:2px 7px;border-radius:5px}.price-card{margin-top:12px;padding:14px;background:linear-gradient(120deg,#fff,#fff6e9);border:1px solid #f3dfc1;border-radius:15px;text-align:center}.price-card>small{display:block}.price-card strong{font-size:22px;color:var(--blue)}.price-card strong b{font-size:38px}.price-card del{font-size:14px;color:#919aaa;margin-left:8px}.pro-badge{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;font-weight:700;margin-bottom:16px}.pro-badge svg{width:17px}.pro-badge span{background:#fff0d3;color:#e89920;border-radius:6px;padding:2px 5px}.style-page h3{display:flex;align-items:center;gap:8px;font-size:16px}.style-page h3 svg{color:var(--blue);width:18px}.style-list{counter-reset:item;list-style:none;padding:0;margin:14px 0 18px;border:1px solid var(--line);border-radius:15px}.style-list li{counter-increment:item;padding:13px 12px 13px 44px;position:relative;border-bottom:1px solid var(--line)}.style-list li:last-child{border:0}.style-list li:before{content:counter(item);position:absolute;left:13px;top:14px;width:20px;height:20px;border:1.5px solid var(--blue);border-radius:50%;color:var(--blue);font-size:11px;display:grid;place-items:center}.style-list b,.style-list span{display:block;font-size:12px}.style-list b{color:var(--blue)}.style-list span{color:#7b879a;margin-top:3px}.style-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:20px}.style-chips button{height:75px;border:1px solid var(--line);border-radius:10px;position:relative}.style-chips .glasses-overlay{top:18%;width:72%}.style-chips span{position:absolute;bottom:8px;left:0;right:0;font-size:10px}.style-preview{width:100%;display:grid;grid-template-columns:48% 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:left;margin-bottom:12px}.style-preview .portrait{height:190px}.style-preview>div:last-child{padding:24px 12px}.style-preview p{font-size:11px;margin-top:8px}.tryon-page h2{font-size:21px;margin:8px 0 3px}.tryon-page>p{font-size:12px;margin-bottom:15px}.tryon-grid,.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tryon-grid button{position:relative;border:1px solid var(--line);border-radius:13px;overflow:hidden;text-align:left;background:#fff}.tryon-grid .portrait{height:180px}.tryon-grid button>svg{position:absolute;right:8px;top:8px;width:28px;height:28px;padding:6px;background:#ffffffe6;border-radius:50%;color:#8a96a8}.tryon-grid b,.tryon-grid span{display:block;padding:0 10px}.tryon-grid b{font-size:13px;margin-top:7px}.tryon-grid span{font-size:11px;color:var(--blue);font-weight:700;margin-bottom:9px}.tryon-page .summary-card{margin:13px 0}.large-tryon{height:385px;position:relative;border-radius:15px;overflow:hidden}.large-tryon .portrait{height:100%}.large-tryon .portrait img{-o-object-position:center 35%;object-position:center 35%}.large-tryon>button{position:absolute;right:10px;top:10px;background:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.large-tryon>span{position:absolute;right:10px;bottom:10px;background:#0000009e;color:#fff;border-radius:9px;padding:4px 8px;font-size:11px}.item-heading{display:flex;justify-content:space-between;align-items:start;padding:12px 2px}.item-heading h2{font-size:20px}.item-heading>b{color:var(--blue)}.tags{display:flex;gap:6px}.tags span{color:var(--blue);background:#edf4ff;border-radius:999px;padding:3px 8px;font-size:10px}.ai-card{border:1px solid var(--line);border-radius:15px;padding:13px}.ai-card>b{display:flex;gap:7px;font-size:13px}.ai-card>b svg{color:var(--blue)}.ai-card>p{font-size:11px;margin:7px 0 11px}.ai-card>div{display:grid;grid-template-columns:75px 1fr 35px;align-items:center;gap:7px;margin-top:8px;font-size:10px}.ai-card i,.ranking i{height:4px;background:#e5eaf2;border-radius:5px;overflow:hidden}.ai-card em,.ranking em{display:block;height:100%;background:var(--blue);border-radius:5px}.action-row{display:grid;grid-template-columns:62px 62px 1fr;gap:8px;margin-top:11px}.action-row>button:not(.primary){border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;gap:4px}.action-row .primary{margin:0}.share-preview{text-align:center}.poster{padding:22px 18px 12px;background:radial-gradient(circle at top right,#dbe9ff,#f8fbff 58%);border:1px solid #d4e3fb;border-radius:15px;text-align:left;box-shadow:0 10px 25px #2c5ca01f}.poster .logo{margin-bottom:2px}.poster>small{font-size:9px;color:#8591a4}.poster h1{font-size:27px;line-height:1.25;margin:22px 0 7px}.poster>p{font-size:11px}.poster>.portrait{height:330px;border-radius:13px;margin-top:13px}.poster>div:last-child{display:flex;align-items:center;margin-top:10px}.poster>div:last-child>svg{width:30px;color:#343b44}.poster>div:last-child>span{display:flex;flex-direction:column;margin-left:8px}.poster>div:last-child small{color:var(--blue)}.qr{margin-left:auto;width:46px;height:46px;border:4px dotted #111;border-radius:8px;display:grid;place-items:center}.share-preview>p{font-size:11px;margin-top:13px}.share-item{display:grid;grid-template-columns:82px 1fr;gap:12px;border:1px solid var(--line);border-radius:15px;padding:10px;margin-bottom:22px}.share-item .portrait{height:82px;border-radius:10px}.share-item>div{display:flex;flex-direction:column;justify-content:center;gap:5px}.share-item span{color:var(--blue);font-size:12px}.share-item small{color:#8792a5}.share-options{border:1px solid var(--line);border-radius:15px;overflow:hidden}.share-options button{display:grid;grid-template-columns:40px 1fr 20px;gap:10px;align-items:center;width:100%;text-align:left;padding:13px;border-bottom:1px solid var(--line)}.share-options button:last-child{border:0}.share-options button>span{width:40px;height:40px;border-radius:50%;background:#18b557;color:#fff;display:grid;place-items:center}.share-options button:nth-child(n+3)>span{background:var(--blue)}.share-options button>div{display:flex;flex-direction:column}.share-options b{font-size:13px}.share-options small{font-size:10px;color:#929cad}.privacy-note{display:flex;gap:10px;padding:14px;background:#f6f8fb;border-radius:13px;margin-top:14px}.privacy-note svg{color:#4a596f;flex:none}.privacy-note b{font-size:12px}.privacy-note p{font-size:10px}.success-note{margin-top:12px;background:#e8f8ee;color:#19a856;padding:13px;border-radius:12px;display:flex;align-items:center;gap:8px;font-size:12px}.social h1{font-size:24px;line-height:1.35;margin-bottom:12px}.social-user{display:grid;grid-template-columns:42px 1fr;gap:9px;margin-bottom:14px}.social-user .portrait{height:42px;border-radius:50%}.social-user b,.social-user small{display:block}.social-user b{font-size:11px}.social-user small{font-size:10px;color:#7c889a;margin-top:3px}.social-grid button{border:1px solid var(--line);border-radius:12px;padding:7px;position:relative}.social-grid .portrait{height:185px;border-radius:9px}.social-grid .rank{position:absolute;z-index:3;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:11px}.social-grid b{display:block;font-size:12px;margin:6px}.social-grid button>span:last-child{height:32px;border:1px solid var(--blue);color:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.social-grid svg{width:14px}.social>.logo,.liked>.logo{justify-content:center;margin-top:24px;color:#738097}.liked{text-align:center;padding-top:34px}.success-orb{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle,#1d71ff 0 48%,#dceaff 49% 65%,transparent 66%);color:#fff}.success-orb svg{width:47px;height:47px;stroke-width:4}.liked h1{font-size:23px;margin-top:18px}.liked h1 span{color:var(--blue)}.liked>p{font-size:12px;margin:10px 20px 24px}.participant-card{text-align:left;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:14px}.participant-card>b{font-size:13px}.avatars{display:flex;margin-top:12px}.avatars .portrait{width:35px;height:35px;border-radius:50%;border:2px solid #fff;margin-right:-8px}.avatars>span{width:35px;height:35px;border-radius:50%;background:#f0f3f8;display:grid;place-items:center;font-size:10px;margin-left:8px}.choice-note{display:flex;text-align:left;gap:9px;color:var(--blue);padding:12px}.choice-note span{display:flex;flex-direction:column;color:#445065}.choice-note small{font-size:10px;color:#8c97a8}.feedback>p{font-size:11px;margin-top:-10px;margin-bottom:12px}.ranking{width:100%;display:grid;grid-template-columns:26px 92px 1fr;gap:8px;padding:8px;border:1px solid var(--line);border-radius:13px;align-items:center;margin-bottom:9px;text-align:left}.ranking .medal{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eef2f7;color:#68758a}.ranking .m1{background:#ffbd20;color:#fff}.ranking .m2{background:#aab7cf;color:#fff}.ranking .m3{background:#ce7842;color:#fff}.ranking .portrait{height:85px;border-radius:9px}.ranking>div{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.ranking div>b{font-size:13px}.ranking strong{color:var(--blue);font-size:14px}.ranking strong svg{width:13px;fill:var(--blue)}.ranking strong small{font-size:9px}.ranking div>span{font-size:10px;color:#7d889b}.ranking i{grid-column:1/3}.all-feedback{width:100%;height:42px;border:1px solid #d7e3f6;border-radius:10px;color:var(--blue);font-size:11px;display:flex;align-items:center;justify-content:center}.all-feedback svg{width:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;padding:12px;background:#f8faff;border-radius:12px}.stats span{display:flex;flex-direction:column;align-items:center}.stats b{font-size:16px}.stats small{font-size:9px;color:#8e98a8}.message-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.message-tabs button{height:86px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue);position:relative}.message-tabs b{position:absolute;right:14px;top:8px;background:#f04444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:9px;display:grid;place-items:center}.message-tabs span{color:#344054;font-size:11px;margin-top:5px}.notice{width:100%;display:grid;grid-template-columns:40px 1fr 30px;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px}.avatar-letter{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e6efff;color:var(--blue);font-weight:700}.notice div{display:flex;flex-direction:column}.notice b{font-size:11px}.notice small{font-size:9px;color:#97a1b1}.notice>span:last-child{color:var(--blue)}.decision{background:linear-gradient(#fff,#f7faff)}.confetti{text-align:center;color:#e1a900;letter-spacing:10px}.winner{margin-top:5px;background:linear-gradient(#1268f7,#0754ea);border-radius:20px 20px 0 0;padding:14px 14px 0;position:relative}.winner>span{display:block;text-align:center;color:#fff;font-weight:700}.winner .portrait{height:320px;margin-top:8px;border-radius:13px 13px 0 0}.winner>small{position:absolute;left:18px;bottom:7px;background:#ffffffe6;padding:4px 8px;border-radius:7px}.winner>svg{position:absolute;right:18px;bottom:7px;color:var(--blue);background:#fff;border-radius:50%;padding:5px;width:30px;height:30px}.winner-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0;padding:12px;border-radius:0 0 14px 14px}.winner-stats span{text-align:center;font-size:10px;color:#7e8999}.winner-stats b{display:block;color:var(--blue);font-size:20px}.rank-one{text-align:center;color:var(--blue);background:#edf4ff;margin:8px 0 12px;padding:9px;border-radius:9px;font-size:11px}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.split-actions button{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px}.reports-list{padding-top:12px}.search-row{display:grid;grid-template-columns:1fr 66px;gap:8px}.search-row label{height:40px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 10px;color:#8d98a9}.search-row input{width:100%;border:0;outline:0;padding-left:7px;font-size:12px}.search-row button{border:1px solid var(--line);border-radius:10px;font-size:12px}.filter-chips{display:flex;gap:7px;overflow:hidden;margin:10px 0 13px}.filter-chips button{white-space:nowrap;padding:6px 12px;border-radius:999px;background:#f2f5f9;color:#5f6d81;font-size:11px}.filter-chips button.active{color:var(--blue);background:#eaf2ff}.history-row{display:grid;grid-template-columns:72px 1fr auto;gap:10px;border:1px solid var(--line);border-radius:13px;padding:9px;margin-bottom:10px}.history-row .portrait{height:78px;border-radius:9px;grid-row:1/3}.history-row>div{display:flex;flex-direction:column}.history-row div b{font-size:14px}.history-row div small{font-size:10px;color:#8691a3;margin-top:8px}.history-row>span{font-size:10px;color:var(--green);background:#e9f8ef;height:24px;padding:5px;border-radius:6px}.history-row>button{border:1px solid #dce5f3;border-radius:8px;height:31px;color:#677387;font-size:10px}.history-row>button:last-child{color:var(--blue);background:#eff5ff}.profile-page{background:linear-gradient(#f7faff,#fff)}.profile-card{display:grid;grid-template-columns:72px 1fr 22px;gap:12px;align-items:center;background:linear-gradient(135deg,#176cf6,#3382ff);color:#fff;border-radius:17px;padding:17px}.profile-card .portrait{height:72px;border-radius:50%;border:2px solid #fff}.profile-card h2{color:#fff;font-size:20px}.profile-card span{font-size:11px}.unlock-banner{width:calc(100% - 20px);margin:-2px 10px 13px;border-radius:0 0 14px 14px;display:grid;grid-template-columns:34px 1fr auto;gap:8px;text-align:left;align-items:center;padding:13px;background:linear-gradient(120deg,#fffaf1,#fff0d5);color:#e59b20}.unlock-banner span{display:flex;flex-direction:column;color:#30394a}.unlock-banner span b{font-size:12px}.unlock-banner span small{font-size:9px;color:#9199a7}.unlock-banner>b{font-size:10px;background:#f3d393;padding:7px;border-radius:8px;color:#684812}.menu-card button{width:100%;min-height:57px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr 20px;gap:7px;align-items:center;text-align:left;padding:10px 14px}.menu-card button:last-child{border:0}.menu-card button>span:first-child,.menu-card button>svg:first-child{color:#46536a}.menu-card b{font-size:13px}.menu-card button>span:nth-child(2){display:flex;flex-direction:column}.menu-card small{font-size:9px;color:#929cad;margin-top:3px}.settings-page>.section-title{margin:16px 10px 8px}.switch{width:43px;height:24px;border-radius:99px;background:#d5dce6;position:relative}.switch:after{content:"";width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #aab3c0}.switch.on{background:var(--blue)}.switch.on:after{left:21px}.version{text-align:center;font-size:10px;margin-top:44px}.version span{color:var(--blue)}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}@media (min-width:700px){.app-shell{padding:24px}.device-frame{min-height:860px;border-radius:32px;border:7px solid #121722}.screen{min-height:846px}.bottom-nav{position:absolute;border-radius:0 0 25px 25px}.topbar{position:relative}.subtabs{top:0}}@media (max-width:360px){.page-pad{padding-left:13px;padding-right:13px}.hero-card{margin-left:10px;margin-right:10px}.topbar{grid-template-columns:42px 1fr 68px}.tryon-grid .portrait,.social-grid .portrait{height:155px}}.portrait>.glasses-overlay{width:56%;height:22%;left:22%;top:34%}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-brand-500:hover{--tw-bg-opacity: 1;background-color:rgb(255 209 26 / var(--tw-bg-opacity, 1))}.hover\:bg-brand\/10:hover{background-color:#ffdf4d1a}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:text-ink:hover{--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-black\/\[0\.02\]:active{background-color:#00000005}.active\:bg-brand-600:active{--tw-bg-opacity: 1;background-color:rgb(230 184 0 / var(--tw-bg-opacity, 1))}.active\:opacity-60:active{opacity:.6}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}