:root{--ink:#1c1712;--ink-2:#5b5142;--muted:#93876f;--paper:#f6f2ea;--surface:#ffffff;--line:#e6dfd0;--accent:#a8752f;--accent-soft:#efe6d1;--chrome:#1a1611;--chrome-2:#2a231a;--chrome-ink:#f3ede0;--chrome-muted:#8a7f6c;--placeholder-bg:#eeece5;--placeholder-line:#cfc7b3;--placeholder-ink:#a89d86;--bad:#96392c;--bad-soft:#f1e0da;--good:#3d654a;--good-soft:#e1e9e2}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--chrome);color:var(--ink);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3{font-family:Spectral,Georgia,serif;font-weight:500;margin:0}button{font-family:inherit}a{color:var(--accent);text-decoration:none}input,select,textarea{font-family:inherit;font-size:15px}.shell{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--paper);display:flex;flex-direction:column;box-shadow:0 0 40px #00000040;position:relative;overflow-x:hidden}.header{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:16px;min-height:58px;background:var(--chrome);color:var(--chrome-ink);position:sticky;top:0;z-index:5;box-shadow:0 3px 14px #0000002e}.brand{font-family:Spectral,Georgia,serif;font-weight:600;font-size:17px;display:flex;align-items:center;gap:7px;cursor:pointer;background:none;border:none;color:inherit;padding:0}.gem{color:var(--accent);font-size:15px}.headtitle{font-size:14.5px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.iconbtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:10px;cursor:pointer;color:var(--chrome-ink);position:relative;padding:0}.iconbtn svg{width:21px;height:21px}.badge{position:absolute;top:1px;right:1px;background:var(--accent);color:var(--chrome);font-size:10px;font-weight:700;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px}.content{flex:1}.tabbar{flex:0 0 auto;display:flex;background:var(--chrome);padding:6px 4px calc(10px + env(safe-area-inset-bottom,0px));position:sticky;bottom:0;z-index:5;box-shadow:0 -3px 14px #00000024}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;min-height:48px;background:none;border:none;color:var(--chrome-muted);font-size:10.5px;font-weight:500;cursor:pointer;border-radius:10px}.tab svg{width:21px;height:21px}.tab.active{color:var(--accent)}.ctabar{flex:0 0 auto;padding:14px 20px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}.herophoto{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.heroscrim{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 24px;background:linear-gradient(180deg,#1a161100,#1a161180,#14110deb)}.heroscrim h1{color:#fbf8f2;font-size:26px;line-height:1.18;margin:0 0 8px}.heroscrim p{color:#fbf8f2c7;font-size:13.5px;margin:0}.searchbar{margin:18px 20px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px 14px;color:var(--muted);font-size:13.5px}.searchbar svg{width:18px;height:18px;flex:0 0 auto}.doorgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 28px;background:var(--line)}.door{position:relative;aspect-ratio:3/4;cursor:pointer;background:var(--placeholder-bg);display:flex;align-items:center;justify-content:center;border:none;padding:0}.door svg{width:15%;height:15%;opacity:.32;color:var(--placeholder-ink)}.doorlabel{position:absolute;left:0;right:0;bottom:0;padding:16px 14px;background:linear-gradient(180deg,#14110d00,#14110db8);text-align:left}.doorlabel h3{color:#fbf8f2;font-size:14.5px;margin:0 0 2px}.doorlabel span{color:#fbf8f2b3;font-size:10px}.sectionhead{display:flex;justify-content:space-between;align-items:baseline;padding:8px 20px;margin-top:8px}.sectionhead h2{font-size:18px}.sectionhead button{background:none;border:none;color:var(--ink-2);font-size:11.5px;font-weight:600;text-decoration:underline;cursor:pointer;padding:6px 2px}.hscroll{display:flex;gap:14px;overflow-x:auto;padding:4px 20px 24px}.pcard-h{flex:0 0 158px}.pcard{display:flex;flex-direction:column;cursor:pointer;background:none;border:none;text-align:left;padding:0}.ptile{aspect-ratio:4/5;border-radius:2px;position:relative;overflow:hidden;margin-bottom:10px;background:var(--placeholder-bg);display:flex;align-items:center;justify-content:center}.ptile svg{width:22%;height:22%;opacity:.4;color:var(--placeholder-ink)}.stockbadge{position:absolute;left:7px;bottom:7px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.03em;text-transform:uppercase}.stockbadge.out{background:var(--bad);color:#fff}.stockbadge.in{background:#fffffff0;color:var(--good);box-shadow:0 1px 3px #0000001a}.pname{font-size:12.5px;font-weight:500;line-height:1.35;margin:0 0 3px;color:var(--ink-2)}.prow{display:flex;align-items:center;justify-content:space-between;gap:6px}.pprice{font-size:13px;font-weight:600;font-family:Spectral,Georgia,serif;color:var(--ink)}.prating{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--ink-2)}.prating svg{width:11px;height:11px;color:var(--accent)}.seg-row{display:flex;gap:8px;padding:14px 20px 4px}.seg{flex:1;text-align:center;padding:11px;border-radius:8px;border:1px solid var(--line);font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-2);background:var(--surface)}.seg.active{background:var(--chrome);color:var(--chrome-ink);border-color:var(--chrome)}.filters{display:flex;gap:8px;overflow-x:auto;padding:14px 20px 6px}.chip{padding:8px 15px;border-radius:7px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:500;color:var(--ink-2);cursor:pointer;white-space:nowrap;flex:0 0 auto}.chip.active{background:var(--chrome);color:var(--accent);border-color:var(--chrome)}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:8px 20px 28px}.drow{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left}.dicon{width:46px;height:46px;border-radius:8px;flex:0 0 auto;background:var(--placeholder-bg);border:1px solid var(--placeholder-line);display:flex;align-items:center;justify-content:center}.dicon svg{width:44%;height:44%;color:var(--placeholder-ink)}.dinfo{flex:1;min-width:0}.dname{font-size:13.5px;font-weight:600;margin:0 0 3px;display:flex;align-items:center;gap:6px}.dspec{font-size:11.5px;color:var(--muted)}.dtypechip{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--chrome);color:var(--accent);text-transform:uppercase}.dprice{font-family:Spectral,Georgia,serif;font-weight:600;font-size:14.5px;flex:0 0 auto}.gallery{aspect-ratio:4/5;position:relative;background:var(--placeholder-bg);display:flex;align-items:center;justify-content:center}.gallery svg{width:15%;height:15%;opacity:.3;color:var(--placeholder-ink)}.phupload{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:6px;background:#fffffff0;color:var(--ink);font-size:11px;font-weight:600;padding:8px 13px 8px 10px;border-radius:20px;border:none;box-shadow:0 2px 8px #0000001f}.phupload svg{width:14px;height:14px}.detailbody{padding:26px 22px 12px}.detailtitle{font-size:23px;line-height:1.22;margin:0 0 6px}.detailmeta{font-size:11.5px;color:var(--muted);margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em}.detailprice{font-size:20px;margin:0 0 18px;font-weight:600;font-family:Spectral,Georgia,serif}.stockline{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.stockdot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.desc{font-size:13.5px;line-height:1.7;color:var(--ink-2);margin:0 0 26px}.specgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 26px;padding-top:22px;border-top:1px solid var(--line)}.specitem .k{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px}.specitem .v{font-size:13px;font-weight:500}.reviewhead{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}.ratingsummary{display:flex;align-items:center;gap:9px}.ratingnum{font-size:19px;font-family:Spectral,Georgia,serif}.stars{display:flex;gap:2px}.stars svg{width:13px;height:13px;color:var(--accent)}.revcount{font-size:11.5px;color:var(--muted)}.writebtn{font-size:12px;font-weight:600;color:var(--ink);background:none;border:1px solid var(--ink);border-radius:7px;padding:8px 14px;cursor:pointer}.review{padding:14px 0;border-top:1px solid var(--line)}.revtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.revname{font-size:12.5px;font-weight:600;margin:0}.revtext{font-size:13px;color:var(--ink-2);line-height:1.55;margin:0}.reviewform{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:20px}.reviewform .lbl{font-size:11.5px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.starpicker{display:flex;gap:5px;margin-bottom:14px}.starbtn{width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0}.starbtn svg{width:24px;height:24px;color:var(--accent)}textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;resize:none;min-height:64px;margin-bottom:12px;background:var(--surface);color:var(--ink)}.btnrow{display:flex;gap:10px}.btn-primary{flex:1;background:var(--chrome);color:var(--accent);border:none;border-radius:8px;padding:13px;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 8px #1c171229}.btn-primary:disabled{opacity:.55;cursor:default}.btn-primary svg{width:17px;height:17px}.btn-secondary{flex:1;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:13px;font-size:13.5px;font-weight:600;cursor:pointer}.btn-out{width:100%;background:none;color:var(--ink);border:1.5px solid var(--ink);border-radius:8px;padding:13px;font-size:13.5px;font-weight:600;cursor:pointer}.formfield{padding:0 20px;margin-bottom:15px}.formfield .lbl{display:block;font-size:11px;font-weight:600;color:var(--ink-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.finput,.fselect{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--surface);color:var(--ink)}.confirmwrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 34px}.confirmicon{width:60px;height:60px;border-radius:50%;background:var(--chrome);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex:0 0 auto}.confirmicon svg{width:26px;height:26px;color:var(--accent)}.confirmwrap h2{font-size:19px;margin-bottom:8px}.confirmwrap p{font-size:13.5px;color:var(--ink-2);line-height:1.6;margin:0 0 26px}.cartrow{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.carttile{width:52px;height:52px;border-radius:8px;flex:0 0 auto;background:var(--placeholder-bg);display:flex;align-items:center;justify-content:center}.carttile svg{width:26%;height:26%;color:var(--placeholder-ink)}.cartinfo{flex:1;min-width:0}.cartname{font-size:13.5px;font-weight:600;margin:0 0 2px}.cartprice{font-size:12.5px;color:var(--ink-2)}.removebtn{background:none;border:none;color:var(--muted);font-size:11.5px;cursor:pointer;text-decoration:underline;padding:6px}.emptystate{padding:70px 32px;text-align:center;color:var(--muted);font-size:13.5px}.emptystate svg{width:32px;height:32px;margin-bottom:12px;opacity:.5}.cartnote{padding:16px 20px;font-size:12px;color:var(--ink-2);line-height:1.6;background:var(--accent-soft);margin:6px 20px 0;border-radius:8px}.cartsummary{display:flex;justify-content:space-between;align-items:baseline;padding:0 0 2px}.cartsummary span{font-size:13px;color:var(--ink-2)}.cartsummary b{font-size:18px}.accounttabs{display:flex;gap:8px;padding:16px 20px 6px}.orderrow{padding:15px 20px;border-bottom:1px solid var(--line)}.orderid{font-size:13.5px;font-weight:600}.orderdate{font-size:11px;color:var(--muted);margin-top:1px}.orderdesc{font-size:12.5px;color:var(--ink-2);margin:7px 0 9px;line-height:1.5}.orderfoot{display:flex;justify-content:space-between;align-items:center}.statuschip{font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;background:var(--chrome);color:var(--accent);text-transform:uppercase}.notifyrow{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.toast{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:440px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;font-size:12.5px;text-align:center;box-shadow:0 8px 24px #00000040;z-index:50}.authwrap{padding:32px 24px}.authwrap h1{font-size:24px;margin-bottom:8px}.authwrap p.sub{color:var(--ink-2);font-size:13.5px;margin:0 0 24px}.autherr{color:var(--bad);font-size:12.5px;margin:-6px 0 14px}.authswitch{text-align:center;margin-top:16px;font-size:13px;color:var(--ink-2)}.authswitch button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0}.centernote{padding:60px 32px;text-align:center;color:var(--ink-2);font-size:14px;line-height:1.6}