:root{--ink: #1c1917;--paper: #faf7f2;--line: #e5ded2;--muted: #78716c;--like: #2e7d32;--dislike: #b3261e;--chip: rgba(28, 25, 23, .82)}*{box-sizing:border-box}html,body{margin:0}body{font:15px/1.45 -apple-system,Helvetica Neue,system-ui,sans-serif;color:var(--ink);background:var(--paper)}button{font:inherit;cursor:pointer}.shell{max-width:480px;margin:0 auto;padding-bottom:76px;min-height:100vh}.hdr{position:sticky;top:0;z-index:20;background:var(--paper);padding:14px 16px 10px;border-bottom:1px solid var(--line)}.hdr h1{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.hdr .session-pill{font-size:11px;font-weight:600;color:#fff;background:var(--ink);border-radius:12px;padding:3px 10px}.hdr .sub{color:var(--muted);font-size:12px;margin-top:2px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 16px 16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}.card .imgwrap{aspect-ratio:3 / 4;background:#f2ede4;position:relative;cursor:pointer}.card img{width:100%;height:100%;object-fit:cover;display:block}.card .info{padding:8px 10px 10px}.card .title{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reason{position:absolute;top:8px;left:8px;right:8px;display:flex}.reason span{background:var(--chip);color:#fff;font-size:10.5px;font-weight:600;border-radius:10px;padding:3px 9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .actions{display:flex;gap:6px;padding:0 10px 10px}.iconbtn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:15px;line-height:1;padding:0}.iconbtn.like.on{background:var(--like);border-color:var(--like);color:#fff}.iconbtn.dislike.on{background:var(--dislike);border-color:var(--dislike);color:#fff}.tryon-btn{flex:1;border:none;background:var(--ink);color:#fff;border-radius:17px;font-size:12.5px;font-weight:600}.tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;z-index:30}.tabs .inner{max-width:480px;margin:0 auto;display:flex;flex:1}.tabs button{flex:1;border:none;background:none;padding:10px 0 max(10px,env(safe-area-inset-bottom));color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:2px;align-items:center}.tabs button.on{color:var(--ink);font-weight:700}.tabs .glyph{font-size:19px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191773;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--paper);width:100%;max-width:480px;border-radius:16px 16px 0 0;max-height:94vh;overflow-y:auto;padding:16px 16px 28px}.sheet .close{float:right;border:none;background:none;font-size:20px;color:var(--muted);padding:4px}.sheet h2{margin:2px 0 10px;font-size:17px}.detail img.hero{width:100%;border-radius:12px;border:1px solid var(--line)}.detail .meta{padding:10px 2px}.detail .brand{color:var(--muted);font-size:13px}.detail .price{font-weight:700;margin-top:2px}.hscroll{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px}.hscroll .mini{flex:0 0 96px;cursor:pointer}.hscroll .mini img{width:96px;height:124px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.hscroll .mini .t{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 16px 110px}.onb-card{position:relative;border-radius:12px;overflow:hidden;border:3px solid transparent;cursor:pointer}.onb-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.onb-card.liked{border-color:var(--like)}.onb-card.disliked{border-color:var(--dislike);opacity:.65}.onb-card .mark{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#ffffffeb;border:1px solid var(--line);font-size:13px;line-height:24px;text-align:center}.onb-card .no{position:absolute;bottom:6px;right:6px;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#ffffffeb;font-size:13px;padding:0}.onb-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:12px 16px max(12px,env(safe-area-inset-bottom));z-index:40}.onb-footer .inner{max-width:448px;margin:0 auto;display:flex;gap:10px;align-items:center}.onb-footer .count{flex:1;font-size:13px;color:var(--muted)}.linklike{border:none;background:none;color:var(--muted);text-decoration:underline}.settings{padding:16px;display:flex;flex-direction:column;gap:14px}.settings .box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.settings h3{margin:0 0 6px;font-size:14px}.settings p{margin:0 0 10px;color:var(--muted);font-size:13px}.filterbar{padding:4px 16px 0}.filterbar .row{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.filterbar .row::-webkit-scrollbar{display:none}.filterbar button{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer}.filterbar button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.filterbar button.clear{border-style:dashed}.confirm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.confirm-row span{font-size:13px;color:var(--muted)}.dept-picker{display:flex;gap:6px;padding:8px 0}.dept-picker button{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 0;font-size:13px;font-weight:600;color:var(--muted)}.dept-picker button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.spinner{border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:26px;height:26px;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center;padding:30px 16px;color:var(--muted)}.page{padding-bottom:12px}.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 16px}.box h3{margin:0 0 6px;font-size:14px}.box h4,.page h4{margin:12px 0 6px;font-size:13px}.settings .box{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:11px}.hint{background:#fff8e6;border:1px solid #f0dca8;border-radius:8px;padding:8px 10px;font-size:12.5px}.err.inline{display:inline;margin-left:6px;font-size:12px}.async{display:inline-flex;align-items:center;flex-wrap:wrap}.qabar{position:sticky;top:0;z-index:25;background:var(--ink);color:#fff;padding:8px 12px}.qabar .muted{color:#c9c2b8}.qarow{display:flex;gap:8px;align-items:center}.qabar .btn{background:transparent;color:#fff;border-color:#57534e}.pill{background:#f59e0b;color:var(--ink);font-weight:700;font-size:11px;border-radius:10px;padding:2px 8px}.reqlog{max-height:240px;overflow-y:auto;background:#292524;padding:6px 8px;border-radius:6px;margin-top:6px}.grow{flex:1;min-width:0}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.choices{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px;display:inline-flex;gap:6px;align-items:center}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip:disabled{opacity:.4;text-decoration:line-through}.swatch{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);margin:8px 0}.field input,.field textarea,.page input,.page textarea,.sheet input,.sheet textarea,select{font:inherit;font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff}textarea{width:100%;min-height:60px}.num{width:64px}.ph{display:flex;align-items:center;justify-content:center;text-align:center;background:#efe8dc;color:var(--muted);font-size:11px;padding:8px;width:100%;height:100%;min-height:80px}.split{display:flex;gap:12px;align-items:flex-start}.thumb{width:120px;flex:0 0 120px;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px}.narrow{width:140px;flex:0 0 140px}.plain{list-style:none;padding:0;margin:6px 0}.onb-grid.inline{padding:4px 0 8px}.onb-card .cap{font-size:11px;color:var(--muted);padding:4px;background:#fff}.interstitial{grid-column:1 / -1;background:#fff;border:1px dashed var(--line);border-radius:12px;padding:12px;font-size:13px}.divider{text-align:center;color:var(--muted);font-size:12px;margin:14px 0}.post{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 16px;padding:10px 12px;cursor:pointer}.post-head{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.post-images{display:flex;gap:6px;overflow-x:auto;margin:8px 0}.post-images img,.post-images .ph{width:180px;flex:0 0 180px;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px}.pieces{margin:6px 0;padding-left:18px;font-size:13px}.comment{font-size:13px;padding:4px 0;border-bottom:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap;align-items:baseline}.report{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:center}.details{display:grid;gap:4px;font-size:13px}.details div{display:flex;gap:8px}.details dt{color:var(--muted);min-width:90px}.details dd{margin:0}.hero-mini,.hscroll .hero-mini{width:220px;flex:0 0 220px;aspect-ratio:4 / 5;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.handoff{margin:10px 0}.closet-row .card{max-width:140px}.challenge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#1c191773}.challenge-card{display:grid;gap:12px;justify-items:center;max-width:340px;padding:20px;border-radius:12px;background:var(--paper);color:var(--ink);text-align:center}