:root{--surface: #FFFFFF;--page: #F5F7FA;--surface-sunken: #EEF1F5;--primary: #2563EB;--primary-hover: #1D4ED8;--primary-active: #1E40AF;--selected: #DBEAFE;--primary-soft: #EFF6FF;--text: #1F2937;--text-2: #4B5563;--text-3: #6B7280;--border: #D1D5DB;--border-strong: #9CA3AF;--divider: #E5E7EB;--success: #15803D;--success-bg: #DCFCE7;--warning: #B45309;--warning-bg: #FEF3C7;--error: #B91C1C;--error-bg: #FEE2E2;--info: #1D4ED8;--info-bg: #DBEAFE;--disabled: #9CA3AF;--disabled-bg: #F3F4F6;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--control-h: 44px;--shadow-1: 0 1px 2px rgba(17, 24, 39, .06);--shadow-2: 0 4px 16px rgba(17, 24, 39, .08);--shadow-3: 0 12px 40px rgba(17, 24, 39, .14);--focus: 0 0 0 3px rgba(37, 99, 235, .35);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--maxw: 1280px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 var(--s3);line-height:1.25;color:var(--text)}h1{font-size:30px;font-weight:700;letter-spacing:-.01em}h2{font-size:22px;font-weight:600}h3{font-size:18px;font-weight:600}h4{font-size:15px;font-weight:600}p{margin:0 0 var(--s3)}small,.small{font-size:13px}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;background:var(--primary);color:#fff;padding:10px 16px;border-radius:var(--r-sm);z-index:1000}.skip-link:focus{top:8px}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--s4)}.stack{display:flex;flex-direction:column;gap:var(--s4)}.stack-sm{display:flex;flex-direction:column;gap:var(--s2)}.row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.grow{flex:1;min-width:0}.grid{display:grid;gap:var(--s4)}.grid-2{display:grid;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{display:grid;gap:var(--s4);grid-template-columns:repeat(4,minmax(0,1fr))}.products-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width: 1023px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){h1{font-size:24px}h2{font-size:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.hide-mobile{display:none!important}}@media (min-width: 768px){.show-mobile{display:none!important}}.section{margin:var(--s6) 0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.page-head p{margin:4px 0 0;color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-pad{padding:var(--s5)}.card-head{padding:var(--s4) var(--s5);border-bottom:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.card-head h2,.card-head h3{margin:0}.card-body{padding:var(--s5)}@media (max-width: 767px){.card-pad,.card-body{padding:var(--s4)}.card-head{padding:var(--s3) var(--s4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--control-h);padding:0 var(--s4);border-radius:var(--r-sm);border:1px solid transparent;font:500 15px/1 var(--font);cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-active)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-strong);background:#fafafb}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-soft)}.btn-danger{background:var(--surface);color:var(--error);border-color:#fca5a5}.btn-danger:hover{background:var(--error-bg)}.btn-success{background:var(--success);color:#fff}.btn-sm{min-height:36px;padding:0 var(--s3);font-size:14px}.btn-lg{min-height:52px;padding:0 var(--s5);font-size:16px}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--disabled);border-color:var(--divider);cursor:not-allowed}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text-2);cursor:pointer}.icon-btn:hover{background:var(--surface-sunken);color:var(--text)}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:13.5px;font-weight:500;color:var(--text);display:flex;gap:4px;align-items:center}.field-label>label{display:inline-flex;gap:4px;align-items:baseline}.infotip{display:inline-flex;position:relative;vertical-align:middle}.infotip-btn{display:inline-grid;place-items:center;width:22px;height:22px;margin:-3px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--text-3);cursor:help}.infotip-btn:hover,.infotip-btn[aria-expanded=true]{color:var(--primary);background:var(--primary-soft)}.infotip-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.infotip-bubble{position:fixed;z-index:1000;max-width:min(280px,calc(100vw - 16px));padding:8px 10px;border-radius:8px;background:#1f2937;color:#f9fafb;font-size:12.5px;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:normal;white-space:normal;text-align:left;box-shadow:0 6px 20px #0000002e;pointer-events:none;visibility:hidden;opacity:0;left:-9999px;top:0}.infotip-bubble.open{visibility:visible;opacity:1;transition:opacity .12s}.check-row{display:inline-flex;align-items:center;gap:2px}.info-label{display:inline-flex;align-items:center;gap:4px}@media (prefers-reduced-motion: reduce){.infotip-bubble.open{transition:none}}.field-label .req{color:var(--error)}.field-label .opt{color:var(--text-3);font-weight:400;font-size:12.5px}.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font:400 15px/1.4 var(--font);color:var(--text);transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-3);opacity:1}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--error)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--disabled-bg);color:var(--text-3);cursor:not-allowed}.input[readonly]{background:var(--page)}.textarea{min-height:110px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234B5563' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.input-group{position:relative;display:flex;align-items:stretch}.input-group .prefix,.input-group .suffix{display:grid;place-items:center;padding:0 12px;background:var(--page);border:1px solid var(--border);color:var(--text-2);font-size:14px}.input-group .prefix{border-right:0;border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-group .suffix{border-left:0;border-radius:0 var(--r-sm) var(--r-sm) 0}.input-group .prefix+.input{border-radius:0 var(--r-sm) var(--r-sm) 0}.input-group .input:has(+.suffix){border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.help{font-size:13px;color:var(--text-3)}.error-text{font-size:13px;color:var(--error);display:flex;gap:6px;align-items:flex-start}.error-text:before{content:"!";flex:none;width:16px;height:16px;border-radius:50%;background:var(--error);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}.check{display:inline-flex;align-items:center;gap:var(--s2);cursor:pointer;min-height:32px;font-size:15px}.check input{width:18px;height:18px;accent-color:var(--primary)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);font-size:14px;cursor:pointer;min-height:34px;color:var(--text)}.chip[aria-pressed=true],.chip.active{background:var(--selected);border-color:var(--primary);color:var(--primary-active)}.chip:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s5)}.form-grid .span-2{grid-column:1 / -1}@media (max-width: 767px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2{grid-column:auto}}.form-section{padding-bottom:var(--s5);margin-bottom:var(--s5);border-bottom:1px solid var(--divider)}.form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.form-section>h3{margin-bottom:var(--s4)}.form-actions{display:flex;gap:var(--s3);justify-content:flex-end;flex-wrap:wrap;padding-top:var(--s4)}.error-summary{border:1px solid #FCA5A5;background:var(--error-bg);border-radius:var(--r-md);padding:var(--s4);color:var(--error)}.error-summary ul{margin:var(--s2) 0 0;padding-left:20px}.error-summary a{color:var(--error);text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:500;line-height:20px;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--surface-sunken);color:var(--text-2)}.alert{display:flex;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);border:1px solid;font-size:14px;align-items:flex-start}.alert-info{background:var(--primary-soft);border-color:#bfdbfe;color:#1e3a8a}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#78350f}.alert-error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.alert strong{display:block;margin-bottom:2px}.topbar{background:var(--text);color:#e5e7eb;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:var(--s3);min-height:34px;align-items:center}.topbar a{color:#e5e7eb}.header{background:var(--surface);border-bottom:1px solid var(--divider);position:sticky;top:0;z-index:40}.header-inner{display:flex;align-items:center;gap:var(--s4);min-height:68px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--text);text-decoration:none!important;letter-spacing:-.01em}.logo-mark{width:32px;height:32px;object-fit:contain;flex-shrink:0}.logo-wordmark{display:block;height:36px;width:auto;flex-shrink:0}.logo small{display:block;font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:.02em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.header-action{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:var(--r-sm);color:var(--text-2);font-size:12px;text-decoration:none!important;background:none;border:0;cursor:pointer;font-family:var(--font)}.header-action:hover{background:var(--page);color:var(--text)}.count-dot{position:absolute;top:2px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}.catnav{border-top:1px solid var(--divider)}.catnav ul{list-style:none;display:flex;gap:var(--s1);margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.catnav a{display:block;padding:12px 14px;color:var(--text-2);font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent}.catnav a:hover,.catnav a.active{color:var(--primary);border-bottom-color:var(--primary)}.search{position:relative;flex:1;max-width:560px}.search .input{padding-left:42px;background:var(--page);border-color:transparent}.search .input:focus{background:var(--surface)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-md);box-shadow:var(--shadow-3);padding:6px;z-index:60;list-style:none;margin:0}.suggest li button{width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-sm);border:0;background:none;font:inherit;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;gap:8px}.suggest li button[aria-selected=true],.suggest li button:hover{background:var(--page)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--divider);display:none;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;color:var(--text-2);font-size:11.5px;text-decoration:none;min-height:56px;justify-content:center;position:relative}.bottom-nav a.active{color:var(--primary)}@media (max-width: 767px){.bottom-nav{display:flex}body.store{padding-bottom:70px}.header-inner{min-height:60px;flex-wrap:wrap;padding:8px 0}.search{order:3;flex-basis:100%;max-width:none}}.hero{--hero-bg: linear-gradient(115deg, #F5F9FF 0%, #E3EEFF 48%, #C9DDFF 100%);--hero-accent: #2563EB;--hero-ink: #1E3A8A;--hero-text: #111827;--hero-sub: #374151;--hero-chip: rgba(37,99,235,.1);position:relative;border-radius:20px;overflow:hidden;background:var(--hero-bg);color:var(--hero-text);padding:40px 48px 64px;min-height:360px;isolation:isolate}.hero:before{content:"";position:absolute;inset:auto -10% -45% auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#ffffffa6,#fff0);z-index:-1}.hero.theme-sand{--hero-bg: linear-gradient(115deg, #FFFCF2 0%, #FEF3C7 55%, #FCE38A 100%);--hero-accent: #D97706;--hero-ink: #78350F;--hero-sub: #57534E;--hero-chip: rgba(217,119,6,.12)}.hero.theme-mint{--hero-bg: linear-gradient(115deg, #F3FCF8 0%, #D9F5E8 55%, #B4EBD3 100%);--hero-accent: #059669;--hero-ink: #064E3B;--hero-sub: #3F4F49;--hero-chip: rgba(5,150,105,.12)}.hero.theme-rose{--hero-bg: linear-gradient(115deg, #FFF7F8 0%, #FFE4EA 55%, #FECDD8 100%);--hero-accent: #E11D48;--hero-ink: #881337;--hero-sub: #57434A;--hero-chip: rgba(225,29,72,.1)}.hero.theme-slate{--hero-bg: linear-gradient(115deg, #0F172A 0%, #1E293B 60%, #334155 100%);--hero-accent: #60A5FA;--hero-ink: #BFDBFE;--hero-text: #F8FAFC;--hero-sub: #CBD5E1;--hero-chip: rgba(255,255,255,.12)}.hero.theme-slate .btn-primary{background:#fff;color:#0f172a}.hero.theme-slate:before{background:radial-gradient(closest-side,#60a5fa40,#60a5fa00)}.hero-stage{animation:hero-in .45s ease both}@keyframes hero-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;min-height:280px}.hero-slide.visual-art{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--hero-chip);color:var(--hero-ink);font-size:12.5px;font-weight:600;letter-spacing:.02em}.hero h2{margin:0;font-size:clamp(28px,3.4vw,42px);line-height:1.12;font-weight:750;letter-spacing:-.025em;max-width:15em;color:var(--hero-text);text-wrap:balance}.hero p{margin:0;font-size:17px;line-height:1.55;color:var(--hero-sub);max-width:32em;text-wrap:pretty}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}.hero-actions .btn-lg{box-shadow:0 6px 18px #2563eb40}.hero-note{font-size:13px;color:var(--hero-sub)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;min-width:0}.hero-art{width:min(300px,100%);height:auto}.hero-photo{width:100%;height:300px;object-fit:cover;border-radius:16px;box-shadow:0 18px 40px #0f172a2e}.hero-mosaic{display:grid;gap:16px;width:100%;max-width:620px;margin-left:auto;align-items:stretch}.hero-mosaic.n1{grid-template-columns:minmax(0,270px);justify-content:center;margin-right:auto}.hero-mosaic.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px}.hero-mosaic.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-mosaic.n4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-mosaic .hp-img{aspect-ratio:3 / 4}.hero-mosaic.n4 .hp-body{padding:8px 10px 10px}.hero-mosaic.n4 .hp-name{font-size:12.5px}.hero-product{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none!important;color:var(--text);box-shadow:0 10px 26px #0f172a1f;transition:transform .18s ease,box-shadow .18s ease;min-width:0}.hero-product:hover,.hero-product:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px #0f172a2e}.hero-product:focus-visible{outline:3px solid var(--hero-accent);outline-offset:2px}.hp-img{display:block;aspect-ratio:4 / 3;background:#f3f4f6;overflow:hidden}.hp-img img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.hp-body{display:flex;flex-direction:column;gap:2px;padding:9px 12px 11px}.hp-name{font-size:13.5px;font-weight:500;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.hp-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;font-size:14px}.hp-off{font-size:12px;font-weight:600;color:var(--success);white-space:nowrap}.visual-image-products .hero-visual{flex-direction:column;align-items:stretch}.hero-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);gap:10px;margin:-56px 14px 0;position:relative}.hero-product.sm{flex-direction:row;align-items:center;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-product.sm .hp-img{width:52px;height:52px;aspect-ratio:1;flex-shrink:0;margin:7px 0 7px 7px;border-radius:9px}.hero-product.sm .hp-body{padding:6px 10px;min-width:0}.hero-product.sm .hp-name{font-size:12.5px}.hero-controls{position:absolute;left:48px;bottom:20px;display:flex;align-items:center;gap:10px}.hero-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(15,23,42,.12);background:#fffc;color:#111827;cursor:pointer}.hero-arrow:hover{background:#fff}.hero-arrow:focus-visible,.hero-dots button:focus-visible{outline:3px solid var(--hero-accent);outline-offset:2px}.hero-dots{display:flex;gap:6px;align-items:center}.hero-dots button{position:relative;width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#0f172a38;cursor:pointer;overflow:hidden;transition:width .25s}.theme-slate .hero-dots button{background:#ffffff4d}.hero-dots button[aria-current=true]{width:30px;background:#0f172a2e}.hero-dots button[aria-current=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-accent);border-radius:inherit}.hero-dots button.running:after{transform-origin:left;animation:hero-progress 7s linear both}@keyframes hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.hero-stage{animation:none}.hero-product,.hero-dots button{transition:none}}@media (max-width: 1023px){.hero{padding:32px 32px 64px}.hero-slide,.hero-slide.visual-art{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px}.hero-controls{left:32px}.hero-mosaic.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mosaic.n4 .hp-img{aspect-ratio:4 / 3}}@media (max-width: 767px){.hero{padding:24px 20px 64px;min-height:0;border-radius:16px}.hero-slide,.hero-slide.visual-art{grid-template-columns:minmax(0,1fr);gap:20px;min-height:0}.hero p{font-size:15px}.visual-art .hero-visual{display:none}.hero-visual{min-height:0}.hero-photo{height:190px}.hero-mosaic,.hero-mosaic.n3,.hero-mosaic.n4,.hero-mosaic.n2{display:grid;grid-auto-flow:column;grid-auto-columns:46%;grid-template-columns:none;grid-template-rows:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;max-width:none;gap:12px}.hero-mosaic .hero-product{scroll-snap-align:start}.hero-mosaic .hp-img,.hero-mosaic.n4 .hp-img{aspect-ratio:4 / 5}.hero-visual{display:block;width:100%}.hero-mosaic,.hero-strip{width:100%;min-width:0}.hero-strip{margin:10px 0 0;overflow-x:auto;grid-auto-columns:70%}.hero-controls{left:20px;bottom:18px}}.product-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;position:relative;color:var(--text);text-decoration:none!important}.product-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.product-card .thumb{aspect-ratio:4/5;background:var(--page);display:grid;place-items:center;overflow:hidden}.product-card .thumb img{width:100%;height:100%;object-fit:cover}.product-card .body{padding:var(--s3);display:flex;flex-direction:column;gap:4px;flex:1}.product-card .brand{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.product-card .name{font-size:14.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price .now{font-weight:700;font-size:16px;color:var(--text)}.price .mrp{color:var(--text-3);text-decoration:line-through;font-size:13px}.price .off{color:var(--success);font-size:13px;font-weight:600}.wholesale-tag{font-size:12.5px;color:var(--primary-active);background:var(--primary-soft);padding:4px 8px;border-radius:6px;align-self:flex-start;font-weight:500}.tag-corner{position:absolute;top:10px;left:10px}.rating{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--success)}.cat-tile{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center;color:var(--text);font-weight:500;font-size:14px;text-decoration:none!important}.cat-tile:hover{border-color:var(--primary);color:var(--primary)}.cat-icon{width:56px;height:56px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,220px);gap:var(--s4);overflow-x:auto;padding-bottom:var(--s2);scroll-snap-type:x mandatory}.rail>*{scroll-snap-align:start}@media (max-width: 767px){.rail{grid-auto-columns:46%;gap:var(--s3)}}.listing{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s5);align-items:start}.filters{position:sticky;top:140px;max-height:calc(100vh - 160px);overflow:auto}.filter-group{padding:var(--s4) 0;border-bottom:1px solid var(--divider)}.filter-group:first-child{padding-top:0}.filter-group h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:var(--s2)}@media (max-width: 1023px){.listing{grid-template-columns:minmax(0,1fr)}.filters{display:none}.filters.open{display:block;position:fixed;right:0;bottom:0;left:0;top:auto;max-height:85vh;z-index:90;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--s5);box-shadow:var(--shadow-3)}}.pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s6)}.gallery-main{aspect-ratio:1;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--divider);overflow:hidden;display:grid;place-items:center}.gallery-main img{width:100%;height:100%;object-fit:contain}.gallery-thumbs{display:flex;gap:var(--s2);margin-top:var(--s3);overflow-x:auto}.gallery-thumbs button{width:72px;height:72px;border-radius:var(--r-sm);border:2px solid transparent;padding:0;overflow:hidden;background:var(--surface);cursor:pointer;flex:none}.gallery-thumbs button[aria-current=true]{border-color:var(--primary)}.sticky-buy{display:none}@media (max-width: 1023px){.pdp{grid-template-columns:minmax(0,1fr);gap:var(--s4)}}@media (max-width: 767px){.sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:56px;padding:var(--s3) var(--s4);background:var(--surface);border-top:1px solid var(--divider);gap:var(--s3);z-index:45;box-shadow:0 -4px 12px #0000000d}}.tier-table{width:100%;border-collapse:collapse;font-size:14px}.tier-table td,.tier-table th{padding:8px 10px;border-bottom:1px solid var(--divider);text-align:left}.tier-table tr.current{background:var(--selected)}.qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.qty button{width:40px;height:42px;border:0;background:var(--page);font-size:18px;cursor:pointer;color:var(--text)}.qty button:disabled{color:var(--disabled);cursor:not-allowed}.qty input{width:64px;height:42px;border:0;text-align:center;font:600 15px var(--font);color:var(--text)}.summary-row{display:flex;justify-content:space-between;gap:var(--s3);padding:6px 0;font-size:14.5px}.summary-row.total{font-size:18px;font-weight:700;border-top:1px solid var(--divider);padding-top:var(--s3);margin-top:var(--s2)}.summary-row .neg{color:var(--success)}.cart-line{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--divider)}.cart-line img{width:88px;height:110px;object-fit:cover;border-radius:var(--r-sm);background:var(--page)}.seller-group{border:1px solid var(--divider);border-radius:var(--r-lg);background:var(--surface)}.seller-group-head{padding:var(--s3) var(--s4);background:var(--page);border-bottom:1px solid var(--divider);border-radius:var(--r-lg) var(--r-lg) 0 0;display:flex;justify-content:space-between;gap:var(--s3);font-size:14px;flex-wrap:wrap}.footer{background:var(--surface);border-top:1px solid var(--divider);margin-top:var(--s8);padding:var(--s7) 0 var(--s5);font-size:14px}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer a{color:var(--text-2)}.footer-about{display:grid;gap:var(--s5);padding-bottom:var(--s2)}.footer-about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s6);align-items:start}.footer-about-title{font-size:18px;margin:0}.footer-about-story{margin:0;color:var(--text-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.footer-about a.small{display:inline-flex;align-items:center;gap:2px;color:var(--primary);font-weight:500}.footer-team-title{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin:0 0 var(--s3)}.footer .footer-team-list{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5)}.footer-person{display:flex;align-items:center;gap:10px;text-decoration:none!important}.footer-person strong{display:block;color:var(--text);font-size:14px}.footer-person .small{display:block}.vm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.vm-card{display:flex;gap:var(--s3);padding:var(--s4);border:1px solid var(--divider);border-radius:var(--r-md);background:var(--page)}.vm-card h3{font-size:15px;margin:0 0 4px}.vm-card p{margin:0;color:var(--text-2);line-height:1.55}.vm-compact .vm-card{padding:var(--s3)}.vm-compact .vm-card p{font-size:13.5px}.vm-icon{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--page);border:1px solid var(--divider)}.avatar-initials{display:inline-grid;place-items:center;font-weight:600;color:var(--primary);background:var(--primary-soft)}.about-hero{display:grid;gap:var(--s6);align-items:center}.about-hero.with-image{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.about-story{font-size:16px;line-height:1.7;color:var(--text-2);margin:0;max-width:70ch}.about-image{width:100%;border-radius:var(--r-lg);object-fit:cover;aspect-ratio:4/3}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4)}.team-card{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s5);text-align:center}.team-card.founder{border-color:var(--primary)}.team-card:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 767px){.footer-about-grid,.vm-grid,.about-hero.with-image{grid-template-columns:minmax(0,1fr)}}.cta-band{border-radius:var(--r-lg);background:var(--surface);border:1px solid #BFDBFE;padding:var(--s6);display:flex;gap:var(--s5);align-items:center;justify-content:space-between;flex-wrap:wrap;background-image:radial-gradient(circle at 100% 0,#DBEAFE 0,transparent 45%)}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline li{padding:0 0 var(--s4) var(--s5);position:relative;font-size:14px}.timeline li:before{content:"";position:absolute;left:4px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline li:after{content:"";position:absolute;left:8px;top:18px;bottom:0;width:2px;background:var(--divider)}.timeline li:last-child:after{display:none}.tracking{padding:var(--s4) var(--s4) var(--s2);border-bottom:1px solid var(--divider);display:grid;gap:var(--s3)}.track-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.track-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;color:var(--text-3)}.track-steps li:before{content:"";position:absolute;top:10px;right:50%;width:100%;height:2px;background:var(--divider);z-index:0}.track-steps li:first-child:before{display:none}.track-steps li.done:before,.track-steps li.current:before{background:var(--success)}.track-steps .dot{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--divider);color:#fff}.track-steps li.done .dot{background:var(--success);border-color:var(--success)}.track-steps li.current .dot{border-color:var(--success);box-shadow:0 0 0 4px var(--success-bg)}.track-steps li.current{color:var(--text);font-weight:600}.track-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap}.track-head .small{display:inline-flex;align-items:center;gap:6px}.track-events summary{cursor:pointer;color:var(--text-2);margin-bottom:var(--s2)}@media (max-width: 767px){.track-steps .lbl{font-size:10.5px;line-height:1.2}.track-steps li:not(.current) .lbl{visibility:hidden;height:0}}.pay-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--divider);border-radius:10px;cursor:pointer;background:var(--surface)}.pay-option:hover{border-color:var(--text-3)}.pay-option.selected{border-color:var(--primary);background:var(--primary-soft)}.pay-option input{accent-color:var(--primary);width:18px;height:18px;flex-shrink:0}.pay-option .pay-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--page);color:var(--text-2);flex-shrink:0}.pay-option.selected .pay-icon{background:var(--surface);color:var(--primary)}.pay-page{padding-top:40px;padding-bottom:40px}.pay-card{max-width:520px;margin:0 auto}.pay-status-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;margin:0 auto}.pay-status-icon.ok{background:var(--success-bg);color:var(--success)}.pay-status-icon.bad{background:var(--error-bg);color:var(--error)}.pay-status-icon.warn{background:var(--warning-bg);color:var(--warning)}.pay-status-icon.info{background:var(--primary-soft);color:var(--primary)}.pay-amount{font-size:32px;font-weight:700;letter-spacing:-.02em}.pay-secure{text-align:center;margin:var(--s4) 0 0;text-wrap:balance}.pay-secure svg{vertical-align:-2px;margin-right:4px}.bank-details{margin:0;border:1px solid var(--divider);border-radius:10px;overflow:hidden}.bank-row{display:grid;gap:2px;padding:8px 12px;font-size:14px}.bank-row+.bank-row{border-top:1px solid var(--divider)}.bank-row dt{color:var(--text-3);font-size:12px}.bank-row dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;overflow-wrap:anywhere}.bank-row dd .btn{margin:-6px -8px -6px 0}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--divider);padding:var(--s4) var(--s3);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s4)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:var(--s3) var(--s3) var(--s1)}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:9px 12px;border-radius:var(--r-sm);color:var(--text-2);font-size:14.5px;font-weight:500;text-decoration:none!important;min-height:40px}.nav-item:hover{background:var(--page);color:var(--text)}.nav-item.active{background:var(--selected);color:var(--primary-active)}.nav-item .count{margin-left:auto;font-size:12px;background:var(--primary);color:#fff;border-radius:10px;padding:0 7px;line-height:19px}.main{min-width:0;display:flex;flex-direction:column}.appbar{background:var(--surface);border-bottom:1px solid var(--divider);min-height:60px;display:flex;align-items:center;gap:var(--s3);padding:0 var(--s5);position:sticky;top:0;z-index:30}.content{padding:var(--s5);max-width:1440px;width:100%}@media (max-width: 1023px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:80;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-3)}.sidebar.open{transform:none}.content{padding:var(--s4)}.appbar{padding:0 var(--s3)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;z-index:70}.kpi{padding:var(--s4) var(--s5);display:flex;flex-direction:column;gap:4px;text-decoration:none!important;color:var(--text)}.kpi .label{font-size:13px;color:var(--text-2);font-weight:500}.kpi .value{font-size:26px;font-weight:700;letter-spacing:-.01em}.kpi .hint{font-size:12.5px;color:var(--text-3)}a.kpi:hover{border-color:var(--primary)}.table-toolbar{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;padding:var(--s3) var(--s4);border-bottom:1px solid var(--divider)}.table-wrap{overflow:auto;max-height:70vh}table.dt{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.dt th{position:sticky;top:0;z-index:2;background:#f9fafb;text-align:left;font-weight:600;color:var(--text-2);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--divider);white-space:nowrap}.dt th button{all:unset;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.dt th button:focus-visible{box-shadow:var(--focus);border-radius:4px}.dt td{padding:11px 12px;border-bottom:1px solid var(--divider);vertical-align:middle}.dt tbody tr:hover{background:#fafbfc}.dt tbody tr.selected{background:var(--primary-soft)}.dt .num{text-align:right;font-variant-numeric:tabular-nums}.dt input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}.table-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);flex-wrap:wrap;font-size:13.5px;color:var(--text-2)}.bulkbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);background:var(--selected);border-bottom:1px solid #BFDBFE;font-size:14px;flex-wrap:wrap}.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#f5f7fa 37%,#eef1f5 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:6px;height:14px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.empty{text-align:center;padding:var(--s7) var(--s4);color:var(--text-2)}.empty-icon{width:56px;height:56px;border-radius:50%;background:var(--page);display:grid;place-items:center;margin:0 auto var(--s3);color:var(--text-3)}.empty h3{font-size:16px;margin-bottom:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:grid;place-items:center;z-index:100;padding:var(--s4)}.modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-3)}.modal.wide{max-width:920px}.modal-head{padding:var(--s4) var(--s5);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;align-items:center;gap:var(--s3);position:sticky;top:0;background:var(--surface);z-index:1}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:var(--s5)}.modal-foot{padding:var(--s4) var(--s5);border-top:1px solid var(--divider);display:flex;justify-content:flex-end;gap:var(--s3);position:sticky;bottom:0;background:var(--surface)}@media (max-width: 767px){.modal-backdrop{align-items:end;padding:0}.modal{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh}}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,100%);background:var(--surface);box-shadow:var(--shadow-3);z-index:100;display:flex;flex-direction:column}.toasts{position:fixed;bottom:var(--s5);right:var(--s5);display:flex;flex-direction:column;gap:var(--s2);z-index:200;max-width:calc(100vw - 32px)}.toast{background:var(--text);color:#fff;padding:12px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-3);font-size:14px;display:flex;gap:var(--s3);align-items:center;min-width:260px}.toast.success{background:#14532d}.toast.error{background:#7f1d1d}@media (max-width: 767px){.toasts{bottom:80px;right:var(--s4);left:var(--s4)}}.cmdk{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;z-index:150;display:flex;justify-content:center;padding-top:12vh}.cmdk-box{width:min(620px,92vw);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-3);overflow:hidden;align-self:flex-start}.cmdk-box .input{border:0;border-bottom:1px solid var(--divider);border-radius:0;min-height:56px;font-size:16px;box-shadow:none}.cmdk-list{max-height:50vh;overflow:auto;padding:6px;list-style:none;margin:0}.stepper{display:flex;gap:var(--s2);list-style:none;padding:0;margin:0 0 var(--s5);counter-reset:step;overflow-x:auto}.stepper li{flex:1;min-width:120px}.stepper button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s3);border-radius:var(--r-md);border:1px solid var(--divider);background:var(--surface);font-size:14px;font-weight:500;color:var(--text-2)}.stepper button:focus-visible{box-shadow:var(--focus)}.stepper .num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--page);font-size:13px;font-weight:600;flex:none;border:1px solid var(--border)}.stepper li[aria-current=step] button{border-color:var(--primary);color:var(--primary-active);background:var(--primary-soft)}.stepper li[aria-current=step] .num{background:var(--primary);color:#fff;border-color:var(--primary)}.stepper li.done .num{background:var(--success);color:#fff;border-color:var(--success)}.stepper li.has-error .num{background:var(--error);color:#fff;border-color:var(--error)}.save-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.save-status.unsaved{color:var(--warning)}.save-status.error{color:var(--error)}.save-status.saved{color:var(--success)}.chart{width:100%;height:220px}.chart .grid-line{stroke:var(--divider)}.chart .axis{fill:var(--text-3);font-size:11px}.chart .line{fill:none;stroke:var(--primary);stroke-width:2.25}.chart .area{fill:url(#areaFill)}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) auto;gap:var(--s3);align-items:center;font-size:13.5px}.bar-track{height:8px;background:var(--page);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:4px}.funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}.kpi-row{display:grid;gap:var(--s3);grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-row.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1100px){.kpi-row,.kpi-row.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.kpi-row,.kpi-row.cols-3{grid-template-columns:minmax(0,1fr)}}.stat .value{font-variant-numeric:normal}a.stat:hover{box-shadow:var(--shadow-2)}.delta{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;flex-wrap:wrap}.delta .muted{font-weight:400}.delta-good{color:var(--success)}.delta-bad{color:var(--error)}.delta-neutral{color:var(--text-2)}.report-filters{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);margin-bottom:var(--s4);position:sticky;top:0;z-index:5}.report-filters .range-note{margin-left:auto}.seg{display:inline-flex;border:1px solid var(--divider);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.seg button{border:0;background:none;padding:6px 12px;font:inherit;font-size:13px;color:var(--text-2);cursor:pointer;min-height:32px}.seg button+button{border-left:1px solid var(--divider)}.seg button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary);font-weight:600}.seg button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.is-refreshing{opacity:.55;transition:opacity .15s;pointer-events:none}.chart-card .card-head{flex-wrap:wrap}.trend{width:100%}.trend-svg{display:block;overflow:visible;touch-action:pan-y}.trend-svg:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.trend-svg .grid-line{stroke:#eef0f3;stroke-width:1}.trend-svg .baseline{stroke:#d1d5db;stroke-width:1}.trend-svg .axis{fill:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums}.trend-svg .crosshair{stroke:#9ca3af;stroke-width:1}.legend{display:flex;gap:var(--s4);flex-wrap:wrap;font-size:12.5px;color:var(--text-2);margin-bottom:var(--s2)}.legend span{display:inline-flex;align-items:center;gap:6px}.key-line{display:inline-block;width:14px;height:2px;border-radius:1px}.key-box{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.chart-tip{position:absolute;top:0;transform:translate(-50%);background:var(--surface);border:1px solid var(--divider);box-shadow:var(--shadow-2);border-radius:8px;padding:8px 10px;font-size:12.5px;pointer-events:none;min-width:170px;z-index:3}.tip-title{color:var(--text-2);margin-bottom:4px}.tip-row{display:flex;align-items:center;gap:6px}.tip-row strong{font-variant-numeric:tabular-nums}.hbars,.funnel-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.hb-row,.funnel-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2fr) minmax(88px,auto);gap:var(--s3);align-items:center;padding:6px 4px;border-radius:6px;color:var(--text);text-decoration:none!important;font-size:13.5px}.hb-row:hover,.hb-row:focus-visible,.funnel-row:hover,.funnel-row:focus-visible{background:var(--page);outline:none}.hb-name{display:flex;align-items:center;gap:8px;min-width:0}.hb-rank{flex-shrink:0;width:20px;text-align:right;color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums}.hb-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.hb-track{display:block;height:12px}.hb-bar{display:block;height:100%;background:#2563eb;border-radius:0 4px 4px 0;min-width:3px}.hb-row:hover .hb-bar,.hb-row:focus-visible .hb-bar,.funnel-row:hover .hb-bar{background:#3b82f6}.hb-value,.fn-num{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;font-variant-numeric:tabular-nums}.funnel-row{grid-template-columns:minmax(120px,1fr) minmax(0,2.2fr) minmax(110px,auto);row-gap:2px}.fn-label{font-weight:500}.fn-step{grid-column:1 / -1;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3);order:-1;padding-left:2px}.fn-step.low{color:var(--error);font-weight:600}.split-bar{display:flex;gap:2px;height:14px;border-radius:4px;overflow:hidden}.split-bar span{display:block;min-width:3px}.split-legend{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:8px;font-size:13.5px}.split-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:8px;align-items:center}.split-legend strong{font-variant-numeric:tabular-nums}.attention{list-style:none;margin:0;padding:0;display:grid;gap:2px}.attention a{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:6px;color:var(--text);text-decoration:none!important;font-size:14px}.attention a:hover{background:var(--page)}.sev{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px}.sev-critical{background:var(--error-bg);color:var(--error)}.sev-serious{background:#ffedd5;color:#9a3412}.sev-warning{background:var(--warning-bg);color:var(--warning)}.hero-preview{display:grid;gap:6px}.hero-preview .hero{padding:24px 28px;min-height:0;border-radius:14px;pointer-events:none}.hero-preview .hero h2{font-size:26px}.hero-preview .hero p{font-size:14.5px}.hero-preview .hero-slide{min-height:0;gap:24px}.hero-preview .hero-photo{height:200px}.hero-preview .hero-visual{min-height:0}.hero-preview .hero-mosaic.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-preview .hero-mosaic.n4 .hp-img{aspect-ratio:4 / 3}.theme-swatch{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--divider);border-radius:999px;cursor:pointer;font-size:13.5px;background:var(--surface)}.theme-swatch .sw{width:22px;height:22px;border-radius:50%;border:1px solid rgba(15,23,42,.12)}.theme-swatch.on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft);font-weight:600}.theme-swatch:focus-within{outline:2px solid var(--primary);outline-offset:2px}.picked-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}.picked-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--divider);border-radius:10px;background:var(--surface)}.picked-list img,.pick-results img{border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--page)}.pick-results{list-style:none;margin:6px 0 0;padding:4px;border:1px solid var(--divider);border-radius:10px;max-height:280px;overflow-y:auto;background:var(--surface);max-width:560px}.pick-results button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;background:none;border-radius:6px;cursor:pointer;text-align:left;font:inherit;color:var(--text)}.pick-results button:hover,.pick-results button:focus-visible{background:var(--page);outline:none}.ie-menu{position:relative;display:inline-block}.ie-list{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:230px;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-md);box-shadow:var(--shadow-3)}.ie-list button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:6px;font:inherit;font-size:14px;color:var(--text);cursor:pointer}.ie-list button:hover,.ie-list button:focus-visible{background:var(--page);outline:none}.ie-list{min-width:270px;max-width:340px}.ie-list .ie-item-label{display:inline-flex;align-items:center;gap:6px;font-weight:500}.ie-list .ie-divider{margin-top:4px;padding-top:4px;border-top:1px solid var(--divider)}.ie-steps{list-style:none;margin:0;padding:0;display:flex;gap:var(--s4);flex-wrap:wrap;font-size:13px;color:var(--text-3)}.ie-steps li{display:inline-flex;align-items:center;gap:6px}.ie-steps .n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--divider);font-size:11px;font-weight:600}.ie-steps li.current{color:var(--text);font-weight:600}.ie-steps li.current .n{background:var(--primary);border-color:var(--primary);color:#fff}.ie-steps li.done .n{background:var(--success-bg);border-color:var(--success-bg);color:var(--success)}.ie-start{display:grid;gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--s4);border:1px solid var(--divider);border-radius:var(--r-md);background:var(--page)}@media (max-width: 767px){.ie-start{grid-template-columns:minmax(0,1fr)}.ie-list{right:auto;left:0}}.dash-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}@media (max-width: 1023px){.dash-grid,.report-grid{grid-template-columns:minmax(0,1fr)!important}}.ops-grid{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ops-item{padding:var(--s3) var(--s4);border:1px solid var(--divider);border-radius:var(--r-md);display:flex;flex-direction:column;gap:2px}.ops-item .v{font-size:20px;font-weight:700}@media (max-width: 767px){.hb-row,.funnel-row{grid-template-columns:minmax(0,1fr) minmax(78px,auto)}.hb-row .hb-track,.funnel-row .hb-track{grid-column:1 / -1;grid-row:2}.report-filters{position:static}.report-filters .range-note{margin-left:0;width:100%}}@media (max-width: 767px){.funnel{grid-template-columns:repeat(2,minmax(0,1fr))}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--divider);margin-bottom:var(--s4);overflow-x:auto}.tabs button{all:unset;cursor:pointer;padding:10px 14px;font-size:14px;font-weight:500;color:var(--text-2);border-bottom:2px solid transparent;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.tabs button:focus-visible{box-shadow:var(--focus)}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px var(--s4);font-size:14px}.kv dt{color:var(--text-2)}.kv dd{margin:0}.divider{height:1px;background:var(--divider);margin:var(--s4) 0}.pill-tabs{display:inline-flex;background:var(--page);border-radius:var(--r-sm);padding:3px;gap:2px}.pill-tabs button{border:0;background:none;padding:7px 12px;border-radius:6px;font:500 13.5px var(--font);color:var(--text-2);cursor:pointer}.pill-tabs button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.auth-wrap{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:var(--s6) var(--s4)}.auth-card{width:100%;max-width:460px}.otp{display:flex;gap:8px}.otp input{width:46px;height:52px;text-align:center;font-size:20px;font-weight:600}.field-builder-row{display:grid;grid-template-columns:28px minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);border-bottom:1px solid var(--divider);font-size:14px}@media (max-width: 767px){.field-builder-row{grid-template-columns:minmax(0,1fr) auto}.field-builder-row>:nth-child(1),.field-builder-row>:nth-child(3),.field-builder-row>:nth-child(4){display:none}}.diff-old{background:#fef2f2;text-decoration:line-through;color:var(--error)}.diff-new{background:#f0fdf4;color:var(--success)}pre.json{background:var(--page);padding:var(--s3);border-radius:var(--r-sm);font-size:12.5px;overflow:auto;max-height:300px;margin:0}.menu-btn{display:none}@media (max-width: 1023px){.menu-btn{display:inline-grid}}.consent{position:fixed;left:16px;bottom:24px;max-width:420px;z-index:95;box-shadow:var(--shadow-3)}@media (max-width: 767px){.consent{left:12px;right:12px;bottom:136px;max-width:none}}.setting-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--divider);flex-wrap:wrap}.setting-row:last-child{border-bottom:0}.setting-value{margin-top:4px;font-weight:600;overflow-wrap:anywhere}.setting-note{color:var(--warning);margin-top:2px}.setting-note svg{vertical-align:-2px}