:root{color-scheme:light;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg: #F6FBFB;--surface: #FFFFFF;--surface-2: #F9FCFC;--surface-mint: #EDF9F7;--ink: #1D3044;--ink-2: #42586A;--muted: #7D909C;--line: #DCE9E7;--line-strong: #C9DDDA;--mint-50: #EAF8F5;--mint-100: #D8F2ED;--mint-200: #B8E8E1;--mint-400: #5BC9BE;--mint-500: #32B4AA;--mint-600: #239B93;--sky-50: #EEF8FD;--sky-100: #DFF2FB;--sky-400: #75C0E4;--sky-500: #52ACD6;--berry-50: #FFF0F4;--berry-100: #FFDDE7;--berry-500: #F1668F;--berry-600: #E4507C;--honey-50: #FFF7E9;--honey-100: #FFEBCB;--honey-500: #EEA43B;--success: #2AA87C;--success-bg: #E4F6ED;--warning: #D98523;--warning-bg: #FFF0D9;--danger: #D95862;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 26px;--shadow-card: 0 12px 32px rgba(44, 92, 91, .08), 0 2px 8px rgba(44, 92, 91, .035);--shadow-float: 0 16px 40px rgba(38, 85, 84, .16);--header-h: 54px;--bottom-h: 68px;--content-max: 430px;--ease: cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{background:#eaf4f3}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at 15% 0%,rgba(117,192,228,.17),transparent 28rem),radial-gradient(circle at 90% 18%,rgba(91,201,190,.16),transparent 28rem),#ecf6f5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button,[role=button]{touch-action:manipulation}.mobile-app svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.meta-row svg,.section-kicker svg,.helper-line svg,.public-note svg{width:15px;height:15px;vertical-align:-3px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(82,172,214,.35);outline-offset:2px}#root{min-height:100vh;min-height:100dvh}.mobile-app{position:relative;width:min(100%,var(--content-max));min-height:100vh;min-height:100dvh;margin:0 auto;overflow:clip;background:linear-gradient(180deg,#FBFEFE 0%,var(--bg) 100%)}.app-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;border-bottom:1px solid rgba(220,233,231,.78);background:#fafdfde6;backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px)}.app-header.home-header{grid-template-columns:1fr auto;padding-inline:16px;border-bottom:0}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{width:28px;height:28px;display:grid;place-items:center;color:var(--mint-500)}.brand-mark svg{width:26px;height:26px}.brand-title{font-size:22px;font-weight:800;letter-spacing:-.4px}.brand-subtitle{font-size:13px;color:var(--ink-2);white-space:nowrap}.header-title{min-width:0;text-align:center;line-height:1.1}.header-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:780;letter-spacing:-.2px}.header-title small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.icon-btn:hover{background:var(--mint-50)}.icon-btn svg,.button svg,.mini-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page{min-height:calc(100dvh - var(--header-h));padding:12px 12px calc(96px + env(safe-area-inset-bottom))}.page.no-bottom{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.page.flush-top{padding-top:0}.section-card{margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffffff5;box-shadow:var(--shadow-card)}.section-card.compact{padding:13px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.section-title h2,.section-title h3{margin:0;font-size:16px;letter-spacing:-.2px}.section-title small{color:var(--muted);font-size:12px}.section-kicker{display:flex;align-items:center;gap:7px;color:var(--mint-600);font-size:12px;font-weight:700}.mini-icon{display:inline-grid;place-items:center;color:var(--mint-600)}.muted{color:var(--muted)}.price{color:var(--berry-500);font-weight:820;letter-spacing:-.3px}.badge,.chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:5px 11px;border-radius:999px;font-size:12px;white-space:nowrap}.badge.success{color:var(--success);background:var(--success-bg)}.badge.warning{color:var(--warning);background:var(--warning-bg)}.badge.info{color:var(--sky-500);background:var(--sky-50)}.badge.soft{color:var(--ink-2);background:#f1f6f6}.chip{border:1px solid var(--line);background:#ffffffe6;color:var(--ink-2);cursor:pointer}button.chip{min-height:32px}.chip.active{color:var(--mint-600);border-color:#32b4aa8c;background:var(--mint-50);box-shadow:inset 0 -2px 0 var(--mint-500)}.chip.orange{color:#e07a16;border-color:transparent;background:#fff1df}.chip.green{color:#1e9a70;border-color:transparent;background:#e4f5ec}.chip.blue{color:#4e9dd0;border-color:transparent;background:#eaf5fc}.chip.soft{color:var(--ink-2);border-color:transparent;background:#f1f6f6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;border:1px solid transparent;border-radius:14px;background:var(--surface);color:var(--ink);font-weight:700;cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.button:active{transform:scale(.985)}.button.primary{color:#fff;background:linear-gradient(135deg,var(--mint-600),var(--mint-400) 58%,var(--sky-500));box-shadow:0 10px 24px #30aba233}.button.secondary{border-color:var(--line-strong);color:var(--mint-600);background:#ffffffeb}.button.ghost{min-height:40px;padding:0 12px;color:var(--mint-600);background:transparent}.button.full{width:100%}.button[disabled]{opacity:.5;cursor:not-allowed}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-home{position:relative;overflow:hidden;padding:20px 16px 16px;background:radial-gradient(circle at 75% 5%,rgba(255,255,255,.75),transparent 15rem),linear-gradient(145deg,#edf9f7,#ecf8fc 70%,#fff)}.hero-home:after{content:"";position:absolute;inset:auto -60px -95px auto;width:260px;height:260px;border-radius:50%;background:#ffffff80;filter:blur(1px)}.hero-home-content{position:relative;z-index:2}.hero-home h1{margin:0 0 7px;font-size:22px;line-height:1.24;letter-spacing:-.5px}.hero-home p{margin:0 0 18px;color:var(--ink-2);font-size:13px}.url-box{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-height:58px;padding:8px 9px 8px 13px;border:1px solid rgba(201,221,218,.9);border-radius:16px;background:#fffffff5;box-shadow:0 10px 22px #39646214}.url-box.is-error{border-color:#d9586299}.url-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.url-box input::-moz-placeholder{color:#9cadb5;font-size:14px}.url-box input::placeholder{color:#9cadb5;font-size:14px}.input-leading{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted)}.helper-line{margin:10px 2px 0;color:var(--muted);font-size:11px;text-align:center;line-height:1.5}.notice{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:11px;padding:10px 12px;border-radius:13px;background:var(--honey-50);color:#9b652a;font-size:11px;line-height:1.45}.notice.mint{background:var(--mint-50);color:var(--mint-600)}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.quick-link{min-width:0;padding:12px 8px;border:1px solid var(--line);border-radius:16px;background:#ffffffe6;text-align:center;box-shadow:0 8px 18px #35595a0a;cursor:pointer}.quick-link strong{display:block;margin-top:5px;font-size:12px}.quick-link small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.quick-link .bubble{margin:auto;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--mint-50);color:var(--mint-600)}.recent-row{display:flex;gap:9px;overflow:auto;padding:1px 1px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}.recent-row::-webkit-scrollbar{display:none}.recent-card{flex:0 0 152px;scroll-snap-align:start;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer}.recent-head{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center}.recent-head img,.recent-thumb{width:52px;height:52px;border-radius:13px;-o-object-fit:cover;object-fit:cover}.recent-card h3{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.35}.recent-card .price{display:block;margin-top:7px;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.feature-card{min-height:92px;padding:11px 8px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#f8fcfc);text-align:center}.feature-card .bubble{width:36px;height:36px;margin:0 auto 6px;display:grid;place-items:center;border-radius:13px;font-size:20px}.feature-card:nth-child(4n+1) .bubble{background:var(--mint-50)}.feature-card:nth-child(4n+2) .bubble{background:var(--honey-50)}.feature-card:nth-child(4n+3) .bubble{background:var(--sky-50)}.feature-card:nth-child(4n+4) .bubble{background:var(--berry-50)}.feature-card strong{display:block;font-size:12px}.feature-card small{color:var(--muted);font-size:10px;line-height:1.35}.trust-card{background:linear-gradient(135deg,#f9fcfc,#f0f8fa)}.trust-card ul{margin:8px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:11px;line-height:1.9}.trust-card li:before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;margin-right:7px;border:1px solid var(--mint-500);border-radius:50%;color:var(--mint-600);font-size:9px;font-weight:800}.foot-note{text-align:center;color:var(--muted);font-size:11px}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:0;width:min(100%,var(--content-max));transform:translate(-50%);display:grid;grid-template-columns:repeat(3,1fr);min-height:calc(var(--bottom-h) + env(safe-area-inset-bottom));padding:7px 18px env(safe-area-inset-bottom);border-top:1px solid rgba(220,233,231,.85);background:#ffffffeb;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 -12px 32px #2a535414}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-item.active{color:var(--mint-600);font-weight:700}.product-hero{display:grid;grid-template-columns:112px 1fr;gap:13px;padding:14px}.product-thumb,.role-thumb{width:112px;height:112px;border-radius:20px;-o-object-fit:cover;object-fit:cover;background:var(--mint-50);box-shadow:inset 0 0 0 1px #c9dddab3}.product-copy{min-width:0}.product-copy h1{margin:2px 0 8px;font-size:20px;line-height:1.25;letter-spacing:-.45px}.product-copy .price{display:inline-block;margin:3px 8px 7px 0;font-size:26px}.price-note{color:var(--muted);font-size:11px}.meta-row{display:flex;flex-wrap:wrap;gap:8px 13px;align-items:center;color:var(--muted);font-size:11px}.meta-row span{display:inline-flex;align-items:center;gap:5px}.identity-title{margin:0 0 10px;font-size:21px;line-height:1.25;letter-spacing:-.45px}.tag-wrap{display:flex;flex-wrap:wrap;gap:7px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.metric{min-width:0;padding:11px 7px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#fafdfd);text-align:center}.metric .metric-icon{color:var(--mint-600);font-size:18px}.metric strong{display:block;margin-top:4px;font-size:16px}.metric small{display:block;margin-top:2px;color:var(--muted);font-size:10px;white-space:nowrap}.tabs{position:sticky;z-index:30;top:calc(var(--header-h) + env(safe-area-inset-top));display:flex;gap:3px;overflow-x:auto;margin:0 -12px 12px;padding:7px 12px 0;border-bottom:1px solid rgba(220,233,231,.9);background:#f9fcfcf0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;flex:0 0 auto;min-height:42px;padding:0 12px;border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}.tab.active{color:var(--mint-600);font-weight:750}.tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--mint-500)}.fact-list{margin:0;padding:0;list-style:none;color:var(--ink-2);font-size:12px;line-height:1.65}.fact-list li{display:grid;grid-template-columns:22px 1fr;gap:6px;margin-bottom:4px}.fact-list li:last-child{margin-bottom:0}.fact-list li>svg{width:15px;height:15px;margin-top:2px;color:var(--mint-600)}.height-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.value-box{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fcfefe}.value-box span{color:var(--muted);font-size:11px}.value-box strong{float:right;font-size:15px}.range-bar{position:relative;height:7px;margin:17px 8px 2px;border-radius:999px;background:linear-gradient(90deg,#695aef,#45b0d1 52%,#2d9c91)}.range-bar .range-marker{position:absolute;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);border:4px solid var(--mint-500);border-radius:50%;background:#fff;box-shadow:0 2px 5px #19464633}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.value-banner{margin-bottom:12px;padding:14px 16px 13px;border-radius:16px;background:linear-gradient(135deg,#f2fafb,#e4f4fb);text-align:center}.value-banner .value-total{color:var(--sky-500);font-size:21px;font-weight:820;letter-spacing:-.5px}.value-banner .value-break{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:5px;color:var(--muted);font-size:11px}.value-banner .value-break strong{margin-left:2px;color:var(--ink-1);font-weight:700}.value-banner .value-break .vsep{color:var(--line-strong, rgba(70,110,140,.35))}.filter-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.filter-wrap .chip{min-height:24px;padding:3px 9px;font-size:10.5px}.item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:7px}.item-card{min-width:0;align-self:start;padding:5px 5px 6px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;text-align:center}.item-image-wrap{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#a4c2d1}.item-image-wrap img{width:100%;height:100%;padding:11px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain;display:block}.item-image-fallback{display:grid;place-items:center;width:100%;height:100%;padding:4px;background:#ffffff29;color:#fff;font-size:9px;line-height:1.3;text-align:center}.item-count{position:absolute;right:2px;top:2px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--mint-500);color:#fff;font-size:10px;font-weight:800}.item-card strong{display:block;height:14px;margin-top:5px;overflow:hidden;color:#65a8e2;font-size:9px;font-weight:600;line-height:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.item-card small{display:block;height:13px;margin-top:1px;overflow:hidden;color:#65a8e2;font-size:9px;line-height:13px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.item-card .gift-price{color:var(--sky-500);font-weight:750;font-size:10px}.item-image-wrap .item-badge{position:absolute;right:3px;bottom:3px;width:16px;height:16px;padding:1px;border:1px solid rgba(255,255,255,.55);border-radius:50%;-o-object-fit:contain;object-fit:contain;background:#0a101fd1}.gift-card{position:relative}.gift-card:focus-visible{outline:3px solid rgba(82,172,214,.38);outline-offset:2px}.gift-item-grid{display:grid;align-items:start;gap:7px}.gift-grid-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:7px}.bundle-pack{position:relative;display:grid;align-items:stretch;min-width:0;height:auto;min-height:0;gap:7px;border-radius:13px;background:transparent;overflow:visible}.bundle-pack-single{border:0}.bundle-pack-multi{border:1px solid #E7B4C3;background:#fff}.gift-item-grid .item-card{display:flex;flex-direction:column;height:auto;min-width:0;padding:5px 5px 6px}.gift-item-grid .item-image-wrap{flex:0 0 auto;width:100%}.gift-item-grid .gift-item-name{display:block;height:14px;margin-top:5px;overflow:hidden;color:#65a8e2;font-size:9px;font-weight:600;line-height:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gift-item-grid .bundle-item{cursor:pointer}.bundle-pack-multi .bundle-item{border:0;border-radius:0;background:transparent}.gift-item-grid .bundle-item-last{z-index:2}.bundle-price{position:absolute;z-index:3;top:-7px;right:-7px;display:grid;place-items:center;min-width:30px;height:16px;padding:0 6px;border:1px solid #fff;border-radius:999px;background:var(--sky-100);color:var(--sky-500);font-size:9px;font-weight:800;box-shadow:0 1px 3px #1428461f}.detail-hero{display:grid;grid-template-columns:128px 1fr;gap:13px;padding:14px}.detail-figure{width:128px;height:128px;border-radius:18px;-o-object-fit:cover;object-fit:cover;background:#a4c2d1;box-shadow:inset 0 0 0 1px #ffffff73}.detail-hero-copy{min-width:0}.detail-hero-copy h1{margin:0 0 6px;font-size:17px;line-height:1.3;letter-spacing:-.3px}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.title-row .icon-btn{width:34px;height:34px;flex:0 0 auto}.title-row .icon-btn svg{width:16px;height:16px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.stat-cell{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#fcfefe;font-size:10px;color:var(--muted)}.stat-cell span{white-space:nowrap}.stat-cell strong{color:var(--ink);font-size:12px;font-weight:750;white-space:nowrap}.gift-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:9px 12px;border:1px solid var(--sky-100);border-radius:11px;background:var(--sky-50);color:var(--ink-2);font-size:11px;cursor:pointer}.gift-bar .amount{color:var(--sky-500);font-weight:820;font-size:14px}.gift-bar .more{color:var(--muted);font-size:10px;white-space:nowrap}.hero-foot{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 12px}.equip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.equip-card{min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:center;cursor:pointer}.equip-media{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#a4c2d1}.equip-media img{width:100%;height:100%;padding:4px;-o-object-fit:contain;object-fit:contain}.equip-media .item-image-fallback{background:transparent;color:#8fa3b8}.equip-card strong{display:block;height:14px;margin-top:4px;overflow:hidden;color:#65a8e2;font-size:9px;font-weight:600;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.dye-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dye-card{padding:8px 6px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}.dye-card img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.dye-card strong{display:block;margin-top:4px;font-size:11px}.dye-card small{color:var(--muted);font-size:9px}.preview-strip{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.preview-strip::-webkit-scrollbar{display:none}.preview-strip .item-card{flex:0 0 72px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:var(--muted);font-size:11px}.pagination-controls{display:flex;gap:7px}.pagination-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-2);cursor:pointer}.pagination-controls button[disabled]{opacity:.45;cursor:not-allowed}.role-digest{display:grid;grid-template-columns:72px 1fr;gap:11px;align-items:center}.role-digest img,.role-digest .role-thumb{width:72px;height:72px;border-radius:16px}.role-digest strong{font-size:15px}.public-banner{position:relative;overflow:hidden;padding:16px;background:linear-gradient(135deg,#eef8fe,#e8f6fa)}.public-banner h1{margin:10px 0 7px;font-size:18px;line-height:1.32}.public-banner p{margin:0;color:var(--ink-2);font-size:11px;line-height:1.6}.share-product{display:grid;grid-template-columns:105px 1fr;gap:13px;align-items:center}.share-product img,.share-product .role-thumb{width:105px;height:105px;border-radius:19px}.share-product h2{margin:0 0 8px;font-size:19px;line-height:1.3}.preview-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimension{padding:11px 6px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f9fcfc);text-align:center}.dimension span{display:block;font-size:20px}.dimension strong{display:block;margin:5px 0 2px;font-size:11px}.dimension small{color:var(--muted);font-size:9px}.public-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.search-row{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}.search-box{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 13px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}.search-box input::-moz-placeholder{font-size:13px}.search-box input::placeholder{font-size:13px}.record-list{display:flex;flex-direction:column;gap:9px}.record-card{display:grid;grid-template-columns:30px 82px 1fr 24px;gap:9px;align-items:center;min-height:112px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 22px #2e54550b;cursor:pointer;text-align:left}.select-dot{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid #B7C8CB;border-radius:50%;background:#fff;color:transparent;font-size:13px}.select-dot.selected{border-color:var(--mint-500);background:var(--mint-500);color:#fff}.record-card img,.record-card .role-thumb{width:82px;height:82px;border-radius:16px}.record-card h3{margin:0 0 7px;font-size:14px;line-height:1.3}.record-card .record-price{display:flex;align-items:center;gap:7px}.record-card .price{font-size:17px}.record-card time{display:block;margin-top:7px;color:var(--muted);font-size:11px}.compare-bar{position:fixed;z-index:55;left:50%;bottom:0;width:min(100%,var(--content-max));transform:translate(-50%);display:grid;grid-template-columns:1fr 1.4fr;gap:10px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -14px 34px #2a50501c}.compare-bar.above-nav{bottom:calc(var(--bottom-h) + env(safe-area-inset-bottom))}.compare-selection{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px}.compare-selection img,.compare-selection .role-thumb{width:38px;height:38px;border-radius:10px}.compare-selection strong{color:var(--mint-600);font-size:14px}.compare-role{position:relative;display:grid;grid-template-columns:92px 1fr;gap:12px;padding:12px}.compare-role img,.compare-role .role-thumb{width:92px;height:92px;border-radius:17px}.compare-role h2{margin:3px 0 7px;font-size:17px;line-height:1.25}.side-label{display:inline-flex;padding:4px 8px;border-radius:9px;color:#fff;background:var(--mint-500);font-size:10px;font-weight:750}.side-label.right{background:#5b9fee}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:15px;background:#fff}.segmented button{min-height:40px;border:0;border-radius:11px;background:transparent;color:var(--ink-2);font-weight:700;cursor:pointer}.segmented button.active{color:#fff;background:linear-gradient(135deg,var(--mint-600),var(--mint-400))}.compare-table{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.compare-row{display:grid;grid-template-columns:1.05fr .9fr 34px .9fr;align-items:center;width:100%;min-height:57px;border:0;border-bottom:1px solid var(--line);background:#fff;font-size:11px;cursor:default}.compare-row:last-child{border-bottom:0}.compare-row>*{padding:9px 7px;text-align:center}.compare-row .field{text-align:left;color:var(--ink-2)}.compare-row.expandable{cursor:pointer}.compare-row.expandable .field{color:var(--sky-500);font-weight:700}.compare-row .left-val{background:linear-gradient(90deg,var(--mint-50),rgba(255,255,255,.2));font-weight:750}.compare-row .right-val{background:linear-gradient(270deg,var(--sky-50),rgba(255,255,255,.2));font-weight:750}.compare-row .unknown-val{color:var(--muted);font-weight:400}.compare-row .vs{width:28px;height:28px;padding:0;display:grid;place-items:center;justify-self:center;border-radius:50%;background:#fff;color:var(--muted);box-shadow:0 4px 12px #28464612;font-size:10px}.compare-expand{padding:12px 13px;border-bottom:1px solid var(--line);background:#fafcfc}.compare-expand .expand-title{margin-bottom:9px;color:var(--muted);font-size:10.5px}.compare-expand .expand-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compare-expand .expand-col{min-width:0}.compare-expand .expand-side{display:block;margin-bottom:4px;font-size:10px;color:var(--muted)}.compare-expand .expand-list{display:flex;flex-wrap:wrap;gap:4px 6px}.compare-expand .expand-list.empty{color:var(--muted)}.compare-expand .expand-item{padding:3px 7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink-2);font-size:10px;line-height:1.5;word-break:break-all}.compare-expand .expand-item.only-left{color:var(--mint-600);border-color:var(--mint-500);background:var(--mint-50);font-weight:750}.compare-expand .expand-item.only-right{color:var(--sky-500);border-color:var(--sky-400);background:var(--sky-50);font-weight:750}.compare-expand .expand-totals{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compare-expand .expand-total{padding:9px 11px;border-radius:11px;background:#fff;border:1px solid var(--line)}.compare-expand .expand-total .total-amount{display:block;margin-top:2px;color:var(--mint-600);font-size:16px;font-weight:820;letter-spacing:-.3px}.support-step{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-bottom:11px}.step-number{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--mint-600),var(--mint-400));font-weight:800}.step-card{padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.step-card h3{margin:0 0 5px;font-size:13px}.step-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;word-break:break-all}.formula{padding:13px;border:1px solid #CDE8E4;border-radius:15px;background:var(--mint-50)}.formula strong{display:block;margin-bottom:7px}.formula code{display:block;color:var(--ink);font-family:var(--font-mono);font-size:12px}.data-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.data-card{min-height:125px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.data-card h3{margin:0 0 10px;color:var(--mint-600);font-size:12px}.data-card dl{margin:0}.data-card dl div{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:10px}.data-card dt{color:var(--muted)}.data-card dd{margin:0;font-weight:700;text-align:right;word-break:break-all}.menu-pop-card{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:168px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-float)}.menu-pop-card button,.menu-pop-card a{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;text-align:left}.menu-pop-card button:hover,.menu-pop-card a:hover{background:var(--mint-50)}.menu-pop-card svg{width:17px;height:17px;color:var(--mint-600)}.toast{position:fixed;z-index:80;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:calc(min(100%,var(--content-max)) - 32px);padding:11px 15px;border-radius:13px;background:#1c3044eb;color:#fff;box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transition:.22s var(--ease);font-size:12px}.toast.show{opacity:1;transform:translate(-50%)}.share-result-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:18px;background:#15273547;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.share-result-dialog{width:min(100%,360px);padding:22px 18px 18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-float);text-align:center;animation:share-result-in .2s var(--ease)}.share-result-dialog h2{margin:10px 0 6px;font-size:18px}.share-result-dialog p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.share-result-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto;border-radius:50%;background:var(--success-bg);color:var(--success)}.share-result-icon svg{width:25px;height:25px;stroke-width:2.4}.share-result-icon.error{color:var(--danger);background:var(--berry-50);font-size:24px;font-weight:800}.share-result-spinner{width:34px;height:34px;margin:7px auto 14px;border:4px solid var(--mint-100);border-top-color:var(--mint-500);border-radius:50%;animation:spin .8s linear infinite}.share-result-actions{display:grid;gap:8px;margin-top:16px}.share-result-done{margin-top:8px}.modal-backdrop{position:fixed;z-index:70;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#15273547;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet{width:min(100%,var(--content-max));max-height:82dvh;overflow:auto;padding:12px 14px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -20px 50px #1432372e;animation:sheet-in .24s var(--ease)}.sheet-handle{width:40px;height:5px;margin:0 auto 12px;border-radius:999px;background:#d7e2e2}.sheet h2{margin:0 0 12px;font-size:17px}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-option{padding:10px 4px;border:0;border-radius:14px;background:var(--surface-2);font-size:10px;cursor:pointer}.share-option[disabled]{opacity:.5}.share-option>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 6px;border-radius:13px;background:var(--mint-50);color:var(--mint-600);font-size:19px}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:600;text-align:right;word-break:break-all}.detail-list dd.mono{font-family:var(--font-mono);font-size:11px;font-weight:500}.loading-overlay{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:#f7fbfbeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.loading-card{width:min(80%,320px);padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;box-shadow:var(--shadow-float)}.spinner{width:42px;height:42px;margin:0 auto 13px;border:4px solid var(--mint-100);border-top-color:var(--mint-500);border-radius:50%;animation:spin .8s linear infinite}.error-text{margin-top:8px;color:var(--danger);font-size:11px;line-height:1.5}.empty-state{padding:32px 18px;text-align:center}.empty-state .empty-icon{font-size:42px}.empty-state h2{margin:10px 0 6px;font-size:18px}.empty-state p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.6}.skeleton{position:relative;overflow:hidden;background:var(--mint-50);border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer 1.4s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes share-result-in{0%{opacity:0;transform:scale(.96)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:374px){.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,1fr)}.product-hero{grid-template-columns:98px 1fr}.product-hero .product-thumb{width:98px;height:98px}.product-copy h1{font-size:18px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.data-cards{grid-template-columns:1fr}}@media(min-width:700px){body{padding:22px 0}.mobile-app{min-height:calc(100dvh - 44px);border:1px solid rgba(195,218,215,.9);border-radius:34px;box-shadow:0 35px 90px #2750502e}.app-header{top:0;border-radius:34px 34px 0 0}.tabs{top:var(--header-h)}.bottom-nav,.compare-bar{bottom:0;border-radius:0 0 34px 34px;overflow:hidden}.compare-bar.above-nav{bottom:var(--bottom-h)}.toast{bottom:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{color-scheme:light;--skybag-ink: #1d3044;--skybag-ink-2: #42586a;--skybag-muted: #7d909c;--skybag-canvas: #f6fbfb;--skybag-surface: #ffffff;--skybag-line: #dce9e7;--skybag-mint-50: #eaf8f5;--skybag-mint-100: #d8f2ed;--skybag-mint-400: #5bc9be;--skybag-mint-500: #32b4aa;--skybag-mint-600: #239b93;--skybag-sky-50: #eef8fd;--skybag-sky-100: #dff2fb;--skybag-sky-500: #52acd6;--skybag-berry-50: #fff0f4;--skybag-berry-100: #ffdde7;--skybag-berry-500: #f1668f;--skybag-honey-50: #fff7e9;--skybag-honey-100: #ffebcb;--skybag-honey-500: #eea43b}.skybag-icon{display:block;width:24px;height:24px;flex:0 0 auto;overflow:visible;color:inherit;fill:none!important;stroke:none!important}.skybag-icon use{pointer-events:none}.skybag-tone-mint{color:var(--skybag-mint-600, #239b93);background:var(--skybag-mint-50, #eaf8f5)}.skybag-tone-sky{color:var(--skybag-sky-500, #52acd6);background:var(--skybag-sky-50, #eef8fd)}.skybag-tone-berry{color:var(--skybag-berry-500, #f1668f);background:var(--skybag-berry-50, #fff0f4)}.skybag-tone-honey{color:var(--skybag-honey-500, #eea43b);background:var(--skybag-honey-50, #fff7e9)}.skybag-brand{display:inline-flex;align-items:center;min-width:0;gap:9px}.skybag-brand__mark{display:block;width:32px;height:32px;flex:0 0 auto}.skybag-brand__copy{display:flex;align-items:baseline;min-width:0}.skybag-brand__name{color:var(--skybag-ink, #1d3044);font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1}.skybag-brand__subtitle{margin-left:7px;color:var(--skybag-muted, #7d909c);font-size:13px;font-weight:620;letter-spacing:-.1px;white-space:nowrap}.skybag-brand--compact .skybag-brand__mark{width:28px;height:28px}.skybag-brand--compact .skybag-brand__name{font-size:20px}.empty-state .empty-icon{margin:0 auto 1px;font-size:0;line-height:0}.empty-illustration{display:block;width:min(172px,60vw);height:116px;margin:0 auto;-o-object-fit:contain;object-fit:contain}.empty-state h2{margin-top:2px;letter-spacing:-.4px}.empty-state p{max-width:300px;margin-inline:auto;line-height:1.65}.feature-card .bubble,.quick-link .bubble,.metric .metric-icon,.dimension>span{display:grid;place-items:center}.feature-card .bubble .skybag-icon{width:26px;height:26px}.quick-link .bubble .skybag-icon{width:21px;height:21px}.metric .metric-icon{height:24px;font-size:0}.metric .metric-icon .skybag-icon{width:23px;height:23px}.dimension>span{height:28px;font-size:0}.dimension>span .skybag-icon{width:25px;height:25px}.skybag-image-fallback{display:grid;place-items:center;min-width:40px;min-height:40px}.skybag-image-fallback .skybag-icon,.item-image-fallback .skybag-icon{width:25px;height:25px}.skybag-pattern-surface{position:relative;overflow:hidden}.skybag-pattern-surface:before{content:"";position:absolute;inset:0;z-index:0;background:url(/assets/brand/skybag-sky-pattern.svg) center / cover no-repeat;opacity:.72;pointer-events:none}.skybag-pattern-surface>*{position:relative;z-index:1}.range-bar{background:linear-gradient(90deg,var(--skybag-berry-500, #f1668f),var(--skybag-sky-500, #52acd6) 48%,var(--skybag-mint-600, #239b93))}@media(max-width:340px){.skybag-brand__subtitle{display:none}.skybag-brand__name{font-size:21px}.empty-illustration{width:150px;height:104px}}@media(prefers-reduced-motion:reduce){.empty-illustration,.skybag-icon{animation:none!important;transition:none!important}}.router-error{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;color:var(--skybag-ink, #1d3044);background:radial-gradient(circle at 20% 10%,rgba(117,192,228,.2),transparent 24rem),radial-gradient(circle at 80% 90%,rgba(91,201,190,.2),transparent 24rem),var(--skybag-canvas, #f6fbfb)}.router-error-card{width:min(100%,390px);padding:30px 22px;border:1px solid var(--skybag-line, #dce9e7);border-radius:26px;background:#fffffff5;box-shadow:0 12px 32px #2c5c5b14;text-align:center}.router-error-mark{display:grid;place-items:center;width:172px;height:116px;margin:0 auto 4px}.router-error h1{margin:0 0 8px;font-size:22px;letter-spacing:-.4px}.router-error p{margin:0 0 18px;color:var(--skybag-muted, #7d909c);font-size:13px;line-height:1.65;overflow-wrap:anywhere}