@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef4fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif}html,body,#root{background:radial-gradient(90% 55% at 12% -10%,#d6e8ff6b,#0000 46%),radial-gradient(70% 45% at 100% 8%,#5ca4e657,#0000 42%),linear-gradient(168deg,#1d4d78 0%,#123656 28%,#0a223b 62%,#08182c 100%);min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}::selection{color:#fff;background:#3d6ea8}:root{--bg:#071422;--bg-elev:#102033;--bg-soft:#17304c;--line:#bad6f21f;--line-strong:#bad6f238;--text:#eef4fb;--muted:#8ea3bb;--accent:#d7e6f6;--accent-dim:#7eb0e629;--accent-line:#a8cef561;--orange:#f08a45;--orange-deep:#e06a28;--tab-h:70px;--safe-b:env(safe-area-inset-bottom,0px);--display:"Bebas Neue", Impact, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--shadow:0 18px 40px #02081273}.ambient{pointer-events:none;z-index:0;background:linear-gradient(#ffffff29,#0000 22%),linear-gradient(115deg,#0000 18%,#ffffff14 42%,#0000 58%);position:fixed;inset:0;overflow:hidden}.mirror{background:linear-gradient(100deg,#0000 0 34%,#ffffff38 46%,#bee0ff14 52%,#0000 64%),radial-gradient(circle at 50% 120%,#78b4e633,#0000 46%);position:absolute;inset:-20% -10%;transform:rotate(-8deg)}.orb{filter:blur(70px);opacity:.55;animation:drift 16s var(--ease) infinite alternate;border-radius:50%;position:absolute}.orb-a{background:radial-gradient(circle,#5c9adc59,#0000 70%);width:280px;height:280px;top:-90px;left:-70px}.orb-b{background:radial-gradient(circle,#305c9666,#0000 70%);width:320px;height:320px;animation-delay:-5s;top:34%;right:-120px}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(20px,16px)scale(1.06)}}#app{z-index:1;max-width:520px;min-height:100dvh;padding-bottom:calc(var(--tab-h) + var(--safe-b) + 16px);margin:0 auto;position:relative}.page{animation:pageIn .42s var(--ease) both;padding:16px 16px 28px}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.brand-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand-mark{flex-direction:row;align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{background:#fff;border:1px solid #ffffff73;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:inset 0 1px #fffc}.brand-logo img{object-fit:contain;width:30px;height:24px;display:block}.brand-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.brand-copy strong{letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1}.brand-mark small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.icon-btn,.back-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:42px;height:42px;color:var(--text);background:linear-gradient(#ffffff29,#78aadc14);border:1px solid #ffffff38;border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff47}.icon-btn:active,.back-btn:active{transform:scale(.94)}.search-box{animation:pageIn .3s var(--ease);margin-bottom:12px}.search-box input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;color:var(--text);background:linear-gradient(#ffffff1f,#5082b414);border:1px solid #ffffff38;border-radius:16px;outline:none;padding:13px 15px;box-shadow:inset 0 1px #fff3}.brand-rail,.pills{scrollbar-width:none;gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.brand-rail::-webkit-scrollbar{display:none}.pills::-webkit-scrollbar{display:none}.brand-chip,.pill{transition:.22s var(--ease);border-radius:999px;flex:none}.brand-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);letter-spacing:.03em;background:linear-gradient(#ffffff1f,#5a8cbe14);border:1px solid #ffffff29;padding:8px 14px;font-size:12px;font-weight:700;box-shadow:inset 0 1px #fff3}.brand-chip.active{color:#071422;background:var(--accent);border-color:var(--accent)}.pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);background:linear-gradient(#ffffff1a,#28507829);border:1px solid #ffffff1a;padding:9px 15px;font-size:13px;font-weight:600;box-shadow:inset 0 1px #ffffff24}.pill.active{color:var(--text);border-color:var(--accent-line);background:var(--accent-dim)}.toolbar{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.filters{flex-wrap:wrap;gap:12px;display:flex}.filter-chip{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.section-title{font-family:var(--display);letter-spacing:.03em;text-align:right;margin:0 0 14px;font-size:28px;font-weight:400;line-height:1}.section-title.left{text-align:left}.section-title span{color:var(--muted);margin-left:6px;font-family:Manrope,sans-serif;font-size:13px;font-weight:600}.panel-note{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff1f,#2850781f);border:1px solid #ffffff29;border-radius:18px;grid-template-columns:42px 1fr;gap:12px;margin-bottom:14px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff2e}.panel-note__icon{background:var(--accent-dim);border:1px solid var(--line);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.panel-note p,.about-card p,.sheet-desc,.empty-text{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.grid{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.card{animation:cardIn .48s var(--ease) both;flex-direction:column;gap:9px;display:flex}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card-img{aspect-ratio:3/4;background:#f08a45;border:0;border-radius:16px;padding:0;position:relative;overflow:hidden}.card-photo{z-index:1;background:0 0;height:100%;display:block;position:relative;overflow:hidden}.card-photo img,.sheet-img img,.cart-thumb img{object-fit:cover;object-position:center;mix-blend-mode:normal;background:0 0;width:100%;height:100%;display:block}.card-status{z-index:1;color:#071422;background:#fff8f0e6;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.card-status.is-preorder{color:#fff;background:#141c2a8c}.card-name{font-size:13px;font-weight:600;line-height:1.3}.card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-price{font-size:14px;font-weight:700}.card-actions{gap:6px;display:flex}.heart,.plus{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--text);background:#bad6f20a;border-radius:50%;place-items:center;display:grid}.heart.on{color:#ffc7a2;background:#f08a452e;border-color:#f08a458c}.subhead{grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:18px;display:grid}.subhead h1,.sheet-panel.small h3{text-align:center;font-family:var(--display);letter-spacing:.04em;margin:0;font-size:32px;font-weight:400}.empty{text-align:center;padding:56px 20px}.empty-ring{border:1px solid var(--accent-line);background:var(--accent-dim);width:72px;height:72px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 16px;font-size:22px;display:grid}.empty-title{margin-bottom:8px;font-size:22px;font-weight:700}.empty-text{max-width:280px;margin:0 auto 18px}.btn-outline,.btn-primary{border-radius:999px;padding:13px 18px;font-size:14px;font-weight:700}.btn-outline{border:1px solid var(--accent-line);color:var(--text);background:0 0}.btn-primary{color:#071422;background:linear-gradient(#eaf3fc,#c5d8ee);border:0;width:100%}.btn-primary.full{margin-top:14px}.cart-list{flex-direction:column;gap:12px;display:flex}.cart-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff1a,#1e466e2e);border:1px solid #ffffff24;border-radius:16px;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff29}.cart-thumb,.sheet-img{background:#f3efe8;overflow:hidden}.cart-thumb{border-radius:12px;width:74px;height:74px}.cart-item strong,.cart-item small{display:block}.cart-item small{color:var(--muted);margin-top:3px}.rm{color:#ffb4a2;background:0 0;border:0;font-size:22px}.cart-footer{bottom:calc(var(--tab-h) + var(--safe-b) + 8px);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#102033f0;border-radius:18px;margin-top:18px;padding:14px;position:sticky}.cart-total{color:var(--muted);justify-content:space-between;margin-bottom:12px;display:flex}.cart-total strong{color:var(--text);font-family:var(--display);font-size:24px;font-weight:400}.about-card{border:1px solid var(--line);background:linear-gradient(145deg, #7eb0e61f, #bad6f208), var(--bg-elev);border-radius:20px;margin-bottom:16px;padding:18px}.about-card .brand-mark{margin-bottom:12px}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-item{text-align:left;border:1px solid var(--line);width:100%;color:var(--text);background:#bad6f20a;border-radius:16px;grid-template-columns:40px 1fr 24px;align-items:center;gap:10px;padding:14px 12px;display:grid}.mi-icon,.mi-body{display:grid}.mi-icon{background:var(--accent-dim);border-radius:12px;place-items:center;width:40px;height:40px}.mi-body{gap:2px}.mi-body small,.mi-arrow,.footer-note{color:var(--muted)}.footer-note{text-align:center;letter-spacing:.04em;text-transform:uppercase;margin-top:22px;font-size:12px}.tabbar{width:min(520px,100%);height:calc(var(--tab-h) + var(--safe-b));padding:8px 6px calc(8px + var(--safe-b));-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);z-index:40;background:linear-gradient(#ffffff24,#0a20388c);border-top:1px solid #fff3;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff38}.tab{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex;position:relative}.tab-ico{border-radius:12px;place-items:center;width:38px;height:30px;display:grid}.tab.active{color:var(--text)}.tab.active .tab-ico{background:var(--accent-dim);box-shadow:inset 0 0 0 1px var(--line-strong)}.badge{background:var(--orange);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-2px;right:8px}.sheet{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#020810ad;border:0;position:absolute;inset:0}.sheet-panel{-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);border:1px solid var(--line);z-index:1;width:min(520px,100%);max-height:90dvh;animation:sheetUp .38s var(--ease);background:linear-gradient(#d6e6f629,#0c223aeb);border-radius:24px 24px 0 0;position:relative;overflow:auto}@keyframes sheetUp{0%{transform:translateY(28px)}to{transform:none}}.sheet-handle{background:#bad6f247;border-radius:999px;width:42px;height:4px;margin:10px auto 0}.sheet-panel.small{padding:8px 16px 28px}.sheet-panel.small h3{text-align:left;margin-top:12px}.sheet-img{height:250px;margin-top:8px}.sheet-body{padding:16px 16px 28px}.sheet-brand{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.sheet-body h2{margin:6px 0 8px;font-size:24px}.sheet-price{font-family:var(--display);letter-spacing:.03em;margin-bottom:8px;font-size:28px}.delivery-copy{margin-top:14px}.size-label{color:var(--muted);margin-bottom:8px;font-size:13px}.sizes{flex-wrap:wrap;gap:8px;display:flex}.size-btn,.brand-opt{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);font-weight:700}.size-btn{border-radius:12px;min-width:48px;height:42px}.size-btn.active{background:var(--accent);border-color:var(--accent);color:#071422}.brand-options{flex-direction:column;gap:8px;margin-top:16px;display:flex}.brand-opt{text-align:left;border-radius:14px;padding:13px 14px}.brand-opt.active{border-color:var(--accent-line);background:var(--accent-dim)}.toast{left:50%;bottom:calc(var(--tab-h) + var(--safe-b) + 18px);z-index:60;color:#071422;opacity:0;pointer-events:none;transition:.25s var(--ease);white-space:nowrap;background:#eaf3fc;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%)translateY(12px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}