@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root,:root[data-theme="light"]{color-scheme:light;--bg:#f4f3ee;--surface:#fcfcf8;--surface2:#e9ece2;--ink:#273429;--ink2:#727a6d;--ink3:#969c90;--line:#dce0d4;--accent:#344b32;--accent2:#d98559;--good:#526f44;--warn:#aa7648;--bad:#b95d50;--shadow:0 14px 36px #23391a0a;--shadow2:0 3px 12px #23391a0a;--r:15px;--rs:10px;--font:'Manrope','IBM Plex Sans Thai',sans-serif;--mono:'Manrope',sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--bg:#1e2920;--surface:#27342a;--surface2:#334332;--ink:#e7e9dc;--ink2:#b0bca5;--ink3:#82917a;--line:#42513c;--accent:#c0cfa6;--accent2:#d98559;--good:#a2c38b;--warn:#dcb280;--bad:#e09185;--shadow:0 14px 36px #0002;--shadow2:0 3px 12px #0001}
html{scroll-padding-top:108px;scroll-behavior:smooth}body{padding-bottom:0}button{border-radius:8px;font-size:12px;font-weight:500;min-height:42px}button:hover{transform:none}button.primary,.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:none}.soft{background:var(--surface2);color:var(--ink);border:1px solid var(--line)}.text-button{background:transparent;border:0;padding:10px 0;color:var(--ink2);white-space:nowrap}.text-button:hover{color:var(--ink);box-shadow:none}.container{width:min(1340px,calc(100% - 100px))}.prototype-banner{display:none}.topbar{height:84px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.toprow{min-height:84px;gap:25px}.brand{min-width:160px;padding:0;border:0;background:none;gap:10px}.brand:hover{box-shadow:none}.brand .mark{width:34px;height:34px;background:var(--accent);color:var(--bg);border-radius:50%;box-shadow:none;font-size:20px;font-weight:400}.brand strong{font-size:25px;font-weight:800;letter-spacing:-1.4px}.brand strong em{font-style:normal;color:var(--accent2)}.brand small{font-size:7px;letter-spacing:1.5px;text-transform:uppercase;margin-top:-3px}.desktop-nav{display:flex;gap:24px;align-items:center;margin:auto}.desktop-nav button{padding:0;background:none;border:0;position:relative;font-size:11px;color:var(--ink2);white-space:nowrap}.desktop-nav button.active{color:var(--ink);font-weight:700}.desktop-nav button.active:after{content:'';position:absolute;height:3px;width:16px;bottom:-20px;left:calc(50% - 8px);background:var(--accent2)}.desktop-nav button:hover{box-shadow:none;color:var(--ink)}.head-actions{gap:10px}.head-actions .icon-btn{width:32px;min-height:34px;border:0;background:transparent;font-size:20px}.head-actions .status-pill{font-size:8px;border:0;padding:4px 7px;color:var(--ink2);background:var(--surface2);letter-spacing:.6px}.head-actions .primary{padding:8px 15px;font-size:11px}.badge-count{background:var(--accent2);min-width:12px;height:12px;font-size:8px;right:0;top:0}.crumb{display:none}.main{padding-top:36px;min-height:65vh}.main:has(.home-screen){width:100%;padding:0}.bottom-nav{display:none}.footer{margin-top:60px;padding:30px 0;border-top:1px solid var(--line);font-size:10px;text-align:left;color:var(--ink2)}.footer:before{content:'ex2hand / NEXT CHAPTER FOR YOUR GEAR';display:block;letter-spacing:1.4px;color:var(--ink);font-size:9px;margin-bottom:10px}.screen> .between:first-child{padding:8px 0 25px;border-bottom:1px solid var(--line);margin-bottom:20px}.screen>div>div>h1,.screen>div>h1{font-size:36px;letter-spacing:-1px;font-weight:600}.screen>div>div>.muted{font-size:12px;margin-top:8px}.grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}.card{box-shadow:none;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface);overflow:hidden}.card:hover{box-shadow:none}.card.clickable{transition:border-color .2s,transform .2s}.card.clickable:hover{border-color:#9ba78e;transform:translateY(-3px)}.card h3{font-size:14px;font-weight:600;line-height:1.6}.card .price{font-size:22px;letter-spacing:-.5px;font-weight:600;margin:8px 0}.card .meta{font-size:10px;gap:7px}.pill,.tag{font-size:9px;border-radius:5px;background:var(--surface2);color:var(--ink2);border:0;padding:4px 8px}.pill.good{background:#e4ebdc;color:#567043}.pill.warn{background:#f0e8dc;color:#a07945}.card .tiny{font-size:9px;margin-top:8px;line-height:1.7}.card-actions{padding-top:12px;border-top:1px solid var(--line);margin-top:14px}.card-actions button{font-size:10px;flex:1;min-height:34px}.card .fav{min-width:32px;width:32px;min-height:32px;height:32px;font-size:23px;color:var(--accent2);flex-shrink:0}.product-art{height:190px;margin:-18px -18px 18px;background:#e9ece1;position:relative;color:#6c7e5e;border-radius:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.product-art svg{width:85%;height:85%;stroke:none;filter:drop-shadow(0 9px 8px #283b1910);transition:transform .3s}.product-art text{font:6px 'Manrope',sans-serif;fill:#edf0e2;letter-spacing:1.7px;text-anchor:middle}.product-art small{position:absolute;left:14px;bottom:10px;font-size:6px;letter-spacing:1px;color:#839076}.card:hover>.product-art svg{transform:translateY(-3px) rotate(-2deg)}.art-ram{background:#e8e8dc}.art-pc{background:#e3e8dc}.art-monitor{background:#e5e9e0}.filters{border:1px solid var(--line);box-shadow:none;border-radius:12px;background:var(--surface);padding:18px;gap:12px}.filters label{font-size:10px;gap:7px}.filters input,.filters select{font-size:12px;border-radius:7px;min-height:43px;background:var(--bg)}.tabs{gap:6px;border:0;margin:20px 0}.tabs button{font-size:11px;border-radius:30px;background:var(--surface2);padding:7px 20px}.tabs button[aria-selected="true"],.pill.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.category-browser{margin:18px 0}.category-drawer{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none}.category-drawer summary{font-size:12px}.category-chips .pill{border:1px solid var(--line);font-size:10px;min-height:32px}.notice,.market-note{background:var(--surface2);border:1px solid var(--line);border-left:3px solid #b4c29d;border-radius:7px;color:var(--ink2);font-size:11px;padding:14px 16px}.market-note{margin-bottom:18px}.section-head{align-items:center;margin:54px 0 22px}.section-head h2{font-weight:600;letter-spacing:-.7px;font-size:28px}.section-head p{margin-top:7px}.section-head .link{font-size:11px;color:var(--ink)}.masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;column-count:unset;max-width:none}.post-card{width:100%;margin:0}.post-card p{font-size:12px;line-height:1.9;color:var(--ink2);margin-top:8px}.post-card .row{margin-bottom:10px}.post-card h3{margin:12px 0 8px;font-size:16px}.post-art{height:210px;margin:-18px -18px 17px;border-radius:0;background:#b3bca4;position:relative;overflow:hidden}.post-art svg{width:100%;height:100%;max-height:none;max-width:none;stroke:none}.post-art>span{position:absolute;bottom:10px;left:12px;right:12px;display:flex;justify-content:space-between;font-size:9px;color:#fafbf1;text-shadow:0 1px 3px #0005}.post-art>span small{font-size:8px}.post-foot{gap:4px;border-top:1px solid var(--line);padding-top:12px}.post-foot button{font-size:10px;min-height:32px;border:0;background:transparent;padding:4px 7px}.post-foot button.active{color:var(--accent2);background:#d9855915}.avatar{background:var(--surface2);color:var(--ink);border:1px solid var(--line);box-shadow:none}.avatar.sm{font-size:11px}.overline{font-family:'Manrope',sans-serif;font-size:8px;letter-spacing:1.8px;font-weight:600;color:var(--ink2);display:flex;align-items:center;gap:9px}.overline i,.live-scene i{width:5px;height:5px;background:var(--accent2);border-radius:50%;display:inline-block}.explore-track{height:370vh;background:var(--bg)}.explore-stage{position:sticky;top:84px;height:calc(100svh - 84px);min-height:585px;overflow:hidden;border-bottom:1px solid var(--line)}.explore-grid{position:absolute;inset:0;background-image:linear-gradient(#53634706 1px,transparent 1px),linear-gradient(90deg,#53634706 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-word{position:absolute;top:19%;left:35%;font-size:clamp(160px,24vw,400px);font-weight:800;color:var(--surface2);opacity:.7;letter-spacing:-.07em;line-height:1;pointer-events:none}.hero-copy{position:absolute;left:max(calc((100% - 1340px)/2),6%);top:12%;width:36%;z-index:3;pointer-events:none}.hero-copy button{pointer-events:auto}.hero-copy .overline{font-size:8px}.scene-chapter{font-size:8px;letter-spacing:1.2px;color:var(--ink3);margin-top:36px}.hero-copy h1{font-size:clamp(35px,4.2vw,64px);line-height:1.27;font-weight:600;letter-spacing:-1.8px;margin:16px 0 18px;max-width:520px}.hero-copy h1 em{display:inline;font-style:normal;color:var(--accent2)}.scene-description{font-size:12px;line-height:1.95;color:var(--ink2);min-height:75px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:22px}.hero-actions .primary{padding:11px 18px;min-width:185px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.hero-actions .primary span{font-size:18px}.hero-actions .text-button{font-size:10px}.hero-caption{margin-top:32px;font-size:7px;letter-spacing:1.1px;color:var(--ink3)}.hero-caption small{display:block;font-size:9px;letter-spacing:0;margin-top:5px}#pcModel{position:absolute;inset:0 -1% 62px 29%;width:72%;height:calc(100% - 62px);border:0;background:transparent;pointer-events:none;color-scheme:light}.live-scene{position:absolute;top:27px;right:5%;font-size:7px;letter-spacing:1px;color:var(--ink2);display:flex;gap:9px;align-items:center}.live-scene i{background:#8aa072}.live-scene span{color:var(--ink3)}.model-buttons{position:absolute;right:4.3%;top:42%;display:grid;gap:8px}.model-buttons button{border-radius:50%;width:37px;min-height:37px;font-size:20px;background:color-mix(in srgb,var(--bg) 90%,transparent)}.model-tag{position:absolute;right:10%;bottom:20%;display:flex;gap:11px;align-items:center;font-size:8px;letter-spacing:1.6px}.model-tag>span{border:1px solid var(--line);border-radius:50%;padding:8px;font-size:7px}.scene-bottom{position:absolute;bottom:0;width:100%;min-height:88px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);display:flex;align-items:center;gap:20px;padding:12px 5%}.scene-hint{position:relative;font-size:9px;color:var(--ink2);padding-left:32px}.scene-hint>span{position:absolute;left:0;top:0;font-size:23px;color:var(--accent2)}.scene-hint small{display:block;font-size:8px;color:var(--ink3);margin-top:3px}.scene-tabs{display:flex;background:var(--surface2);padding:4px;border:1px solid var(--line);border-radius:40px;margin:auto;gap:3px}.scene-tabs button{background:transparent;border:0;border-radius:30px;font-size:9px;min-height:35px;padding:7px 19px;color:var(--ink2)}.scene-tabs button.active{background:var(--accent);color:var(--bg)}.scene-progress{position:relative;min-width:83px;font-size:23px;font-weight:400}.scene-progress b{font-weight:500}.scene-progress small{font-size:9px;color:var(--ink3)}.scene-progress i{height:2px;max-width:100%;position:absolute;bottom:-5px;left:0;background:var(--accent2);width:0}.home-content{width:min(1340px,calc(100% - 100px));margin:auto;padding-top:70px}.browse-intro{display:flex;align-items:center;justify-content:space-between;gap:40px}.browse-intro h2{font-size:42px;line-height:1.3;font-weight:500;letter-spacing:-1px;margin-top:16px}.browse-intro h2 span{color:var(--ink3)}.discovery-search{width:43%}.discovery-search label{font-size:11px;margin-bottom:10px}.discovery-search>div{display:flex;gap:8px}.discovery-search input{border-radius:7px;background:var(--surface);font-size:12px;min-height:49px}.discovery-search button{min-width:50px;font-size:22px}.discovery-search small{display:block;font-size:9px;margin-top:9px;color:var(--ink3)}.category-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:40px;padding-bottom:30px;border-bottom:1px solid var(--line)}.category-strip button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;position:relative;background:var(--surface);font-size:10px;padding:18px 14px;border-radius:9px}.category-strip button>span{font-size:26px;font-family:Arial;color:var(--ink2)}.category-strip button>b{position:absolute;right:12px;top:12px;font-size:10px;color:var(--ink3);font-weight:400}.category-strip button:hover{background:var(--surface2)}.community-callout{background:#e6eadd;display:grid;grid-template-columns:1fr 1.1fr;margin-top:70px;border-radius:14px;overflow:hidden;color:#2e402a}.community-callout>div:first-child{padding:42px}.community-callout h2{font-size:35px;line-height:1.35;letter-spacing:-1px;font-weight:500;margin:22px 0 16px}.community-callout h2 em{color:#758568;display:block;font-style:normal}.community-callout p:not(.overline){font-size:12px;line-height:1.9;color:#78816d}.community-callout button{margin-top:12px;background:#344b32;color:#f4f3ee}.community-preview{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;background:#d3d9c6}.community-preview .post-art{width:100%;height:100%;margin:0;position:absolute;inset:0}.community-preview svg{height:100%;width:100%;object-fit:cover;opacity:.9}.community-preview>span{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:2px;color:#fafbf0}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:60px}.help-grid article{padding:30px 25px;border-right:1px solid var(--line)}.help-grid article:first-child{padding-left:0}.help-grid article:last-child{border-right:0}.help-grid article>span{font-size:7px;letter-spacing:1.4px;color:var(--ink3)}.help-grid h3{font-size:22px;font-weight:500;margin:20px 0 13px}.help-grid p{font-size:11px;line-height:1.9;color:var(--ink2)}.help-grid button{font-size:11px}.modal{border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 100px #17240e35;max-width:720px}.modal::backdrop{background:#27352277;backdrop-filter:blur(6px)}.modal-head,.modal-foot{background:var(--bg)}.modal-head h2{font-size:23px;font-weight:500}.modal .product-art{margin:0;border-radius:9px;height:220px}.modal .product-art svg{width:70%;height:90%}.modal-body{font-size:13px}.modal-body label{font-size:11px}.modal-body input,.modal-body select,.modal-body textarea{font-size:12px}.drawer{background:var(--bg);border-left:1px solid var(--line)}.chat-layout{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.chat-layout>.card{border:0;border-radius:0}.chat-list{border-right:1px solid var(--line)!important;background:var(--bg)}.chat-item{border-radius:8px}.chat-item.active{background:var(--surface2);border-color:var(--line)}.bubble.me{background:var(--accent);color:var(--bg);border-radius:14px 14px 3px 14px}.bubble{font-size:12px}.chat-panel input{font-size:12px}.empty{padding:45px 20px;border:1px dashed var(--line);background:var(--surface)}.toast{background:var(--ink);color:var(--bg);border-radius:9px;font-size:12px}.stat-card{border:1px solid var(--line);box-shadow:none;background:var(--surface2)}.stat{color:var(--ink);font-size:30px}.stars{color:var(--warn)}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:light;--bg:#f4f3ee;--surface:#fcfcf8;--surface2:#e9ece2;--ink:#273429;--ink2:#727a6d;--ink3:#969c90;--line:#dce0d4;--accent:#344b32;--accent2:#d98559}}
@media(min-width:1600px){.hero-copy{top:19%}}
@media(max-width:1100px){.container,.home-content{width:calc(100% - 56px)}.toprow{gap:15px}.desktop-nav{gap:16px}.brand{min-width:140px}.brand strong{font-size:22px}.head-actions .status-pill{display:none}.hero-copy{left:5%;top:13%}.hero-copy h1{font-size:45px}.hero-caption{display:none}.scene-tabs button{padding:7px 14px}.hero-actions{margin-top:16px}.category-strip{grid-template-columns:repeat(7,minmax(110px,1fr));overflow:auto}.masonry{gap:15px}.community-callout>div:first-child{padding:32px}.community-callout h2{font-size:29px}}
@media(max-width:800px){body{padding-bottom:76px}.container,.home-content{width:calc(100% - 36px)}.topbar,.toprow{height:70px;min-height:70px}.toprow{gap:10px}.brand{min-width:unset}.brand strong{font-size:22px}.brand .mark{width:30px;height:30px;font-size:18px}.brand small{font-size:6px}.desktop-nav{display:none}.head-actions{margin-left:auto;gap:3px}.head-actions .primary{font-size:10px;padding:7px 11px;min-height:35px}.head-actions #themeBtn{display:none}.head-actions .icon-btn{width:30px}.main{padding-top:24px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:0;border:0;border-top:1px solid var(--line);background:var(--bg);box-shadow:none;padding:7px 7px max(7px,env(safe-area-inset-bottom));height:auto;z-index:40;justify-content:space-around}.bottom-nav button{border:0;min-width:0;flex:1;font-size:19px;line-height:1;min-height:49px;padding:5px 0;border-radius:8px;display:flex;flex-direction:column;gap:6px;background:transparent;color:var(--ink3)}.bottom-nav button span{font-size:8px;display:block}.bottom-nav button.active{background:var(--surface2);color:var(--ink)}.explore-stage{top:70px;height:calc(100svh - 133px);min-height:605px}.explore-track{height:360vh}.hero-copy{top:27px;left:6%;width:88%;pointer-events:none}.hero-copy .overline{font-size:7px;letter-spacing:1.5px}.scene-chapter{margin-top:17px;font-size:6px}.hero-copy h1{font-size:34px;letter-spacing:-.9px;line-height:1.18;margin:12px 0}.scene-description{font-size:10px;line-height:1.8;min-height:54px;max-width:240px}.hero-actions{position:absolute;top:170px;left:0;gap:0}.hero-actions .primary{padding:7px 11px;min-width:160px;min-height:33px;font-size:9px}.hero-actions .text-button{display:none}.hero-word{top:48%;left:5%;font-size:37vw}#pcModel{inset:29% -21% 65px 0;width:121%;height:calc(71% - 65px)}.live-scene{top:16px;right:5%;font-size:5px;gap:4px;letter-spacing:.4px}.model-buttons{right:5%;top:57%;gap:7px}.model-buttons button{width:31px;min-height:31px;font-size:17px}.model-tag{bottom:16%;right:7%;font-size:6px;letter-spacing:1px}.model-tag>span{padding:6px;font-size:6px}.scene-bottom{min-height:69px;padding:12px 5%;gap:10px}.scene-hint{display:none}.scene-tabs{margin:0;flex:1;gap:0;padding:3px}.scene-tabs button{font-size:7px;min-height:30px;padding:5px 9px;flex:1;white-space:nowrap}.scene-progress{min-width:39px;font-size:18px}.scene-progress small{display:none}.home-content{padding-top:42px}.browse-intro{flex-direction:column;align-items:stretch;gap:24px}.browse-intro h2{font-size:32px;margin-top:12px}.discovery-search{width:100%}.category-strip{margin-top:28px;gap:8px;padding-bottom:24px;grid-template-columns:repeat(7,108px)}.category-strip button{padding:13px 11px;min-height:86px;font-size:9px;gap:8px}.category-strip button>span{font-size:22px}.section-head{margin:32px 0 18px;gap:12px}.section-head h2{font-size:21px}.section-head .text-button{font-size:9px}.section-head p.small{font-size:10px;line-height:1.8}.section-head .overline{font-size:6px;letter-spacing:1.1px}.grid,.featured-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:12px;border-radius:10px}.product-art{margin:-12px -12px 13px;height:140px}.product-art small{font-size:5px;left:9px;bottom:8px}.card h3{font-size:11px;line-height:1.7}.card .price{font-size:18px}.card .fav{width:23px;min-width:23px;font-size:20px;min-height:29px}.card .meta{font-size:8px;gap:5px}.pill,.tag{font-size:7px;padding:4px 6px}.card .tiny{font-size:7px}.card-actions{gap:5px;padding-top:10px}.card-actions button{font-size:8px;padding:6px 3px;min-height:30px}.community-callout{margin-top:35px;grid-template-columns:1fr;border-radius:12px}.community-callout>div:first-child{padding:27px}.community-callout h2{font-size:30px;margin-top:16px}.community-callout p:not(.overline){font-size:11px}.community-preview{min-height:250px}.masonry{grid-template-columns:1fr;max-width:560px;margin:auto}.post-art{height:230px;margin:-12px -12px 15px}.post-card h3{font-size:17px}.post-card p{font-size:12px}.post-card .tiny{font-size:10px}.post-card .tag{font-size:9px}.post-foot button{font-size:10px;flex:1}.help-grid{grid-template-columns:1fr;margin-top:35px}.help-grid article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.help-grid article:last-child{border-bottom:0}.help-grid h3{font-size:23px;margin:14px 0 10px}.help-grid p{font-size:12px}.help-grid article>span{font-size:8px}.footer{font-size:9px;line-height:1.9;margin-top:35px}.footer:before{font-size:7px}.screen>div>div>h1,.screen>div>h1{font-size:28px}.screen> .between:first-child{align-items:flex-start;gap:10px}.screen> .between:first-child .primary{font-size:10px;white-space:nowrap}.filters{padding:13px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.filters .searchf{grid-column:1/-1}.filters input,.filters select{font-size:11px}.category-drawer summary{font-size:11px}.category-drawer .small{font-size:9px}.tabs{flex-wrap:wrap;gap:5px}.tabs button{font-size:10px;padding:6px 15px}.notice{font-size:10px;line-height:1.9}.modal{width:calc(100% - 20px);margin:10px auto;border-radius:12px;max-height:calc(100dvh - 20px)}.modal-head{padding:18px}.modal-head h2{font-size:19px}.modal-body{padding:18px}.modal .product-art{height:185px}.modal-foot{padding:12px 18px;gap:8px}.modal-foot button{font-size:11px}.chat-layout{grid-template-columns:1fr}.chat-list{display:flex;overflow-x:auto;padding:10px!important;border-bottom:1px solid var(--line);border-right:0!important}.chat-item{min-width:155px;max-width:185px;flex-shrink:0}.chat-item b{font-size:11px}.chat-item small{font-size:9px}.chat-panel{min-height:400px}.messages{min-height:230px}.form-grid,.grid-2,.settings-grid{grid-template-columns:1fr}.grid-2 .card h3{font-size:15px}.tech-top h3{font-size:15px}.profile-head{gap:15px}.profile-head h1{font-size:23px}.profile-avatar{width:65px;height:65px}.stats{grid-template-columns:repeat(4,1fr);gap:7px}.stat-card{padding:10px 4px}.stat{font-size:22px}.stat-card .tiny{font-size:8px}.toast-region{bottom:83px}.drawer{max-width:100%}}
@media(max-width:380px){.head-actions .primary{font-size:9px;padding:7px 8px}.brand strong{font-size:20px}.scene-tabs button{padding:5px 6px}.hero-copy h1{font-size:31px}.live-scene{display:none}.card h3{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
button>svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle;margin-right:6px}.filters{display:grid;grid-template-columns:minmax(190px,2fr) repeat(5,minmax(0,1fr))}.filters .field,.filters .field.searchf{min-width:0}.filters label{min-width:0}.footer{margin:60px auto 0;padding-bottom:32px}.screen>.between:first-child>.primary{white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:7px}.screen>.between:first-child>div{min-width:0}
@media(max-width:1100px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters .searchf{grid-column:span 2}}
@media(max-width:800px){.bottom-nav{transform:none;max-width:none}.bottom-nav button{width:auto}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filters .field,.filters .field.searchf{min-width:0}.filters .searchf{grid-column:1/-1}.screen>.between:first-child>.primary{min-width:0;padding:9px 11px}.screen>.between:first-child>.primary svg{width:13px;height:13px;margin:0}.screen>div>div>.muted{font-size:10px;line-height:1.9}.footer{margin:35px auto 0}.scene-caption{display:none}}
@media(max-width:800px){.explore-stage{min-height:0}#pcModel{inset:215px -21% 65px 0;height:calc(100% - 280px)}}
@media(max-width:800px){.hero-actions{position:static;margin-top:12px}.scene-description{margin-bottom:0}#pcModel{inset:250px -21% 65px 0;height:calc(100% - 315px)}}
/* Shared outline icons and floating primary navigation. */
.ui-icon{display:inline-block;width:20px;height:20px;min-width:20px;vertical-align:middle;flex-shrink:0;stroke-width:1.65}.inline-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}.inline-icon>.ui-icon{width:15px;height:15px;min-width:15px}.ui-icon.is-filled{stroke-width:1.4}.icon-btn>.ui-icon,.close>.ui-icon{margin:0}.head-actions .icon-btn .ui-icon{width:20px;height:20px;margin:0}.head-actions .primary{display:flex;align-items:center;gap:7px}.category-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px}.category-icon .ui-icon{width:29px;height:29px;stroke-width:1.45}.category-strip button>b .ui-icon{width:13px;height:13px;min-width:13px}.model-buttons .ui-icon{width:18px;height:18px;margin:0}.model-buttons button{display:grid;place-items:center}.card .fav .ui-icon{width:20px;height:20px;min-width:20px;margin:0}.stars .ui-icon{width:12px;height:12px;min-width:12px}.post-foot button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.scene-hint>span{display:flex;align-items:center;justify-content:center;top:1px}.scene-hint .ui-icon{width:23px;height:23px}.desktop-nav{display:none!important}body{padding-bottom:120px}.bottom-nav{position:fixed;display:flex;left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);height:auto;z-index:45;padding:8px;gap:4px;align-items:center;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:23px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(22px);box-shadow:0 10px 40px #26361b16,0 2px 5px #26361b08}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:68px;width:68px;min-height:57px;padding:8px 9px;border:0;border-radius:15px;background:transparent;color:var(--ink2);font-weight:500;transition:background .18s,color .18s}.bottom-nav button:hover{background:var(--surface2);box-shadow:none}.bottom-nav button.active{background:var(--accent);color:var(--bg);font-weight:600;border-radius:15px}.bottom-nav .nav-icon{display:flex;align-items:center;justify-content:center}.bottom-nav .nav-icon .ui-icon{width:20px;height:20px;margin:0;stroke-width:1.65}.bottom-nav .nav-label{display:block;font-size:9px;line-height:1.2;white-space:nowrap}.bottom-nav button:after{display:none}.scene-bottom{bottom:105px;min-height:66px}.scene-hint{font-size:8px}#pcModel{inset:0 -1% 155px 29%;height:calc(100% - 155px)}.model-tag{bottom:32%}.hero-caption{display:none}.home-content{padding-bottom:10px}.toast-region{bottom:112px}.footer{padding-bottom:35px}.category-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.category-strip button{min-width:0;white-space:normal}
@media(max-width:1100px) and (min-width:801px){.category-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.category-strip button{font-size:9px;padding:14px 9px}}
@media(max-width:800px){body{padding-bottom:108px}.bottom-nav{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 24px);max-width:440px;padding:6px;gap:2px;border:1px solid var(--line);border-radius:20px;justify-content:center;box-shadow:0 7px 28px #26361b1c}.bottom-nav button{flex:1;min-width:0;width:auto;min-height:52px;padding:7px 1px;gap:6px;border-radius:13px}.bottom-nav button.active{border-radius:13px}.bottom-nav .nav-label{font-size:8px}.bottom-nav .nav-icon .ui-icon{width:19px;height:19px}.bottom-nav button span.nav-icon{font-size:0}.explore-stage{height:calc(100svh - 70px)}.scene-bottom{bottom:99px;min-height:59px;padding:9px 5%}#pcModel{inset:250px -21% 165px 0;height:calc(100% - 415px)}.model-tag{bottom:28%;font-size:5px}.scene-tabs button{min-height:29px}.category-strip{display:grid;grid-template-columns:repeat(14,107px);overflow-x:auto;scroll-snap-type:x proximity;gap:8px}.category-strip button{scroll-snap-align:start;padding:13px 11px;font-size:9px}.category-icon .ui-icon{width:25px;height:25px}.model-buttons{top:56%}.hero-copy{top:22px}.hero-actions{margin-top:10px}.toast-region{bottom:100px}.footer{padding-bottom:15px}}
@media(max-width:380px){.bottom-nav .nav-label{font-size:7px}.bottom-nav .nav-icon .ui-icon{width:18px;height:18px}}
@media(min-width:801px){.hero-copy{top:10%}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-actions .text-button{font-size:9px}}