:root{--paper:#f5f4ef;--ink:#243b35;--muted:#727e76;--line:#d8ddd4;font-family:Inter,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,label:has(input:focus-visible){outline:3px solid #718a58;outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.setup{max-width:860px;margin:auto;padding:0 56px}.page-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:11px;font-size:14px;letter-spacing:2.3px;font-weight:700}.wordmark svg{width:26px;height:35px}.wordmark-light{font-weight:400;opacity:.55}.languages{display:flex;gap:3px;background:#e8ebe3;padding:4px;border-radius:30px}.languages button{border:0;background:none;border-radius:24px;font-size:12px;min-width:47px;height:30px}.languages button.active{background:#fff;box-shadow:0 2px 5px #233b3510;font-weight:600}.intro{padding-top:44px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#7b946c}h1{font-size:clamp(36px,5.5vw,56px);font-weight:500;line-height:1.4;letter-spacing:-1px;margin:20px 0}.lede{font-size:14px;color:var(--muted);line-height:1.95;margin:0}.condition-section{margin-top:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-heading h2{font-size:12px;font-weight:500;margin:0;letter-spacing:1px}.section-heading>span{font-size:10px;letter-spacing:1px;color:#829083}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.condition-card{position:relative;cursor:pointer;padding:21px 24px 22px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fbfbf7;transition:background .2s,border-color .2s}.condition-card.selected{border:1.5px solid #526b4a;background:#eef2e8;padding:20.5px 23.5px 21.5px}.condition-card input{position:absolute;opacity:0;pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6b7a68}.radio-dot{width:18px;height:18px;border:1px solid #c5cdbf;border-radius:50%;display:grid;place-items:center}.selected .radio-dot{background:var(--ink);border-color:var(--ink)}.selected .radio-dot:after{content:'';width:6px;height:6px;background:white;border-radius:50%}.portrait{position:relative;width:94px;height:104px;margin:4px auto 13px;border-bottom:1px solid #bbc6b3}.portrait-head{position:absolute;left:31px;top:7px;width:35px;height:47px;border:1.5px solid #a2afa1;border-radius:45% 45% 43% 43%;background:linear-gradient(135deg,#e0e4da,#ced6c9)}.portrait-head:after{content:'';position:absolute;width:10px;height:17px;border:1.5px solid #a2afa1;border-top:0;top:45px;left:11px;background:#d4dccf}.portrait-scarf{position:absolute;top:62px;left:7px;width:82px;height:42px;border-radius:40px 40px 0 0;background:repeating-linear-gradient(106deg,#b7c7a4 0 13px,#8f9f80 13px 21px,#d3ddc8 21px 24px)}.portrait-scarf:after{content:'';position:absolute;top:-7px;left:23px;width:34px;height:19px;border-radius:50%;transform:rotate(-8deg);background:#a8ba93;border:3px solid #c8d5ba}.enhanced .portrait-head{background:linear-gradient(135deg,#f2e9dc,#e0dacd);border-color:#b3b7a8}.enhanced .portrait-head:after{background:#e5dfd1}.sparkle{position:absolute;right:-3px;top:2px;font-size:28px;color:#8c9c70}.condition-card h3{font-size:17px;font-weight:500;margin:0 0 5px}.condition-card p{font-size:12px;color:var(--muted);margin:0 0 14px}.card-tag{font-size:8px;letter-spacing:1.4px;opacity:.6}.start-row{margin-top:24px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;background:var(--ink);color:#fff;border:0;border-radius:9px;padding:0 22px;font-size:13px;letter-spacing:.7px}.primary:hover{background:#354e43}.primary>span:last-child{font-size:21px}.camera-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#899185;margin:14px 0 0;line-height:1.6}.camera-note svg{width:13px;height:15px;flex-shrink:0}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding:20px 0 28px;font-size:9px;letter-spacing:1px;color:#8a9487}.experience{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#111b16}.experience-header{height:60px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 max(14px,env(safe-area-inset-left));background:var(--paper);gap:10px}.experience-header>span{font-size:13px;letter-spacing:1px}.icon-button{border:0;background:transparent;font-size:24px;width:42px;height:42px;text-align:left}.stage{position:relative;flex:1;min-height:0;max-width:680px;width:100%;margin:auto;background:#111b16;overflow:hidden}#tryon-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.loading{position:absolute;inset:0;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.loading h2{font-size:17px;font-weight:500;margin-top:23px}.loading p{font-size:12px;line-height:1.9;color:var(--muted);max-width:290px}.spinner{height:30px;width:30px;border-radius:50%;border:2px solid #d6ddcf;border-top-color:#526b4a;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.experience-footer{min-height:44px;padding:10px 16px max(10px,env(safe-area-inset-bottom));color:#dbe6d3;display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;line-height:1.6;background:#20372e}.status-dot{background:#b3cf92;width:5px;height:5px;border-radius:50%;flex-shrink:0}#retry{color:#fff;border:0;background:#496246;border-radius:5px;padding:5px 9px;margin-left:7px}dialog{max-width:370px;width:calc(100% - 40px);border:0;border-radius:18px;background:var(--paper);padding:28px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#19271c80}dialog h2{font-size:18px}dialog p{font-size:13px;line-height:1.9;color:var(--muted)}
@media(min-width:760px){.intro{position:relative}.intro:after{content:'SCARF / 02';position:absolute;right:0;bottom:28px;font-size:9px;letter-spacing:3px;writing-mode:vertical-rl;color:#9ba58e}.condition-card{display:block;min-height:185px}.portrait{position:absolute;right:35px;bottom:17px;transform:scale(1.05)}.condition-card h3{margin-top:28px}.condition-card p{max-width:170px}.condition-grid{gap:22px}}
@media(max-width:600px){.setup{padding:0 24px}.page-header{height:82px}.wordmark{font-size:11px;letter-spacing:1.2px;gap:7px}.wordmark svg{width:22px}.wordmark-light{letter-spacing:.7px}.intro{padding-top:34px}h1{font-size:36px;margin:17px 0 16px}.lede{font-size:12px}.condition-section{margin-top:29px}.condition-grid{gap:12px}.condition-card{padding:16px 16px 19px;border-radius:12px}.condition-card.selected{padding:15.5px 15.5px 18.5px}.portrait{transform:scale(.85);margin:0 auto;height:102px}.condition-card h3{font-size:15px}.condition-card p{font-size:10px;margin-bottom:11px;min-height:15px}.card-tag{font-size:7px;letter-spacing:1.2px}.start-row{margin-top:20px}.camera-note{font-size:9px;align-items:flex-start}.page-footer{margin-top:29px;font-size:8px;letter-spacing:.4px}.experience-header{height:56px}.experience-header .languages button{min-width:36px;height:26px}.experience-header>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition:none!important}}