:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#f4f5ee;background:#0b0c0a;font-synthesis:none;text-rendering:optimizeLegibility;--lime: #c4f43d;--ink: #0b0c0a;--panel: #151613;--line: #2a2d27;--muted: #a0a499;--white: #f4f5ee}*{box-sizing:border-box}html{background:#080906}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.site-watermark{position:fixed;z-index:100;right:10px;bottom:76px;padding:6px 10px;border:1px solid rgba(196,244,61,.22);border-radius:999px;color:#def4a39e;background:#0b0c0ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;font-weight:800;letter-spacing:.08em;pointer-events:none;-webkit-user-select:none;user-select:none}.ranking-note{margin:0 0 16px;padding:15px;border-left:2px solid var(--lime);background:#151812}.ranking-note strong{font-size:13px}.ranking-note p,.ranking-note small{display:block;margin:7px 0 0;color:#aeb5a4;font-size:11px;line-height:1.75}.screen{min-height:100vh;width:100%;overflow:hidden;background:var(--ink)}.brand{display:flex;align-items:center;gap:9px;font-family:Arial Narrow,Impact,sans-serif;font-size:20px;font-weight:900;letter-spacing:.06em}.brand b{color:var(--lime)}.brand__mark{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);font-size:18px;font-style:italic}.brand--compact{font-size:17px}.brand--compact .brand__mark{width:26px;height:26px;font-size:15px}.home-nav,.page-header{display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.beta-tag,.mock-badge{border:1px solid #41453c;border-radius:999px;padding:7px 10px;color:#c5c9be;font:700 10px Noto Sans SC;letter-spacing:.12em}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:19px;cursor:pointer}.header-spacer{width:38px}.hero{padding:42px 22px 28px}.eyebrow,.section-kicker{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow{display:flex;align-items:center;gap:8px;text-transform:uppercase}.eyebrow span{width:20px;height:2px;background:var(--lime)}.hero h1,.flow-content>h1,.result-heading h1{margin:18px 0 16px;font-size:clamp(38px,11vw,57px);line-height:1.08;letter-spacing:-.055em}.hero h1{font-size:clamp(28px,7.5vw,34px);line-height:1.3;letter-spacing:-.025em;font-weight:650}.hero h1 em{display:block;color:#dce4ce;font-style:normal}.hero{padding-top:28px}.hero__copy{font-size:13px}.catalog-detail{display:inline-block;margin-top:12px;font-size:12px;color:var(--lime)}.hero__copy,.section-copy{max-width:520px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}.hat-showcase{margin:28px 0 24px}.hat-showcase__heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;color:var(--muted)}.hat-showcase__heading>span:first-child{color:var(--lime);font-weight:800;letter-spacing:.13em}.hat-showcase__card{overflow:hidden;margin:0;border:1px solid #3a3d35;border-radius:14px;background:#181a16}.hat-showcase__photo{position:relative;display:grid;place-items:center;overflow:hidden;height:clamp(215px,61vw,270px);background:#353535}.hat-showcase__photo img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.hat-showcase__photo .hat-showcase__portrait{transform:scale(1.5);transform-origin:50% 15%}.hat-showcase__number{position:absolute;top:12px;left:12px;padding:6px 9px;border:1px solid #ffffff25;border-radius:30px;background:#11111170;color:#f0f1e9;font-size:10px;letter-spacing:.08em}.hat-showcase figcaption{padding:16px}.hat-showcase figcaption>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.hat-showcase h2{margin:0;font:800 25px/1.2 Arial Narrow,Arial,sans-serif;letter-spacing:-.04em}.hat-showcase figcaption span{color:#c5c9bd;font-size:11px}.hat-showcase figcaption p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.hat-showcase__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.hat-showcase__choices button{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:63px;padding:11px 4px;border:1px solid var(--line);border-radius:9px;background:#151713;color:#a8ae9f;cursor:pointer}.hat-showcase__choices button[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:#202816}.hat-showcase__choices button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.hat-showcase__choices button>span{font-size:12px;font-weight:700}.hat-showcase__choices small{font-size:9px;letter-spacing:.06em}.cap-illustration{position:relative;z-index:2;display:block;width:min(108%,440px);height:100%;margin:auto;transform:rotate(-2deg)}.primary-button,.secondary-button{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;border:0;border-radius:4px;padding:0 20px;font-size:15px;font-weight:800;cursor:pointer}.primary-button{color:#10120c;background:var(--lime);box-shadow:0 12px 30px #c4f43d24}.primary-button span{font-size:23px;font-weight:400}.primary-button:disabled{color:#797d72;background:#292b27;box-shadow:none;cursor:not-allowed}.micro-copy{margin:13px 0 0;color:#73776e;text-align:center;font-size:11px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#10110e}.feature-strip div{display:flex;min-height:86px;flex-direction:column;justify-content:center;gap:5px;padding:0 12px;border-right:1px solid var(--line)}.feature-strip div:last-child{border-right:0}.feature-strip b{color:var(--lime);font:700 12px Arial Narrow,Impact,sans-serif}.feature-strip span{color:#c8cbc2;font-size:12px}.flow-screen{padding-bottom:108px}.step-bar{padding:20px 22px 0}.step-bar__meta{display:flex;justify-content:space-between;margin-bottom:9px;color:#7e8277;font:700 10px Noto Sans SC;letter-spacing:.12em}.step-bar__track{height:2px;overflow:hidden;background:#252722}.step-bar__track span{display:block;height:100%;background:var(--lime);transition:width .25s ease}.flow-content{padding:38px 22px 16px}.flow-content>h1,.result-heading h1{margin:10px 0 12px;font-size:clamp(32px,9vw,44px)}.upload-box{position:relative;display:flex;width:100%;min-height:292px;align-items:center;justify-content:center;flex-direction:column;gap:9px;overflow:hidden;margin:28px 0 18px;border:1px dashed #4c5047;border-radius:10px;color:var(--white);background:#131411;cursor:pointer}.upload-box:after{position:absolute;inset:8px;border:1px solid #20221e;border-radius:6px;content:"";pointer-events:none}.upload-box strong{font-size:16px}.upload-box small{color:#7f8378;font-size:11px}.upload-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:6px;border-radius:50%;color:#14160f;background:var(--lime);font-size:30px;font-weight:300}.upload-box--filled{min-height:360px;border-style:solid}.upload-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-face-preview{position:relative;z-index:1;display:grid;width:112px;height:142px;place-items:center;border:2px solid rgba(196,244,61,.85);border-radius:48% 48% 44% 44%;color:var(--lime);font-size:40px;box-shadow:0 0 30px #c4f43d17}.upload-face-preview:after{position:absolute;top:46%;left:20%;width:60%;border-top:1px dashed rgba(196,244,61,.65);content:""}.photo-source-grid,.photo-replace-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.photo-source-grid button,.photo-replace-actions button{display:flex;min-height:64px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:1px solid #3b3f37;border-radius:6px;color:#d9dcd3;background:#171815;font-size:12px;font-weight:700;cursor:pointer}.photo-source-grid button span{color:var(--lime);font-size:18px}.photo-source-grid button small{color:#777b72;font-size:9px;font-weight:400}.photo-replace-actions{position:absolute;z-index:3;right:12px;bottom:12px;left:12px;margin:0}.photo-replace-actions button{min-height:44px;background:#0b0c0ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-source-grid button:first-child,.photo-replace-actions button:first-child{border-color:#6d8428;color:var(--lime);background:#c4f43d0f}.photo-requirement{display:grid;gap:5px;margin:14px 0 16px;padding:13px 15px;border:1px solid rgba(196,244,61,.28);border-left:3px solid var(--lime);border-radius:8px;background:#c4f43d0e}.photo-requirement b{color:var(--white);font-size:12px}.photo-requirement span{color:#aeb3a7;font-size:10px;line-height:1.55}.camera-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:0;background:#000000eb}.camera-panel{display:flex;width:min(100%,480px);height:100dvh;max-height:920px;flex-direction:column;overflow:hidden;background:#070806}.camera-topbar{display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 18px 10px}.camera-topbar>button{width:38px;height:38px;border:1px solid #34372f;border-radius:50%;background:transparent;font-size:22px;cursor:pointer}.camera-topbar>div{display:flex;align-items:center;flex-direction:column;gap:3px}.camera-topbar strong{font-size:14px}.camera-topbar>div span{color:#858980;font-size:9px}.camera-live-dot{display:inline-flex;align-items:center;gap:7px;color:#8d9187;font-size:10px}.camera-live-dot:before{width:7px;height:7px;border-radius:50%;background:#696d64;content:""}.camera-live-dot--ready{color:var(--lime)}.camera-live-dot--ready:before{background:var(--lime);box-shadow:0 0 10px #c4f43da6}.camera-viewport{position:relative;flex:1;min-height:430px;overflow:hidden;background:#10110e}.camera-viewport video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-viewport--fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#24271f 0,#10110e 55%,#070806)}.camera-shade{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.36),transparent 24%,transparent 76%,rgba(0,0,0,.52));pointer-events:none}.face-guide{position:absolute;top:47%;left:50%;width:min(58vw,245px);aspect-ratio:.76;border:2px solid rgba(196,244,61,.92);border-radius:48% 48% 44% 44%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #00000038,0 0 24px #c4f43d2e;pointer-events:none}.face-guide__eyes{position:absolute;top:42%;left:18%;width:64%;border-top:1px dashed rgba(196,244,61,.7)}.face-guide i{position:absolute;width:20px;height:20px;border-color:var(--lime);border-style:solid}.face-guide i:nth-of-type(1){top:-7px;left:-7px;border-width:2px 0 0 2px}.face-guide i:nth-of-type(2){top:-7px;right:-7px;border-width:2px 2px 0 0}.face-guide i:nth-of-type(3){bottom:-7px;left:-7px;border-width:0 0 2px 2px}.face-guide i:nth-of-type(4){right:-7px;bottom:-7px;border-width:0 2px 2px 0}.camera-forehead-tip{position:absolute;z-index:3;top:18px;left:50%;width:max-content;max-width:calc(100% - 32px);padding:8px 13px;border:1px solid rgba(196,244,61,.42);border-radius:999px;color:#efffc3;background:#070806c7;font-size:11px;font-weight:800;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-distance{position:absolute;right:0;bottom:-35px;left:0;color:#d3d6cc;text-align:center;font-size:10px}.camera-loading,.camera-fallback-copy{position:relative;z-index:2;max-width:260px;padding:18px;color:#b9bdb3;text-align:center;font-size:12px;line-height:1.7}.camera-fallback-copy strong{display:block;margin-bottom:7px;color:var(--white);font-size:16px}.camera-tips{display:flex;justify-content:center;gap:16px;padding:14px 12px 6px;color:#a8aca2;font-size:10px}.camera-tips span:before{color:var(--lime);content:"✓ "}.camera-shutter{display:grid;width:72px;height:72px;place-items:center;margin:13px auto max(18px,env(safe-area-inset-bottom));border:3px solid #eef0e8;border-radius:50%;background:transparent;cursor:pointer}.camera-shutter:after{width:54px;height:54px;border-radius:50%;background:var(--lime);content:""}.camera-shutter--disabled{opacity:.35;cursor:not-allowed}.camera-system-button{min-width:210px;min-height:50px;margin:13px auto max(20px,env(safe-area-inset-bottom));border:0;border-radius:5px;color:#10120c;background:var(--lime);font-size:13px;font-weight:800;cursor:pointer}.replace-photo{position:absolute;z-index:2;right:14px;bottom:14px;padding:9px 12px;border-radius:999px;color:#11130d;background:var(--lime);font-size:11px;font-weight:800}.demo-photo-button{display:block;margin:-4px auto 19px;border:0;color:var(--lime);background:transparent;font-size:11px;text-decoration:underline;cursor:pointer}.tips-card{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.tips-card h2{margin:0 0 13px;font-size:14px}.tips-card ul{display:grid;gap:11px;margin:0;padding:0;color:#b9bdb2;font-size:12px;list-style:none}.tips-card li{display:flex;align-items:center;gap:9px}.tips-card li span{color:var(--lime)}.privacy-note{margin:15px 2px;color:#74786e;font-size:10px;line-height:1.6}.privacy-note span{color:var(--lime)}.error-message{margin:15px 0;padding:12px 14px;border:1px solid #7c3939;border-radius:5px;color:#ffb5b5;background:#9730301f;font-size:11px;line-height:1.6}.sticky-action{position:fixed;z-index:10;right:0;bottom:0;left:0;padding:12px 22px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b0c0aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.preference-content{padding-bottom:6px}.choice-group{margin:32px 0 0;padding:0;border:0}.choice-group legend{display:flex;width:100%;align-items:center;gap:10px;margin-bottom:13px;font-size:14px;font-weight:700}.choice-group legend span{color:var(--lime);font:700 11px Arial Narrow,Impact,sans-serif}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-chip{display:flex;min-height:52px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:5px;padding:0 14px;color:#b7bbb0;background:#121310;font-size:13px;cursor:pointer}.choice-chip>span{color:#969e8c}.choice-chip .choice-text{flex:1;color:inherit;text-align:left;padding:12px 6px 12px 0}.choice-text small{display:block;margin-top:7px;color:#b0b6a7;font-size:11px;line-height:1.65;font-weight:400}.preference-hint{margin:0 0 14px;color:#a8ae9f;font-size:12px;line-height:1.8}.choice-group:disabled{opacity:.6}.report-progress{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,400px);padding:25px;border:1px solid #667940;border-radius:16px;background:#191e14;box-shadow:0 0 0 100vmax #000b}.report-progress strong{font-size:18px}.report-progress p,.report-progress small{color:#bac2ae;font-size:12px;line-height:1.8}.report-progress__track{height:8px;overflow:hidden;border-radius:8px;background:#34392f;margin:18px 0 12px}.report-progress__track span{display:block;height:100%;background:var(--lime);border-radius:inherit;transition:width .3s;animation:progress-pulse 1.5s ease-in-out infinite alternate}.upload-analysis-progress{position:fixed;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,390px);padding:24px;border:1px solid rgba(186,255,53,.36);border-radius:16px;background:#141910f7;box-shadow:0 0 0 100vmax #000c,0 24px 80px #0008}.upload-analysis-progress strong{display:block;margin-top:10px;font-size:18px}.upload-analysis-progress p,.upload-analysis-progress small{color:#bac2ae;font-size:12px;line-height:1.8}.upload-analysis-progress__track{height:8px;overflow:hidden;margin:18px 0 10px;border-radius:8px;background:#34392f}.upload-analysis-progress__track span{display:block;height:100%;border-radius:inherit;background:var(--lime);transition:width .45s ease;animation:progress-pulse 1.5s ease-in-out infinite alternate}@keyframes progress-pulse{to{opacity:.45}}.face-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 8px}.face-visuals figure{min-width:0;margin:0;padding:12px;background:#161a13;border:1px solid var(--line);border-radius:12px;text-align:center}.face-visuals img,.face-visuals svg{display:block;width:100%;height:160px;object-fit:contain;border-radius:6px;color:#c4d3a4}.face-visuals [hidden]{display:none}.face-visuals figcaption{margin-top:10px;font-size:11px;color:#a8b099;line-height:1.6}.face-diagram-empty{display:grid;place-content:center;min-height:180px;color:var(--muted);text-align:center;font-size:13px;line-height:2}.metric-explainer,.sizing-advice p{font-size:12px;line-height:1.8;color:#a6af99}.sizing-advice{margin-top:20px;border:1px solid var(--line);padding:16px;border-radius:10px;background:var(--panel)}.sizing-advice strong{font-size:14px}.face-metrics span{font-size:11px}.tryon-section-title,.tryon-style-panel h2{margin-top:26px;font-size:17px}.tryon-style-panel p,.tryon-style-panel>small{display:block;color:var(--muted);font-size:12px;line-height:1.8}.tryon-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.tryon-style-grid button{position:relative;border:1px solid var(--line);border-radius:9px;padding:12px 8px;background:#191c16;cursor:pointer}.tryon-style-grid button[aria-pressed=true]{border-color:var(--lime);background:#242c18}.tryon-style-grid button:disabled{opacity:.6;cursor:wait}.tryon-style-grid svg{display:block;height:65px;width:100%;margin-bottom:8px}.tryon-style-grid span{font-size:12px}.tryon-style-grid small{display:block;width:max-content;margin:7px auto 0;padding:2px 6px;border:1px solid #baff3038;border-radius:999px;color:var(--lime);font-size:9px;letter-spacing:.08em}.tryon-style-grid b{position:absolute;top:8px;right:10px;color:var(--lime)}.tryon-generate-card .quota-notice{border-left:2px solid #b9c792;padding-left:10px;font-size:12px;color:#d0d7c3}.choice-chip--selected{border-color:var(--lime);color:var(--white);background:#c4f43d12}.choice-chip--selected>span{color:var(--lime)}.result-screen{background:#0e0f0c}.result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mock-badge{flex:0 0 auto;margin-bottom:15px;border-color:#596436;color:var(--lime)}.session-restored{display:flex;align-items:center;gap:7px;margin:0 0 13px;padding:9px 11px;border:1px solid #35421f;border-radius:5px;color:#9da78a;background:#c4f43d0b;font-size:9px}.session-restored span{color:var(--lime)}.face-card{display:grid;grid-template-columns:112px 1fr;gap:17px;margin-top:16px;padding:20px 17px;border:1px solid #38401e;border-radius:10px;background:linear-gradient(135deg,#c4f43d1f,#c4f43d06)}.face-score{display:flex;aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;border:2px solid var(--lime);border-radius:50%;box-shadow:inset 0 0 0 7px #c4f43d0f}.face-score strong{font-size:24px}.face-score span{margin-top:4px;color:var(--lime);font-size:9px}.card-label{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.12em}.face-card h2{margin:7px 0;font-size:15px;line-height:1.45}.face-card p,.hat-card p,.coming-card p{margin:0;color:#9da196;font-size:11px;line-height:1.75}.preference-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:19px 0 21px;border-bottom:1px solid var(--line)}.preference-summary>span{flex:0 0 auto;color:#74786d;font-size:10px}.preference-summary div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.preference-summary b,.hat-tags span{padding:5px 8px;border-radius:3px;color:#c9ccc3;background:#242621;font-size:9px;font-weight:600}.analysis-note{margin:14px 0 0;padding:11px 13px;border:1px solid #55533a;border-radius:5px;color:#c6c198;background:#beb14e0f;font-size:10px;line-height:1.6}.analysis-note strong{display:block;margin-bottom:5px;color:var(--lime);font-size:10px;letter-spacing:.08em}.analysis-note p{margin:0;color:#d4d0ae;font-size:12px;line-height:1.75}.personal-report{margin-top:22px;overflow:hidden;border:1px solid #3c4328;border-radius:10px;background:linear-gradient(145deg,#c4f43d12,#141512 34%)}.personal-report__title{padding:17px 17px 0}.personal-report__title span{color:var(--lime);font:700 9px Arial Narrow,Impact,sans-serif;letter-spacing:.14em}.personal-report__title h2{margin:5px 0 0;font-size:20px}.personal-report__title small{display:block;margin-top:6px;color:#777d70;font-size:8px;line-height:1.5}.personal-report__summary{margin:12px 17px 16px;color:#aeb2a8;font-size:10px;line-height:1.75}.insight-list{border-top:1px solid var(--line)}.insight-list article{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:13px 17px;border-bottom:1px solid var(--line)}.insight-list article>b{color:var(--lime);font:800 10px Arial Narrow,Impact,sans-serif}.insight-list strong{color:#dadcd5;font-size:10px}.insight-list p{margin:4px 0 0;color:#8f9489;font-size:9px;line-height:1.65}.purchase-checklist{display:grid;gap:8px;padding:15px 17px}.purchase-checklist strong{margin-bottom:2px;color:#d9dcd3;font-size:10px}.purchase-checklist span{color:#979c91;font-size:9px}.purchase-checklist span:first-letter{color:var(--lime)}.report-actions{margin-top:14px;padding:17px;border:1px solid #34392d;border-radius:10px;background:#131511}.report-actions>div:first-child span{color:var(--lime);font:700 9px Arial Narrow,Impact,sans-serif;letter-spacing:.14em}.report-actions h2{margin:5px 0 0;font-size:18px}.report-actions>p{margin:9px 0 14px;color:#858b7f;font-size:9px;line-height:1.6}.report-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-action-grid button{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:7px;min-width:0;border:1px solid #485229;border-radius:6px;padding:11px 9px;color:#e1e4dc;background:#c4f43d0a;text-align:left;cursor:pointer}.report-action-grid button>b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#11130d;background:var(--lime);font-size:14px}.report-action-grid button>span{min-width:0;font-size:10px;font-weight:700}.report-action-grid small{display:block;overflow:hidden;margin-top:3px;color:#757b6f;font-size:7px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.share-status{margin-top:10px;border-radius:4px;padding:8px 10px;color:#b5bf9f;background:#c4f43d0f;font-size:8px;line-height:1.5}.recommendation-title{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 14px}.recommendation-title span{color:var(--lime);font:700 10px Arial Narrow,Impact,sans-serif;letter-spacing:.14em}.recommendation-title h2{margin:5px 0 0;font-size:22px}.recommendation-title small{color:#6f7369;font-size:9px}.recommendation-list{display:grid;gap:10px}.hat-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#151613}.hat-card--best{border-color:#637923;box-shadow:0 0 0 1px #c4f43d14}.hat-card__visual{position:relative;height:188px;overflow:hidden;background:#f0f1eb}.hat-card__visual img{width:100%;height:100%;object-fit:contain}.hat-card__visual .rank{position:absolute;top:12px;left:12px;padding:7px 9px;border-radius:4px;color:#11130d;background:var(--lime)}.hat-card__visual .score{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:4px;background:#0a0b09e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hat-card__body{padding:16px}.hat-card__top{display:grid;grid-template-columns:24px 56px 1fr auto;align-items:center;gap:10px}.rank{color:#676b61;font:800 11px Arial Narrow,Impact,sans-serif}.mini-cap{position:relative;display:grid;width:53px;height:38px;place-items:center;overflow:hidden;border-radius:50% 50% 30% 30%;color:#11140c;background:var(--lime);font:900 18px Arial Narrow,Impact,sans-serif;transform:rotate(-4deg)}.mini-cap:after{position:absolute;right:-7px;bottom:1px;width:33px;height:8px;border-radius:50%;background:#f2f4ea;content:"";transform:rotate(7deg)}.hat-title small{color:var(--lime);font-size:9px}.hat-title h3{margin:2px 0 0;font:800 21px Arial Narrow,Impact,sans-serif;letter-spacing:.04em}.score{display:flex;align-items:baseline}.score strong{color:var(--lime);font:800 27px Arial Narrow,Impact,sans-serif}.score span{color:#686c62;font-size:8px}.hat-tags{display:flex;gap:6px;margin:15px 0 11px 34px}.hat-card p{margin-left:34px}.hat-card__body .hat-tags,.hat-card__body p{margin-left:0}.score-breakdown{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.score-row{display:grid;grid-template-columns:58px 1fr 35px;align-items:center;gap:8px;color:#858a7f;font-size:9px}.score-row__track{height:4px;overflow:hidden;border-radius:999px;background:#2b2e28}.score-row__track span{display:block;height:100%;border-radius:inherit;background:var(--lime)}.score-row b{color:#c9ccc3;text-align:right;font-size:9px}.asset-source{display:inline-block;margin-top:13px;color:#858b7c;font-size:9px;text-decoration:underline}.product-detail-button{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:15px;border:1px solid #536524;border-radius:5px;padding:12px;color:#e5e8df;background:#c4f43d0e;font-size:11px;font-weight:700;cursor:pointer}.product-detail-button span{color:var(--lime);font-size:9px;font-weight:500}.asset-note{margin:12px 2px 0;color:#686c63;font-size:9px;line-height:1.55}.face-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.face-metrics div{padding:9px 6px;border:1px solid rgba(196,244,61,.16);border-radius:5px;text-align:center}.face-metrics b{display:block;color:var(--lime);font-size:12px}.face-metrics span{color:#858a7f;font-size:8px}.color-report{margin-top:16px;padding:18px;border:1px solid #343a2b;border-radius:10px;background:#141612}.color-report__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.color-report__heading h2{margin:5px 0 0;font-size:19px}.color-report__heading>span{color:#aeb3a7;font-size:9px}.color-palette{display:grid;gap:8px;margin-top:16px}.color-swatch{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px}.color-swatch i{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:inset 0 0 0 3px #00000014}.color-swatch b,.color-swatch small{display:block}.color-swatch b{color:#e1e4dc;font-size:11px}.color-swatch small{margin-top:2px;color:#7f8479;font-size:9px}.color-report>p{margin:14px 0 5px;padding-top:12px;border-top:1px solid var(--line);color:#aeb19f;font-size:10px;line-height:1.65}.color-disclaimer{color:#666b61;font-size:8px;line-height:1.5}.hat-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.hat-details>div{padding:10px;border:1px solid var(--line);border-radius:5px;background:#11120f}.hat-details span{color:var(--lime);font-size:8px;font-weight:700}.hat-details p{margin-top:5px!important;color:#a7aba1!important;font-size:9px!important}.wearing-tip{margin-top:8px;padding:10px 11px;border-left:2px solid #596c28;color:#999e93;background:#c4f43d09;font-size:9px;line-height:1.6}.wearing-tip b{margin-right:7px;color:#c9ccc2}.compare-entry{margin-top:18px}.compare-screen .flow-content>h1{margin-bottom:10px}.compare-table{overflow:hidden;margin-top:28px;border:1px solid var(--line);border-radius:10px;background:#141512}.compare-head,.compare-row{display:grid;grid-template-columns:64px repeat(3,minmax(0,1fr))}.compare-head>span,.compare-row>span{display:flex;align-items:center;padding:10px 8px;color:#6f746a;font-size:9px}.compare-head>div{position:relative;min-width:0;padding:8px 5px 11px;border-left:1px solid var(--line);text-align:center}.compare-head img{display:block;width:100%;height:64px;object-fit:contain;margin-bottom:6px;border-radius:4px;background:#eff0eb}.compare-head i{position:absolute;top:12px;left:8px;padding:3px 4px;border-radius:2px;color:#11130d;background:var(--lime);font-size:7px;font-style:normal}.compare-head b{display:block;overflow:hidden;color:#e3e5de;font:800 10px Arial Narrow,Impact,sans-serif;text-overflow:ellipsis;white-space:nowrap}.compare-head strong{display:block;margin-top:2px;color:var(--lime);font-size:13px}.compare-row{border-top:1px solid var(--line)}.compare-row p{display:flex;min-height:52px;align-items:center;justify-content:center;margin:0;border-left:1px solid var(--line);padding:8px 5px;color:#adb1a7;text-align:center;font-size:8px;line-height:1.45}.compare-advice{display:grid;gap:0;margin:18px 0;border:1px solid var(--line);border-radius:9px;background:#151613}.compare-advice>span{padding:13px 14px 8px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.1em}.compare-advice>div{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:11px 14px;border-top:1px solid var(--line)}.compare-advice>div>b{color:var(--lime);font:800 10px Arial Narrow,Impact,sans-serif}.compare-advice p{margin:0;color:#92978d;font-size:9px;line-height:1.6}.compare-advice p strong{display:block;color:#dbded5;font-size:11px}.avoid-note{margin:18px 0 4px;padding:14px 16px;border-left:2px solid #e6b757;background:#191814}.avoid-note strong{color:#e6b757;font-size:11px}.avoid-note p{margin:4px 0 0;color:#9b9b92;font-size:10px;line-height:1.65}.product-content{padding-bottom:36px}.product-content>h1{margin-bottom:10px}.demo-product-notice{display:inline-flex;margin-bottom:16px;border:1px solid #51563f;border-radius:999px;padding:6px 9px;color:#aeb39f;background:#171914;font-size:9px}.product-hero{overflow:hidden;border:1px solid #3c4328;border-radius:11px;background:#151613}.product-hero__image{height:220px;background:#eff0ea}.product-hero__image img{width:100%;height:100%;object-fit:contain}.product-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.product-gallery img{width:100%;aspect-ratio:1;box-sizing:border-box;border:1px solid #3c4328;border-radius:7px;background:#eff0ea;object-fit:cover}.product-hero__meta{padding:18px}.product-hero__meta>span{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.1em}.product-hero__meta h2{margin:5px 0 8px;font:800 27px Arial Narrow,Impact,sans-serif}.product-hero__meta p{margin:0;color:#999e93;font-size:10px;line-height:1.7}.product-panel{margin:12px 0;padding:16px;border:1px solid var(--line);border-radius:9px;background:#141512}.product-panel__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.product-panel__heading span{color:#e1e4dc;font-size:13px;font-weight:700}.product-panel__heading b{color:var(--lime);font-size:9px}.size-list{display:grid;gap:7px}.size-item{display:flex;min-height:53px;align-items:center;justify-content:space-between;border:1px solid #465227;border-radius:5px;padding:9px 11px;background:#c4f43d09}.size-item strong,.size-item small{display:block}.size-item strong{color:#daddd4;font-size:11px}.size-item small{margin-top:3px;color:#8f9587;font-size:8px}.size-item>span{color:var(--lime);font-size:9px}.size-item--soldout{border-color:#30322d;opacity:.48}.size-item--soldout>span{color:#85897f}.size-tip,.mock-purchase-note{color:#72776d;font-size:9px;line-height:1.6}.size-tip{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line)}.product-facts{display:grid;gap:12px}.product-facts>div{padding-bottom:11px;border-bottom:1px solid var(--line)}.product-facts>div:last-child{padding-bottom:0;border-bottom:0}.product-facts small{color:#777c71;font-size:8px}.product-facts p{margin:4px 0 0;color:#afb3a9;font-size:10px;line-height:1.65}.mock-purchase-note{margin:8px 2px 0;text-align:center}.tryon-stage{position:relative;height:440px;overflow:hidden;scroll-margin-top:14px;margin:28px 0 16px;border:1px solid #31342e;border-radius:12px;background:#171815}.tryon-stage>img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:grid;height:100%;place-items:center;color:#6e7268}.tryon-stage:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.09);border-radius:12px;content:"";box-shadow:inset 0 0 70px #0003;pointer-events:none}.tryon-cap{position:absolute;top:-24px;left:50%;width:92%;height:230px;transform:translate(-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.28))}.cap-illustration--small{width:100%;height:100%}.tryon-cap .cap-illustration{animation:tryon-cap-in .24s ease-out both}.tryon-cap .cap-illustration--940-structured{transform:translateY(7px) scale(.96)}.tryon-cap .cap-illustration--9fifty{transform:translateY(3px) scale(.98)}.preview-label{position:absolute;right:12px;bottom:12px;padding:7px 9px;border-radius:3px;color:#10120d;background:var(--lime);font:800 9px Noto Sans SC;letter-spacing:.1em}.tryon-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.tryon-choice{position:relative;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:7px;padding:0 0 9px;color:#aeb2a7;background:#151613;cursor:pointer}.tryon-choice img{width:100%;height:68px;object-fit:contain;background:#eff0ea}.tryon-choice span{display:block;overflow:hidden;margin:7px 22px 0 7px;text-align:left;font:800 10px Arial Narrow,Impact,sans-serif;text-overflow:ellipsis;white-space:nowrap}.tryon-choice b{position:absolute;right:6px;bottom:8px;color:var(--lime);font-size:9px}.tryon-choice--active{border-color:var(--lime);color:var(--white);box-shadow:0 0 0 1px #c4f43d1a}.tryon-selector-note{margin:8px 2px 0;color:#73776d;font-size:9px}.tryon-mode{display:flex;align-items:center;justify-content:space-between;margin-top:24px;color:var(--muted);font-size:11px}.tryon-status{padding:7px 12px;border:1px solid var(--line);border-radius:30px}.tryon-status--ready{color:var(--lime);border-color:#526b23}.tryon-mode+.tryon-stage{margin-top:12px}.tryon-stage>.generated-tryon{object-fit:contain}.tryon-empty{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:25px}.tryon-empty img{width:100%;max-height:270px;object-fit:contain;border-radius:10px}.tryon-empty strong{font-size:22px}.tryon-empty span{color:var(--muted);font-size:12px;text-align:center}.tryon-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tryon-result-actions button{justify-content:center}.tryon-generate-card{margin:24px 0;padding:22px 18px;border:1px solid #343d27;border-radius:14px;background:linear-gradient(145deg,#1d2416,#11130f)}.tryon-generate-card h2{margin:12px 0;font-size:23px}.tryon-generate-card p{color:var(--muted);font-size:13px;line-height:1.8}.tryon-consent{display:flex;align-items:flex-start;gap:9px;margin:20px 0;color:#c9cebf;font-size:12px;line-height:1.8;cursor:pointer}.tryon-consent input{flex-shrink:0;width:18px;height:18px;margin-top:3px;accent-color:var(--lime)}.tryon-helper,.tryon-generate-card .tryon-helper{color:var(--muted);font-size:11px;line-height:1.8}.tryon-progress{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;background:#0b0c0acf;text-align:center}.tryon-progress strong{margin-top:12px;font-size:19px}.tryon-progress p{max-width:240px;color:#bcc3b0;font-size:13px;line-height:1.8}.tryon-progress__value{color:var(--lime);font:800 34px/1 Arial Narrow,Impact,sans-serif;letter-spacing:.04em}.tryon-progress__track{overflow:hidden;width:min(280px,82%);height:7px;margin-top:22px;border:1px solid #4e5f31;border-radius:999px;background:#20251c}.tryon-progress__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8fc51f,var(--lime));transition:width .7s ease;box-shadow:0 0 14px #c4f43d47}.tryon-choice:disabled{cursor:wait;opacity:.65}@media(prefers-reduced-motion:reduce){.tryon-progress__track span{transition:none}}.coming-card{margin:22px 0 12px;padding:21px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.coming-card>span{color:var(--lime);font:700 10px Arial Narrow,Impact,sans-serif;letter-spacing:.14em}.coming-card h2{margin:8px 0 9px;font-size:19px}.coming-card>div{display:flex;gap:12px;margin-top:14px;color:#c4c7be;font-size:11px}.coming-card>div b{color:var(--lime);font:700 11px Arial Narrow,Impact,sans-serif}.secondary-button{justify-content:center;margin-top:18px;border:1px solid #4a4e45;background:transparent}.text-button{display:block;margin:18px auto 0;border:0;color:#85897e;background:transparent;font-size:11px;text-decoration:underline;cursor:pointer}@media(min-width:600px){body{padding:24px 0;background:#050604}.screen{width:min(100%,480px);min-height:calc(100vh - 48px);margin:auto;border:1px solid #252722;border-radius:18px;box-shadow:0 30px 80px #0000008c}.sticky-action{right:auto;left:50%;width:min(100%,478px);transform:translate(-50%)}}@media(max-width:365px){.hero h1{font-size:28px}.face-card{grid-template-columns:94px 1fr;padding:15px 13px}.hat-card__visual{height:168px}.score strong{font-size:23px}}@media(prefers-reduced-motion:no-preference){.cap-illustration{animation:float-cap 4s ease-in-out infinite}@keyframes float-cap{50%{transform:rotate(-3deg) translateY(-6px)}}@keyframes tryon-cap-in{0%{opacity:.35;scale:.94}to{opacity:1;scale:1}}}@media(prefers-reduced-motion:reduce){.report-progress__track span{animation:none;transition:none}}:root{--lime: #baff35;--ink: #090b08;--panel: #141812;--line: #293027;--muted: #9ba596;--white: #f5f7f0;--soft-lime: rgba(186,255,53,.1);--card-shadow: 0 18px 50px rgba(0,0,0,.28)}html{color-scheme:dark}body{background:radial-gradient(circle at 50% -10%,rgba(186,255,53,.09),transparent 35%),#050705}.screen{position:relative;background:radial-gradient(circle at 90% 4%,rgba(186,255,53,.055),transparent 25%),linear-gradient(180deg,#0b0e0a,#090b08 42%,#080a07)}.screen:before{position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 48%);mask-image:linear-gradient(to bottom,#000,transparent 48%);content:"";pointer-events:none}.screen>*{position:relative;z-index:1}.home-nav,.page-header{height:70px;border-color:#ffffff12;background:#090b08c7;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.home-nav{position:sticky;z-index:20;top:0}.brand{letter-spacing:.08em}.brand__mark{box-shadow:0 0 0 5px #baff3514,0 8px 22px #baff3529}.beta-tag,.mock-badge{border-color:#baff3533;background:#baff350b}.icon-button{background:#ffffff06;transition:border-color .2s,transform .2s}.icon-button:active{border-color:var(--lime);transform:scale(.94)}.hero{padding:34px 20px 30px}.eyebrow{font-size:10px;letter-spacing:.17em}.eyebrow span{width:28px;border-radius:99px;box-shadow:0 0 12px #baff3580}.hero h1{max-width:390px;margin:19px 0 13px;font-size:clamp(38px,10.8vw,51px);font-weight:830;line-height:1.08;letter-spacing:-.055em}.hero h1 em{margin-top:4px;color:var(--lime);text-shadow:0 0 34px rgba(186,255,53,.12)}.hero__copy{max-width:390px;font-size:14px;line-height:1.8}.hero-assurances{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.hero-assurances span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.075);border-radius:999px;color:#b4bcae;background:#ffffff06;font-size:9px}.hero-assurances span:before{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);content:""}.hat-showcase{margin-top:27px}.hat-showcase__heading{padding:0 2px}.hat-showcase__card{border-color:#ffffff1c;border-radius:22px;background:#121610;box-shadow:var(--card-shadow)}.hat-showcase__photo{height:clamp(225px,64vw,290px);background:radial-gradient(circle at 50% 38%,#555851 0,#373a35 48%,#282b27)}.hat-showcase__photo:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.18));content:"";pointer-events:none}.hat-showcase__number{z-index:1;top:14px;left:14px;padding:7px 10px;background:#050705ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hat-showcase figcaption{padding:19px 18px 18px}.hat-showcase h2{font-size:28px}.hat-showcase figcaption p{font-size:12px;line-height:1.75}.catalog-detail{margin-top:13px;font-weight:700}.hat-showcase__choices{gap:7px;margin-top:12px}.hat-showcase__choices button{min-height:66px;border-color:#ffffff13;border-radius:12px;background:#ffffff06;transition:transform .18s,border-color .18s,background .18s}.hat-showcase__choices button:active{transform:scale(.96)}.hat-showcase__choices button[aria-pressed=true]{border-color:#baff35b8;background:linear-gradient(145deg,#baff3526,#baff350b);box-shadow:inset 0 0 0 1px #baff350d}.primary-button,.secondary-button{min-height:60px;border-radius:14px;padding:0 19px;letter-spacing:.01em;transition:transform .18s,filter .18s}.primary-button{background:linear-gradient(135deg,#c5ff4e,#a9ed27);box-shadow:0 14px 35px #9fdd212e}.primary-button:active,.secondary-button:active{transform:scale(.98)}.primary-button:not(:disabled):hover{filter:brightness(1.04)}.micro-copy{display:flex;align-items:center;justify-content:center;gap:7px}.micro-copy i{width:6px;height:6px;border-radius:50%;background:#65d76b;box-shadow:0 0 8px #65d76b8c}.feature-strip{margin:4px 20px 24px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff06}.feature-strip div{min-height:78px;border-color:#ffffff0f}.feature-strip b{font-size:11px}.feature-strip span{color:#aeb7aa;font-size:10px}.step-bar{padding-top:22px}.step-bar__track{height:3px;border-radius:99px}.step-bar__track span{border-radius:inherit;box-shadow:0 0 10px #baff3573}.flow-content{padding-top:34px}.flow-content>h1,.result-heading h1{line-height:1.1;letter-spacing:-.045em}.upload-box{border-color:#baff3552;border-radius:20px;background:radial-gradient(circle at 50% 42%,rgba(186,255,53,.07),transparent 37%),#11140f;box-shadow:inset 0 0 40px #0000002e}.upload-box:after{inset:9px;border-color:#ffffff0b;border-radius:14px}.photo-source-grid button,.photo-replace-actions button,.choice-chip{border-radius:12px;background:#ffffff06;transition:transform .16s,border-color .16s}.photo-source-grid button:active,.choice-chip:active{transform:scale(.97)}.tips-card,.product-panel,.color-report,.coming-card,.report-actions,.sizing-advice{border-color:#ffffff13;border-radius:16px;background:#ffffff06;box-shadow:0 14px 35px #00000021}.sticky-action{padding-top:11px;border-color:#ffffff14;background:#070906d6;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}.choice-chip{min-height:58px;border-color:#ffffff14}.choice-chip--selected{border-color:#baff35c7;background:linear-gradient(145deg,#baff3521,#baff3509)}.face-card,.personal-report,.hat-card,.product-hero,.compare-table,.tryon-stage,.tryon-generate-card{border-radius:18px;box-shadow:var(--card-shadow)}.face-card{border-color:#baff353d;background:linear-gradient(145deg,#baff3521,#baff3506 55%)}.hat-card{border-color:#ffffff13;background:#12150f}.hat-card--best{border-color:#baff358c;box-shadow:0 18px 50px #00000047,0 0 0 1px #baff350f}.hat-card__visual{height:205px;background:radial-gradient(circle at 50% 44%,#fff 0,#eef0e9 72%)}.product-detail-button{min-height:48px;border-radius:11px}.report-progress{border-color:#baff355c;background:#141910f5;box-shadow:0 0 0 100vmax #000c,0 24px 80px #0008}.site-watermark{right:12px;bottom:88px;border-color:#baff3524;color:#daedb27a;background:#080a07a8}@media(min-width:600px){.screen{border-color:#ffffff17;box-shadow:0 40px 110px #000000a6}}@media(max-width:365px){.hero{padding-right:17px;padding-left:17px}.hero h1{font-size:36px}.hero-assurances span{padding:6px 8px}}