body{padding-bottom:76px}.guide{max-width:780px}.guide h2{margin-top:1.4em;font-size:1.8rem}.guide ul{padding-left:20px}.guide li{margin:.3em 0}
.finder{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;margin:18px 0}
.finder form{display:grid;gap:10px}.finder textarea{width:100%;min-height:84px;font:inherit;font-size:16px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.taps{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.taps button,.styled button{flex:none;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:8px 12px;font:inherit;font-size:.85rem;cursor:pointer;min-height:36px}
.chip{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:2px 10px;margin:2px;font-size:.82em;color:var(--glow)}
.disclosure{font-size:.85rem;opacity:.8;margin:.6em 0}.fine{font-size:.78rem;opacity:.65;margin-top:.5em}
.fx-picks{display:grid;gap:14px;padding:0;list-style:none}.fx-picks li{display:grid;grid-template-columns:96px 1fr;gap:14px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px}
.fx-picks h4{font-family:var(--display);font-size:1.35rem;margin-bottom:4px}.fx-picks small{font-family:var(--mono);font-size:.72rem;opacity:.7}.why{margin:.4em 0}
.pk-art{background:var(--panel);border-radius:12px;aspect-ratio:1;display:grid;place-items:center}.sw{width:100%;height:auto}
.styled{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:.5em 0;font-size:.82rem}.styled button[aria-pressed=true]{background:var(--accent);color:var(--onaccent)}
.guides{display:flex;flex-wrap:wrap;gap:8px}.guides a{border:1px solid var(--line);border-radius:99px;padding:8px 14px;text-decoration:none}
.looks{height:min(86svh,760px);overflow-y:auto;scroll-snap-type:y mandatory;max-width:480px;margin:20px auto 0;border-radius:22px;overscroll-behavior:contain}
.look{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border-radius:22px;margin-bottom:8px;transition:opacity .2s,transform .2s}.look.gone{opacity:.2;transform:translateX(-30%)}
.look-img,.look-img img,.look-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.look-ph{display:grid;place-items:center}.look-ph .sw{width:70%;filter:drop-shadow(0 20px 40px #0008)}
.look-cap{position:absolute;left:0;right:0;bottom:0;padding:70px 18px 18px;background:linear-gradient(transparent,#13111Fee 45%)}.look-cap h3{font-size:1.7rem}
.tagai{font:600 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--glow);border:1px solid var(--glow);border-radius:99px;padding:3px 8px}
.look-act{display:flex;gap:8px;margin-top:12px}.look-act .btn{flex:1;text-align:center;min-height:44px}
.bbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.bbar a,.bbar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;min-height:56px;text-decoration:none;color:var(--ink);background:none;border:0;font:inherit;font-size:1.1rem;cursor:pointer}.bbar span{font-size:.72rem}.bbar b{color:var(--accent)}
.sheet{position:fixed;inset:0;z-index:40;background:#0009;display:flex;align-items:flex-end}.sheet[hidden]{display:none}.sheet-in{background:var(--panel);width:100%;max-width:560px;margin:0 auto;border-radius:20px 20px 0 0;padding:18px 18px 90px;max-height:75vh;overflow:auto}
.sheet header{display:flex;justify-content:space-between}.sheet header button{background:none;border:0;color:var(--ink);font-size:1.6rem}
#savedList{list-style:none;display:grid;gap:8px;margin-top:10px}#savedList li{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);border-radius:12px;padding:10px}#savedList small{grid-column:1;opacity:.6}#savedList button{grid-row:1/3;grid-column:2;background:none;border:0;color:var(--ink);font-size:1.3rem}
@media(min-width:900px){.bbar{max-width:520px;left:50%;transform:translateX(-50%);border-radius:18px 18px 0 0;border:1px solid var(--line)}}
@media(max-width:720px){header nav{display:none}.hero{padding:40px 0}.hero .wrap{grid-template-columns:1fr}.orb{display:none}section{padding:48px 0}.looks{height:calc(100svh - 140px);border-radius:0;margin:12px -0px 0}.fx-picks li{grid-template-columns:72px 1fr}}
#tryon{display:grid;gap:.7rem;max-width:560px}#tryon .row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
#tryon select,#tryon input[type=file]{width:100%;padding:.6rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit}
#tryon .consent{display:flex;gap:.5rem;align-items:flex-start;font-size:.9rem}#tryon .consent input{margin-top:.25rem;width:1.1rem;height:1.1rem}
#tryPrev{max-width:140px;border-radius:12px}#tryOut img{width:100%;max-width:420px;border-radius:14px;display:block}#tryOut figcaption{margin-top:.5rem}
.ai-label{display:inline-block;background:var(--accent);color:var(--onaccent);padding:.1rem .5rem;border-radius:99px;font-size:.8rem;font-weight:600}
.look-img img{object-position:center}
.tf-card{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border-radius:22px;margin-bottom:8px;background:var(--panel)}
.tf-img,.tf-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.tf-wait{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;animation:tfp 1.4s ease-in-out infinite alternate}.tf-rest .tf-wait{animation:none}
@keyframes tfp{from{opacity:.5}to{opacity:1}}.tf-cap{position:absolute;left:0;right:0;bottom:0;padding:60px 16px 14px;background:linear-gradient(transparent,#13111Fee 45%)}.tf-cap h3{font-size:1.4rem}
.tryLeft{opacity:.7}#moreBtn{margin-top:.7rem}
.who{border:0;padding:0;margin:12px 0}.who legend{margin-bottom:6px}.who .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:7px 12px;margin:0 6px 6px 0;cursor:pointer;font-size:.9rem}.who .chip input{accent-color:var(--accent)}.who .chip:has(input:checked){background:var(--accent);color:var(--onaccent);border-color:var(--accent)}
/* responsive hardening */
*,*::before,*::after{box-sizing:border-box}
fieldset{min-width:0;max-width:100%}
img,svg,video{max-width:100%;height:auto}
#tryon,#tryon>*,.row>*,.finder,.finder form{min-width:0;max-width:100%}
#tryon input[type=file],#tryon select,.finder textarea,input,select,textarea{width:100%;max-width:100%;font-size:16px;min-height:44px}
#tryon input[type=checkbox],#tryon input[type=radio]{width:auto;min-height:0}
#tryon .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.who .taps{display:flex;flex-wrap:wrap;overflow:visible;gap:8px}
.who .chip{min-height:44px;margin:0}
.btn,button,.taps button,.chip,[data-tap]{min-height:44px}
h1,h2,h3,p,li,a,small,.fine{overflow-wrap:anywhere}
body{overflow-x:clip}
.styled button,.fx-picks button,.look-act .btn,.look-act button{min-height:44px}
#tryPrev{display:block;max-height:220px;width:auto;max-width:100%;object-fit:contain;border-radius:12px;margin:10px 0}#tryPrev[hidden]{display:none}
.custom{display:block;margin:12px 0}.custom input{margin-top:6px}#likeBtn,#moreBtn{margin:8px 8px 0 0}
.tf-card .look-act{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tf-card .look-act>*{width:100%;margin:0;white-space:normal;text-align:center;justify-content:center}.tf-card .look-act .lk-next,.tf-card .look-act .tf-next{grid-column:1/-1}.tf-cap{padding-bottom:16px}.looks.tf-feed{height:calc(100svh - 160px - env(safe-area-inset-bottom));min-height:420px;scroll-margin-top:76px}main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}