:root{--pink:#ff4f8a;--pink2:#f23875;--purple:#765bd1;--ink:#28222f;--muted:#6f6675;--line:#e9e1ea;--soft:#fff4f8;--shadow:0 12px 30px rgba(71,48,79,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.7;background:#fff}a{color:inherit}button,select{font:inherit}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b9a8ff;outline-offset:3px}.skip{position:fixed;left:8px;top:8px;transform:translateY(-140%);background:#111;color:#fff;padding:8px 12px;z-index:20}.skip:focus{transform:none}.header{height:64px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.logo{text-decoration:none;font-size:24px;font-weight:1000;background:linear-gradient(100deg,#ff315f,#ff5aa1,#8067d9);color:transparent;background-clip:text}.desktop-nav{display:flex;justify-content:center;gap:22px;flex:1}.desktop-nav a,.saved-link{text-decoration:none;font-weight:800;font-size:14px}.saved-link{min-width:54px;text-align:right}.hero{max-width:1180px;margin:auto;min-height:390px;padding:52px 38px;display:grid;place-items:center;text-align:center;background-image:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 35%,rgba(255,255,255,.42) 63%,rgba(255,255,255,.08) 100%),url("/assets/hero-bags.jpg");background-size:cover;background-position:center}.hero>div:first-child{max-width:760px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.22;margin:8px auto 18px;max-width:800px}.hero p{font-size:18px}.eyebrow{color:var(--purple);font-weight:900}.hero-decoration{display:none}.primary{min-height:48px;padding:11px 22px;border:0;border-radius:10px;background:var(--pink);color:#fff;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.search-section,.content-section,.about-strip,.page{max-width:1180px;margin:28px auto;padding:0 24px}.search-section{padding:24px;border:2px solid #ffb7d0;border-radius:18px;background:var(--soft);box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-head h2,.content-section>h2{margin:0;font-size:27px}.section-head>a{font-weight:800}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.filters label{font-size:14px;font-weight:900}.filters select{width:100%;min-height:48px;margin-top:5px;padding:0 12px;border:1px solid #cfc5d2;border-radius:9px;background:#fff}.filters .estimated{grid-column:1/5;margin:0;color:var(--muted);font-size:14px}.filters.compact{margin-bottom:24px}.coordinate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.coordinate-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(50,38,58,.07)}.coordinate-visual{aspect-ratio:1/1;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#ffe3ee);color:#9f4670;font-size:24px;font-weight:1000;position:relative}.coordinate-visual small{position:absolute;bottom:12px;font-size:14px;color:#655b68}.coordinate-visual.blue{background:linear-gradient(145deg,#edf7ff,#c8ddff);color:#3970a7}.coordinate-visual.lavender{background:linear-gradient(145deg,#fff0f8,#e8ddff);color:#7352ad}.coordinate-visual.mint{background:linear-gradient(145deg,#effffb,#cfeee8);color:#337f77}.card-copy{padding:14px}.card-title{display:block;font-weight:900;font-size:16px;line-height:1.45}.card-copy p{margin:6px 0;color:var(--muted);font-size:14px}.save-button{min-height:44px;padding:8px 13px;border:1px solid #ffb5ce;border-radius:9px;background:#fff;color:var(--pink2);font-weight:900}.save-button.is-saved{background:var(--pink);color:#fff}.save-button.large{margin:20px 0}.link-grid,.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.link-grid a,.catalog-grid a{min-height:110px;padding:18px;border:1px solid var(--line);border-radius:13px;text-decoration:none;background:#fff}.link-grid strong,.catalog-grid strong{display:block;font-size:17px}.link-grid span,.catalog-grid span{display:block;margin-top:7px;color:var(--muted);font-size:14px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.article-card>a{height:100%;padding:18px;display:flex;gap:14px;text-decoration:none}.article-card h3{margin:0;font-size:17px;line-height:1.5}.article-card p{font-size:14px;color:var(--muted)}.article-mark{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff0d7;color:#c37c0e;font-size:24px;font-weight:900}.about-strip{padding:28px;border-radius:16px;background:#f8f4ff}.page{min-height:65vh}.page h1{font-size:clamp(30px,5vw,48px);line-height:1.25}.lead{font-size:18px;color:#554c5b;max-width:800px}.crumb{font-size:14px;color:var(--muted);margin-top:22px}.updated{font-size:14px;color:var(--muted)}.detail-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.detail-hero>*{min-width:0}.detail-hero dl{margin:0}.detail-hero dl div{padding:14px;border-bottom:1px solid var(--line)}dt{font-weight:900}dd{margin:3px 0}.prose{max-width:860px}.prose section,.page article>section{margin:38px 0}.prose p,.page article>section p,.page li{font-size:16px}.search-message{margin:12px 0;padding:12px;border-radius:9px;background:#fff5e6}.footer{margin-top:55px;padding:36px max(24px,calc((100vw - 1132px)/2));display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#302a34;color:#fff}.footer .logo{width:max-content}.footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}.footer small{grid-column:1/-1}.mobile-nav{display:none}
@media(max-width:880px){.header{height:56px;padding:0 16px}.desktop-nav{display:none}.hero{min-height:auto;padding:28px 20px;grid-template-columns:1fr}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-decoration{display:none}.filters{grid-template-columns:repeat(2,1fr)}.filters .estimated{grid-column:1/-1}.filters .primary{grid-column:1/-1;width:100%}.coordinate-grid{grid-template-columns:repeat(2,1fr)}.link-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:12;left:0;right:0;bottom:0;height:60px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line)}.mobile-nav a{display:grid;place-items:center;text-decoration:none;font-weight:900}.footer{padding-bottom:90px;grid-template-columns:1fr}}
@media(max-width:420px){.search-section,.content-section,.about-strip,.page{padding-left:10px;padding-right:10px}.search-section{margin:14px 8px}.coordinate-grid{gap:8px}.card-copy{padding:9px}.card-title{font-size:14px}.link-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters .estimated,.filters .primary{grid-column:1/-1}.section-head h2,.content-section>h2{font-size:22px}}
/* cute-practical redesign */
:root{--color-page:#fffdfe;--color-surface:#fff;--color-text:#302934;--color-muted:#746a77;--color-pink-soft:#fff0f5;--color-pink-decoration:#ff5c93;--color-pink-action:#d12d68;--color-pink-hover:#c92862;--color-lavender:#8872d8;--color-lavender-soft:#f3efff;--color-blue-soft:#edf7ff;--color-mint-soft:#edfaf7;--color-cream-soft:#fff6e5;--color-border:#eee4eb;--shadow-card:0 8px 24px rgba(69,48,73,.08);--shadow-panel:0 18px 45px rgba(91,61,99,.1);--pink:var(--color-pink-action);--pink2:var(--color-pink-hover);--purple:var(--color-lavender);--ink:var(--color-text);--muted:var(--color-muted);--line:var(--color-border);--soft:var(--color-pink-soft);--shadow:var(--shadow-card);--panel-shadow:var(--shadow-panel);--header-height:64px;--bottom-nav-height:64px}
body{background:var(--color-page);font-size:16px}.logo{font-weight:800}.desktop-nav a,.saved-link{font-weight:700}.header{background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.desktop-nav a[aria-current=page],.saved-link[aria-current=page]{position:relative;color:var(--color-pink-hover)}.desktop-nav a[aria-current=page]::after{content:"";position:absolute;left:25%;right:25%;bottom:-19px;height:3px;border-radius:99px;background:var(--color-pink-action)}.mobile-header-actions{display:none}.hero{background-image:radial-gradient(ellipse at center,rgba(255,255,255,.86) 0%,rgba(255,255,255,.66) 43%,rgba(255,255,255,.18) 70%,rgba(255,255,255,.03) 100%),url("/assets/hero-bags.jpg")}.hero>div:first-child{padding:18px 26px;border-radius:22px;background:rgba(255,255,255,.44)}.primary{min-height:48px;border-radius:12px;background:var(--color-pink-action);font-size:16px;font-weight:700;box-shadow:0 5px 12px rgba(209,45,104,.18)}.primary:hover{background:var(--color-pink-hover)}.primary:active{transform:translateY(1px);box-shadow:none}.secondary{min-height:44px;padding:9px 16px;border:1px solid #d8cbd4;border-radius:12px;background:#fff;color:#4a414a;text-decoration:none;font-weight:700}.secondary:hover{background:#fff3f7}.search-section{border:1px solid var(--line);border-radius:24px;box-shadow:var(--panel-shadow)}.coordinate-card{border-radius:18px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.coordinate-visual{aspect-ratio:4/5}.mini-tag{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--color-blue-soft);color:#345e7a;font-size:14px;font-weight:700}.card-title{margin-top:7px;font-weight:700;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.save-button{width:100%;min-height:44px;border-color:#e2bdcb;color:var(--color-pink-hover);font-weight:700}.save-button.is-saved{background:var(--color-pink-soft);color:#a51f50}.save-button.just-saved{animation:heart-pop .28s ease}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.color-grid a{min-height:88px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:#fff}.swatch{width:36px;height:36px;display:inline-block;flex:none;border:1px solid #c8bec8;border-radius:50%}.swatch-red{background:#ef4444}.swatch-pink{background:#f7689a}.swatch-orange{background:#fb8c24}.swatch-yellow{background:#fbcb3b}.swatch-yellow-green{background:#9acd32}.swatch-green{background:#3fa267}.swatch-mint{background:#6fd0be}.swatch-light-blue{background:#79c7e8}.swatch-blue{background:#377bcb}.swatch-navy{background:#244a82}.swatch-purple{background:#7e57c2}.swatch-lavender{background:#a88ad8}.swatch-white{background:#fff;box-shadow:inset 0 0 0 1px #ddd}.swatch-black{background:#2f333b}.swatch-beige{background:#d8c19f}.swatch-gray{background:#a7a9ae}.swatch-brown{background:#795548}.swatch-gold{background:#c8aa6e}.problem{color:#c92862;font-size:15px}.article-mark{background:var(--color-cream-soft)}.heading-icon{display:inline-grid;place-items:center;width:24px;color:var(--color-lavender);font-size:19px}.bag-icon{width:48px;height:48px;margin-bottom:8px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.link-grid a.category-lavender{background:var(--color-lavender-soft);color:#5e4ca6}.link-grid a.category-blue{background:var(--color-blue-soft);color:#346a91}.link-grid a.category-pink{background:var(--color-pink-soft);color:#9a315b}.summary-list{display:grid;grid-template-columns:1fr 1fr}.summary-list div,.fact-list div{padding:14px;border-bottom:1px solid var(--line)}.item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-list article{padding:16px;border:1px solid var(--line);border-radius:16px}.item-list h3{margin-top:0}.item-list dl{margin:0}.item-list dl div{margin:8px 0}.steps li{margin:10px 0;padding-left:5px}.imitate{padding:20px;border-radius:16px;background:var(--color-lavender-soft)}.imitate label{min-height:44px;display:flex;align-items:center;gap:10px}.imitate input,.consent input{width:22px;height:22px}.table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--line)}tbody th{position:sticky;left:0;background:#fff}.note,.conclusion{padding:16px;border-radius:12px;background:var(--color-cream-soft)}.toc{padding:16px;display:flex;flex-wrap:wrap;gap:10px 18px;border:1px solid var(--line);border-radius:16px}.toc strong{width:100%}.prose a:not(.primary):not(.secondary){text-decoration:underline}.empty-state{grid-column:1/-1;padding:42px 20px;text-align:center;border:1px dashed #d8cbd4;border-radius:18px;background:#fff}.empty-state>span{font-size:40px;color:#d12d68}.contact-form{display:grid;gap:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid #bcaeba;border-radius:10px;background:#fff;font:inherit}.contact-form textarea{min-height:150px}.contact-form label{margin-top:10px;font-weight:700}.contact-form .consent{display:flex;align-items:center;gap:10px}.hp{position:absolute!important;left:-9999px!important}.toast{position:fixed;z-index:30;left:50%;bottom:calc(var(--bottom-nav-height) + 18px);transform:translateX(-50%);padding:11px 18px;border-radius:999px;background:#2c2730;color:#fff;opacity:0;pointer-events:none;transition:opacity .15s}.toast.show{opacity:1}:where(section,h2,h3)[id]{scroll-margin-top:calc(var(--header-height) + 16px)}@keyframes heart-pop{50%{transform:scale(1.08)}}
.chip-search{display:grid;gap:16px}.choice-group{min-width:0;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}.choice-group legend{width:100%;margin-bottom:8px;font-weight:700}.choice-chip{min-height:44px;padding:6px 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}.choice-chip input{position:absolute;opacity:0;pointer-events:none}.choice-chip:has(input:checked){border-color:#c92862;box-shadow:0 0 0 3px rgba(209,45,104,.14)}.choice-chip:has(input:checked)::before{content:"✓";color:#c92862;font-weight:800}.choice-chip .swatch{width:24px;height:24px}.choice-chip .bag-icon{width:30px;height:30px;margin:0}.extra-filters{border-top:1px solid var(--line);padding-top:12px}.extra-filters summary{width:max-content;min-height:44px;padding:9px 14px;border:1px solid #d8cbd4;border-radius:12px;background:#fff;cursor:pointer;font-weight:700}.extra-filters .filters{margin-top:12px;grid-template-columns:repeat(2,minmax(0,220px))}.search-actions{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.search-actions .estimated{text-align:right}
.color-filter-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.color-filter-card--oshi{background:#fff7fa}.color-filter-summary{min-height:72px;padding:13px 56px 13px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;position:relative;list-style:none}.color-filter-summary::-webkit-details-marker{display:none}.color-filter-summary::after{content:"＋";width:28px;height:28px;display:grid;place-items:center;position:absolute;right:18px;top:50%;transform:translateY(-50%);border-radius:50%;background:#fff;color:#b32159;font-size:20px;font-weight:500}.color-filter-card[open] .color-filter-summary::after{content:"−"}.color-filter-card[open] .color-filter-summary{border-bottom:1px solid var(--line)}.color-filter-summary__copy{display:grid;gap:1px}.color-filter-summary__copy strong{font-size:19px}.color-filter-summary__copy small{color:var(--muted);font-size:13px}.color-filter-status{padding:4px 9px;border-radius:999px;background:#fff;color:#655b68;font-size:12px;font-weight:700;white-space:nowrap}.color-filter-card__body{padding:10px 24px 22px}.color-filter-card__actions{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.color-filter-clear{min-height:44px;padding:7px 12px;border:0;background:transparent;color:#b32159;text-decoration:underline;font-weight:700;cursor:pointer}.color-filter-group-title{margin:10px 0 8px;color:#6c626d;font-size:12px;font-weight:800;letter-spacing:.08em}.color-choice-grid{max-width:680px;display:grid;grid-template-columns:repeat(8,72px);gap:16px 12px;justify-content:start}.color-choice-grid--basic{grid-template-columns:repeat(4,72px)}.color-option{min-width:44px;min-height:72px;padding:3px 0;border:0;border-radius:10px;background:transparent;color:var(--ink);display:grid;grid-template-rows:44px auto auto;justify-items:center;align-items:center;gap:2px;cursor:pointer}.color-option__swatch{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(38,34,40,.16);transition:transform .15s ease,outline-color .15s ease;position:relative}.color-option__label{font-size:13px;line-height:1.2;white-space:nowrap}.color-option small{color:#8b828c;font-size:10px;line-height:1}.color-option.is-zero{opacity:.68}.color-option[aria-pressed="true"]{opacity:1}.color-option[aria-pressed="true"] .color-option__swatch{outline:2px solid #d62568;outline-offset:3px}.color-option[aria-pressed="true"] .color-option__swatch::after{content:"✓";color:#fff;font-size:22px;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.color-option[aria-pressed="true"] .color-option__swatch.is-light::after{color:#211d22;text-shadow:none}.color-option[aria-pressed="true"] .color-option__label{font-weight:900}.color-option:focus-visible{outline:3px solid #8f73e8;outline-offset:2px}.color-option:focus-visible .color-option__swatch{transform:scale(1.04)}@media(hover:hover) and (pointer:fine){.color-filter-summary:hover{background:rgba(255,255,255,.48)}.color-option:hover .color-option__swatch{transform:scale(1.04);outline:2px solid rgba(214,37,104,.22);outline-offset:3px}.color-option[aria-pressed="true"]:hover .color-option__swatch{outline-color:#d62568}}
.affiliate-disclosure{padding:14px 16px;border:1px solid #ead6a5;border-radius:14px;background:var(--color-cream-soft);font-size:14px!important}.affiliate-disclosure strong{margin-right:7px;color:#955c00}.affiliate-search{width:100%;margin-top:14px}.affiliate-results:empty{display:none}.affiliate-results{margin-top:12px;display:grid;gap:10px}.affiliate-provider{padding-top:10px;border-top:1px solid var(--line)}.affiliate-provider h4{margin:0 0 8px;font-size:15px}.affiliate-product{min-height:88px;padding:9px;display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-decoration:none}.affiliate-product img,.affiliate-product-placeholder{width:70px;height:70px;display:grid;place-items:center;object-fit:contain;border-radius:8px;background:#f7f3f6;color:var(--muted);font-size:12px}.affiliate-product strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:13px;line-height:1.45}.affiliate-product span{display:block;margin-top:4px;color:#a24118;font-size:13px;font-weight:800}.affiliate-status{margin:0;padding:10px;border-radius:10px;background:#f8f5f7;color:var(--muted);font-size:13px!important}.detail-summary-column{min-width:0}.coordinate-search-terms{margin-top:16px;padding:13px 14px;border:1px solid #eddde6;border-radius:14px;background:#fff8fb}.coordinate-search-terms>strong{display:block;color:#8d3158;font-size:13px}.coordinate-search-terms ul{margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}.coordinate-search-terms li{padding:5px 9px;border:1px solid #eadde5;border-radius:999px;background:#fff;color:#4f4350;font-size:12px;line-height:1.45}.affiliate-quick-links{margin-top:18px;display:grid;gap:10px}.affiliate-quick-links>p{margin:0;color:var(--muted);font-size:12px}.affiliate-quick-links>p strong{margin-right:6px;color:#955c00}.affiliate-quick-link{min-height:74px;padding:12px 16px;display:grid;grid-template-columns:auto 1fr;gap:1px 12px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 4px 14px rgba(65,44,63,.06);transition:transform .16s ease,box-shadow .16s ease}.affiliate-quick-link>span{grid-row:1/3;min-width:76px;padding:6px 10px;border-radius:999px;text-align:center;font-size:12px;font-weight:900}.affiliate-quick-link>strong{font-size:15px}.affiliate-quick-link>small{color:var(--muted);font-size:11px}.affiliate-quick-link--amazon>span{background:#fff0d8;color:#7a4600}.affiliate-quick-link--rakuten>span{background:#fff0f0;color:#a30000}.affiliate-quick-link--rakuten>img{grid-column:1/-1;max-width:100%;max-height:72px;height:auto;margin-top:8px;justify-self:center;object-fit:contain}.content-section{content-visibility:auto;contain-intrinsic-size:auto 700px}.bag-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bag-photo-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);text-decoration:none;box-shadow:var(--shadow-card)}.bag-photo-card img,.bag-photo-missing{width:100%;height:160px;display:grid;place-items:center;object-fit:contain;padding:8px;background:#f7f3f6;color:var(--color-muted)}.bag-photo-card strong{min-height:54px;padding:10px 12px;display:flex;align-items:center;font-size:14px;line-height:1.4}.bag-photo-card img{transition:transform .18s ease}
.hero{min-height:clamp(520px,50vw,620px);padding:40px 38px;text-align:center;background-image:url("/assets/hero-bags.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}.hero-panel,.hero>div:first-child{width:min(100%,680px);max-width:680px;padding:40px 42px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,252,253,.9);box-shadow:0 20px 55px rgba(75,53,80,.11);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-eyebrow{margin:0;color:#7a64d8;font-size:clamp(16px,1.45vw,18px)!important;font-weight:700;line-height:1.5}.hero h1{margin:16px 0 18px;color:#342c3c;font-size:clamp(48px,4.25vw,56px);font-weight:700;line-height:1.18;letter-spacing:-.03em}.hero h1 span,.hero-description span{display:block;white-space:nowrap}.hero h1 span:last-child{font-size:.9em}.hero-description{margin:0;color:#4e4452;font-size:clamp(16px,1.45vw,17px)!important;font-weight:500;line-height:1.65}.hero-actions{margin-top:24px;display:flex;justify-content:center;gap:12px}.hero-actions a{min-height:50px;flex:1 1 0;border-radius:13px;white-space:nowrap}.hero-actions .secondary{background:rgba(255,255,255,.96)}.card-main-link{display:block;color:inherit;text-decoration:none}.card-actions{padding:0 14px 14px}.coordinate-visual{overflow:hidden}.coordinate-visual>strong{position:absolute;z-index:2;left:12px;top:12px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.88);font-size:13px}.diagram-bag{width:58%;height:54%;position:absolute;left:20%;top:25%;border:3px solid currentColor;border-radius:10px 10px 18px 18px;opacity:.52}.diagram-bag::before{content:"";width:42%;height:28%;position:absolute;left:27%;top:-24%;border:3px solid currentColor;border-bottom:0;border-radius:30px 30px 0 0}.diagram-charm{position:absolute;z-index:1;border:3px solid currentColor;background:rgba(255,255,255,.64);box-shadow:0 4px 10px rgba(60,40,70,.1)}.diagram-charm-main{width:20%;aspect-ratio:1;right:18%;top:30%;border-radius:50%}.diagram-charm-main::before{content:"";height:38px;position:absolute;left:50%;bottom:100%;border-left:3px solid currentColor}.diagram-charm-sub{width:12%;aspect-ratio:1;right:32%;top:54%;transform:rotate(45deg);border-radius:4px}.coordinate-visual small{z-index:2}.scene-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.scene-grid a{min-height:158px;padding:18px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:18px;background:var(--color-mint-soft);text-decoration:none}.scene-grid a:nth-child(even){background:var(--color-lavender-soft)}.scene-grid a>span{font-size:30px;color:var(--color-pink-action)}.scene-grid small{color:var(--muted);line-height:1.5}.cando-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cando-grid article{padding:18px;border-radius:16px;background:#fff}.cando-grid article>span{color:var(--color-pink-action);font-weight:900}.cando-grid h3{margin:6px 0}.catalog-symbol{width:42px;height:42px;display:grid!important;place-items:center;border-radius:50%;background:var(--color-lavender-soft);color:var(--color-lavender);font-size:22px}.catalog-visual{min-height:220px;margin:24px 0;display:grid;place-items:center;align-content:center;gap:8px;border-radius:20px;background:linear-gradient(135deg,var(--color-lavender-soft),var(--color-mint-soft));color:var(--color-lavender)}.catalog-visual>span{font-size:64px}.catalog-visual>strong{font-size:22px}.result-toolbar{position:sticky;z-index:5;top:calc(var(--header-height) + 8px);margin:20px 0;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.selected-chips{display:flex;flex-wrap:wrap;gap:6px}.selected-chips span,.related-reason{padding:3px 9px;border-radius:999px;background:var(--color-pink-soft);color:#9b2d58;font-size:12px;font-weight:700}.view-controls{display:flex;align-items:end;gap:8px}.view-controls label{font-size:13px;font-weight:700}.view-controls select{min-height:44px;margin-left:6px;padding:6px 10px;border:1px solid #cfc5d2;border-radius:10px;background:#fff}.view-controls button{padding:7px 12px}.view-controls button[aria-pressed=true]{border-color:var(--color-pink-action);background:var(--color-pink-soft);color:var(--color-pink-hover)}.filter-panel{margin-bottom:18px;padding:14px;border-radius:16px;background:var(--color-pink-soft)}.filter-panel>summary{display:none;font-weight:800;cursor:pointer}.coordinate-grid.is-list{grid-template-columns:1fr}.coordinate-grid.is-list .coordinate-card{display:grid;grid-template-columns:minmax(180px,260px) 1fr}.coordinate-grid.is-list .card-main-link{display:grid;grid-template-columns:minmax(180px,260px) 1fr}.coordinate-grid.is-list .card-actions{align-self:end}.related-wrap{position:relative}.related-wrap>.related-reason{position:absolute;z-index:3;right:8px;top:8px}.detail-save{width:auto;margin:0 0 18px}.detail-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-gallery figure{margin:0}.detail-gallery .coordinate-visual{aspect-ratio:4/5}.detail-gallery figcaption{padding:8px;font-size:13px;color:var(--muted)}.step-diagrams{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.step-diagrams>div{padding:14px;border-radius:16px;background:var(--color-lavender-soft)}.step-diagrams span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--color-pink-action);color:#fff;font-weight:800}.step-diagrams i{height:60px;margin:10px 0;display:block;border:2px dashed var(--color-lavender);border-radius:12px;position:relative}.step-diagrams i::after{content:"↓";position:absolute;left:calc(50% - 8px);top:16px;color:var(--color-lavender);font-style:normal;font-size:22px}.safety-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.safety-grid article{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.safety-grid h3{margin-top:0;color:var(--color-pink-hover)}.safety-grid p{font-size:14px!important}.missing-list{padding:14px 14px 14px 34px;border-radius:12px;background:#fff}.article-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.article-meta>div{padding:12px;border-radius:12px;background:var(--color-lavender-soft)}.article-meta dd{font-size:14px}.article-diagram{padding:18px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;background:var(--color-mint-soft)}.article-diagram span{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.article-diagram i{font-size:24px;color:var(--color-pink-action)}.compare-panel{margin:20px 0;padding:18px;border-radius:18px;background:var(--color-lavender-soft)}.compare-check{min-height:44px;margin:0 14px 14px;display:flex;align-items:center;gap:8px;font-weight:700}.compare-check input{width:20px;height:20px}
@media(hover:hover) and (pointer:fine){.hero-actions a:hover{transform:translateY(-2px)}.coordinate-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(69,48,73,.13)}.bag-photo-card:hover img{transform:scale(1.02)}.affiliate-quick-link:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(65,44,63,.11)}}
@media(max-width:960px) and (min-width:701px){.coordinate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:880px){.mobile-nav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){:root{--header-height:56px}.saved-link{display:none}.hero{min-height:520px;padding:20px 16px;place-items:end center;background-color:#f5ebf0;background-image:linear-gradient(to bottom,rgba(255,252,253,0) 0%,rgba(255,252,253,.08) 34%,rgba(255,252,253,.82) 56%,rgba(255,252,253,.98) 100%),url("/assets/hero-bags.jpg");background-position:center top;background-size:100% auto}.hero-panel,.hero>div:first-child{width:100%;padding:24px 22px;border-radius:28px;background:rgba(255,252,253,.9)}.hero-eyebrow{font-size:15px!important}.hero h1{margin:12px 0 14px;font-size:clamp(25px,7vw,36px);line-height:1.18}.hero-description{font-size:14px!important;line-height:1.55}.hero-actions{margin-top:20px;display:grid;grid-template-columns:1fr;gap:10px}.hero-actions a{width:100%;min-height:50px}.coordinate-grid,.link-grid,.catalog-grid,.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-list{grid-template-columns:1fr}.card-copy p{font-size:13px}.card-title{-webkit-line-clamp:2}.mobile-nav{grid-template-columns:repeat(4,1fr);min-height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));height:auto;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{grid-template-rows:26px 20px;font-size:12px;color:#413a45}.mobile-nav a[aria-current=page]{color:var(--color-pink-hover);background:var(--color-pink-soft)}.mobile-nav a span{font-size:23px}body{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.footer{padding-bottom:36px}.search-section{padding:16px}.section-head{align-items:flex-start}.summary-list{grid-template-columns:1fr 1fr}.choice-group{width:100%;max-width:100%;display:flex;flex-wrap:wrap;overflow:visible;white-space:normal;padding:3px}.choice-group legend{width:100%;min-width:0;white-space:normal;background:var(--soft)}.search-actions{grid-template-columns:1fr 1fr}.search-actions .estimated{grid-column:1/-1;grid-row:1;text-align:left}.search-actions .primary{grid-column:1/-1}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-grid a:last-child{grid-column:1/-1}.cando-grid{grid-template-columns:1fr}.result-toolbar{top:calc(var(--header-height) + 4px);align-items:flex-start}.view-controls{flex-wrap:wrap;justify-content:flex-end}.filter-panel>summary{display:list-item}.filter-panel:not([open]){position:sticky;z-index:11;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(69,48,73,.14)}.filter-panel:not([open]) form{display:none}.filter-panel[open]{position:fixed;z-index:20;left:0;right:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));max-height:72vh;margin:0;padding:18px;overflow:auto;border-radius:22px 22px 0 0;box-shadow:0 -12px 36px rgba(69,48,73,.2)}.filter-panel .filters{grid-template-columns:1fr 1fr}.filter-panel .primary{position:sticky;bottom:0}.detail-gallery,.step-diagrams{grid-template-columns:repeat(2,minmax(0,1fr))}.safety-grid{grid-template-columns:1fr}.article-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.article-diagram{flex-wrap:wrap}.coordinate-grid.is-list{grid-template-columns:1fr}.coordinate-grid.is-list .coordinate-card{display:block}.coordinate-grid.is-list .card-main-link{display:grid;grid-template-columns:42% 1fr}.coordinate-grid.is-list .coordinate-visual{aspect-ratio:4/5}}
@media(max-width:420px){.link-grid,.catalog-grid,.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}.card-copy{padding:10px}.coordinate-card p{margin:4px 0}.hero{padding:20px 12px}}
@media(max-width:700px){.bag-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bag-photo-card img,.bag-photo-missing{height:130px;padding:6px}.bag-photo-card strong{min-height:60px;padding:9px;font-size:13px}}
@media(max-width:1023px){.color-choice-grid{max-width:560px;grid-template-columns:repeat(6,minmax(68px,1fr))}.color-choice-grid--basic{grid-template-columns:repeat(4,minmax(68px,1fr))}}
@media(max-width:599px){.color-filter-summary{min-height:66px;padding:10px 48px 10px 16px;align-items:flex-start;flex-direction:column;gap:4px}.color-filter-summary::after{right:12px}.color-filter-summary__copy small{font-size:12px}.color-filter-status{padding:2px 7px}.color-filter-card__body{padding:8px 14px 18px}.color-filter-card__actions{gap:8px}.color-filter-clear{padding:4px 6px;font-size:13px}.color-choice-grid,.color-choice-grid--basic{max-width:none;grid-template-columns:repeat(5,minmax(44px,1fr));gap:12px 6px}.color-option{min-height:70px}.color-option__swatch{width:40px;height:40px}}
@media(max-width:389px){.color-choice-grid,.color-choice-grid--basic{grid-template-columns:repeat(4,minmax(44px,1fr))}}
@media print{.header,.mobile-nav,.save-button,.toast,.search-section{display:none!important}body{padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.section-lead{max-width:760px;margin:6px 0 18px;color:var(--muted)}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.discovery-grid a{min-height:126px;padding:18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#fff6fa);text-decoration:none}.discovery-grid a>span{grid-row:1/3;color:var(--color-pink-action);font-weight:900}.discovery-grid strong{font-size:17px}.discovery-grid small{color:var(--muted);line-height:1.55}
.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mood-grid a{min-height:230px;padding:22px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;border:1px solid #eadfea;border-top:4px solid var(--mood-accent,#c64f7d);border-radius:20px;background:linear-gradient(145deg,#fff,#fff7fa);box-shadow:var(--shadow);text-decoration:none}.mood-grid a:nth-child(2n){background:linear-gradient(145deg,#fff,#f8f6ff)}.mood-grid a:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(64,44,65,.1)}.mood-grid strong{font-size:20px}.mood-grid span{color:#5f5663;font-size:14px;line-height:1.65}.mood-grid small{margin-top:auto;color:var(--mood-accent,var(--color-pink-hover));font-weight:800}.mood-grid .mood-card-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--mood-accent,#c64f7d) 12%,white);color:var(--mood-accent,#c64f7d);font-size:18px}
.mood-list-hero,.mood-detail-hero{padding:42px clamp(22px,5vw,58px);position:relative;overflow:hidden;border:1px solid #eadfe7;border-radius:28px;background:radial-gradient(circle at 90% 18%,color-mix(in srgb,var(--mood-accent,#c64f7d) 13%,transparent) 0 12%,transparent 12.5%),linear-gradient(145deg,#fff8fb,#fff 58%,#f7f4ff)}.mood-list-hero>span,.mood-detail-hero>span{color:var(--mood-accent,#a23b67);font-size:13px;font-weight:900;letter-spacing:.16em}.mood-list-hero h1,.mood-detail-hero h1{max-width:900px;margin:10px 0 14px}.mood-list-hero .lead,.mood-detail-hero .lead{max-width:900px}.mood-list-page>section,.mood-detail-page .guide-page>section{margin:54px 0}.mood-comparison table{min-width:760px}.mood-comparison thead th{background:#fff4f8}.mood-comparison tbody th{white-space:nowrap;color:#4f3f51}.mood-list-next{padding:28px;border-radius:22px;background:linear-gradient(135deg,#fff0f5,#f4f0ff);text-align:center}.mood-list-next p{max-width:680px;margin:0 auto 18px}.mood-list-next>div{display:flex;justify-content:center;gap:10px}
.mood-notice{margin-top:18px;padding:13px 15px;border-left:4px solid var(--mood-accent);border-radius:10px;background:#fffaf0;color:#554b4d}.mood-palette{margin:20px 0;display:flex;flex-wrap:wrap;gap:9px}.mood-palette>span{min-height:44px;padding:7px 12px 7px 8px;display:flex;align-items:center;gap:8px;border:1px solid #e4dce2;border-radius:999px;background:#fff;color:#514850;font-size:13px;font-weight:800}.mood-palette .swatch{width:27px;height:27px;flex:none}
.mood-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mood-quick-grid>div{min-height:106px;padding:16px;border:1px solid #e9e0e7;border-radius:16px;background:#fff;box-shadow:0 5px 15px rgba(50,38,53,.05)}.mood-quick-grid dt{color:var(--mood-accent);font-size:12px;font-weight:900}.mood-quick-grid dd{margin-top:7px;font-size:15px;font-weight:800;line-height:1.55}.mood-difference{margin-top:16px;padding:18px 20px;border-radius:16px;background:#f5f3ff}.mood-difference strong{color:var(--mood-accent)}.mood-difference p{margin:5px 0 0}
.mood-feature-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.mood-feature-groups>article{padding:22px;border:1px solid #e8dfe5;border-radius:20px;background:#fff}.mood-feature-groups h3{margin-top:0;color:var(--mood-accent)}.mood-feature-groups dl{margin:18px 0 0;display:grid;gap:9px}.mood-feature-groups dl>div{padding-bottom:9px;display:grid;grid-template-columns:90px 1fr;gap:9px;border-bottom:1px solid #f1eaef}.mood-feature-groups dt{font-size:13px}.mood-feature-groups dd{font-size:14px}.mood-materials{display:flex;flex-wrap:wrap;gap:9px}.mood-materials>span{min-height:44px;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid #e5dde2;border-radius:12px;background:#fff;font-size:13px;font-weight:800}.mood-materials i{width:25px;height:25px;border-radius:7px;background:repeating-linear-gradient(45deg,#efdde5 0 3px,#fff 3px 6px)}.mood-materials [data-texture="1"] i{background:radial-gradient(circle,#c8bfd0 0 2px,transparent 3px) 0 0/8px 8px,#fff}.mood-materials [data-texture="2"] i{background:linear-gradient(135deg,#d8dce2,#fff 45%,#adb3bd 50%,#fff 55%,#d8dce2)}.mood-materials [data-texture="3"] i{background:repeating-linear-gradient(90deg,#d9c6ad 0 2px,#f4eadf 2px 5px)}
.mood-link-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mood-link-cards a{min-height:190px;padding:20px;display:flex;flex-direction:column;gap:8px;border:1px solid #e7dfe4;border-radius:18px;background:#fff;text-decoration:none}.mood-link-cards a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--mood-accent) 12%,white);color:var(--mood-accent);font-size:20px}.mood-link-cards strong{font-size:18px}.mood-link-cards small{color:var(--muted);line-height:1.6}.mood-link-cards em{margin-top:auto;color:var(--mood-accent);font-style:normal;font-weight:800}.mood-build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mood-build-grid article{padding:18px;border:1px solid #e8dfe5;border-radius:17px;background:#fff}.mood-build-grid article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--mood-accent);color:#fff;font-weight:900}.mood-build-grid h3{margin:10px 0 5px}.mood-build-grid p{margin:0;font-size:14px!important}
.mood-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mood-recipe-card{overflow:hidden;border:1px solid #e7dee4;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.mood-recipe-card>div:last-child{padding:18px}.mood-recipe-card h3{margin:5px 0 14px}.recipe-number{color:var(--mood-accent);font-size:12px;font-weight:900;letter-spacing:.1em}.mood-recipe-card dl{display:grid;gap:8px}.mood-recipe-card dl div{display:grid;grid-template-columns:76px 1fr;gap:8px}.mood-recipe-card dt{font-size:12px}.mood-recipe-card dd{font-size:13px}.mood-recipe-visual{height:180px;position:relative;overflow:hidden;background:linear-gradient(145deg,#faf7f9,#f2eff5)}.mood-line-bag{width:58%;height:54%;position:absolute;left:21%;top:29%;border:3px solid #bfb8c0;border-radius:10px 10px 18px 18px;background:#fff}.mood-line-bag::before{content:"";width:44%;height:30%;position:absolute;left:27%;top:-26%;border:3px solid #bfb8c0;border-bottom:0;border-radius:24px 24px 0 0}.mood-line-main{width:42px;height:42px;position:absolute;z-index:2;right:18%;top:37%;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--mood-accent);box-shadow:0 4px 9px rgba(47,40,52,.18);color:#fff;font-style:normal;font-weight:900}.mood-line-main::before{content:"";height:34px;position:absolute;left:50%;bottom:100%;border-left:3px solid #8e8890}.mood-line-sub{position:absolute;z-index:2;border:2px solid #fff;background:color-mix(in srgb,var(--mood-accent) 55%,white);box-shadow:0 3px 7px rgba(47,40,52,.15)}.mood-line-sub.one{width:28px;height:28px;right:35%;top:58%;border-radius:50%}.mood-line-sub.two{width:37px;height:14px;right:13%;top:70%;border-radius:50% 8px;transform:rotate(-17deg)}
.mood-caution{padding:24px;border:1px solid #f0dec4;border-radius:20px;background:#fffaf1}.mood-caution h2{margin-top:0}.mood-caution ul{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px}.mood-caution li{padding:9px 0}.mood-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.mood-photo-grid article{padding:18px;border-radius:16px;background:#f7f4f8}.mood-photo-grid article>span{color:var(--mood-accent);font-size:24px}.mood-photo-grid h3{margin:6px 0}.mood-photo-grid p{margin:0;font-size:14px!important}.mood-coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mood-coordinate-wrap{min-width:0;display:flex;flex-direction:column}.mood-coordinate-wrap .coordinate-card{height:100%}.mood-match-reason{margin:0;padding:12px 14px;border:1px solid #e7dfe5;border-bottom:0;border-radius:15px 15px 0 0;background:#fbf8fa;font-size:13px!important}.mood-match-reason strong{display:block;color:var(--mood-accent)}.mood-coordinate-wrap .coordinate-card{border-radius:0 0 16px 16px}.mood-preparing{padding:28px;border:1px dashed #d4c8d0;border-radius:18px;background:#faf8fa;text-align:center}.mood-preparing strong{font-size:19px}
.card-catch{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:42px}.card-facts{margin:10px 0;display:grid;gap:4px}.card-facts div{display:grid;grid-template-columns:58px 1fr;gap:6px;font-size:12px}.card-facts dt{color:var(--muted)}.card-facts dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span,.tag-row a{padding:4px 9px;border-radius:999px;background:var(--color-pink-soft);color:#75445a;font-size:12px;font-weight:800;text-decoration:none}.detail-tags{margin:8px 0 22px}.detail-catch{max-width:760px;font-size:19px;color:#5f5362}
.guide-page{max-width:940px}.guide-photo{max-width:420px;margin:28px 0;padding:14px;border:1px solid var(--line);border-radius:22px;background:#fff}.guide-photo img{width:100%;height:auto;display:block;border-radius:14px}.guide-photo figcaption{text-align:center;color:var(--muted);font-size:13px}.guide-page>section{margin:42px 0}.guide-page>section>p{font-size:16px}.shade-panel{padding:24px;border-radius:22px;background:linear-gradient(145deg,#fff4f8,#f8f4ff)}.ng-panel{padding:22px;border-left:5px solid #e97b9f;border-radius:16px;background:#fff3f7}.photo-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-tips article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.photo-tips h3{margin-top:0}.related-links .link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow-step{display:inline-flex;margin:18px 0 4px;padding:7px 13px;border-radius:999px;background:var(--color-pink-soft);color:var(--color-pink-hover);font-size:14px;font-weight:900;letter-spacing:.03em}.back-link{display:inline-block;margin:16px 0;color:var(--color-pink-hover);font-weight:800}.color-hub{max-width:1080px}.color-hub>section{margin:42px 0}.color-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.color-hub-card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.color-hub-card>a{height:100%;padding:20px;display:grid;grid-template-columns:44px 1fr;gap:14px;text-decoration:none}.color-hub-card h3{margin:0;font-size:21px}.color-hub-card p{margin:6px 0;color:var(--muted);font-size:14px}.color-hub-card dl{margin:12px 0;font-size:13px}.color-hub-card dl div{margin:7px 0}.color-hub-card dd{margin:0}.color-hub-card small{display:block;margin-top:12px;color:var(--muted)}.text-link{display:block;margin-top:4px;color:var(--color-pink-hover)}.bag-hub-grid{margin:28px 0}.bag-hub-grid .bag-photo-card span{display:block;padding:0 12px 14px;color:var(--muted);font-size:13px}.shade-shortcuts{position:sticky;z-index:4;top:calc(var(--header-height) + 8px);margin:24px 0;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.shade-shortcuts strong{margin-right:4px}.shade-shortcuts a{padding:6px 11px;border-radius:999px;background:var(--color-pink-soft);color:var(--color-pink-hover);font-size:13px;font-weight:800;text-decoration:none}.pink-shade-grid>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pink-shade-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.pink-shade-grid h3{display:inline;margin-left:8px}.pink-dot{width:20px;height:20px;display:inline-block;vertical-align:middle;border:1px solid #e8a6be;border-radius:50%;background:#f7a8c2}.pink-shade-grid article:nth-child(2) .pink-dot{background:#f08cbe}.pink-shade-grid article:nth-child(3) .pink-dot{background:#f39a93}.pink-shade-grid article:nth-child(4) .pink-dot{background:#c9869b}.pink-shade-grid article:nth-child(5) .pink-dot{background:#ed3c83}.pink-shade-grid article:nth-child(6) .pink-dot{background:#bf5375}.pink-guide details{margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.pink-guide summary{font-weight:800;cursor:pointer}
.color-tool{max-width:1120px}.palette-picker-section{margin-top:28px!important;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.color-tab-grid{max-width:900px;margin:18px auto;display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:12px}.color-tab-grid button{min-height:54px;padding:8px 10px;display:flex;align-items:center;gap:8px;border:1px solid #d9d1db;border-radius:14px;background:#fff;color:#343039;font-size:14px;font-weight:800;cursor:pointer}.color-tab-grid button .swatch{width:25px;height:25px}.color-tab-grid button[aria-selected=true]{border:3px solid #bf376a;background:#fff6f9}.color-tab-grid button[aria-selected=true]::after{content:"✓";margin-left:auto;color:#bf376a}.palette-help{text-align:center;color:var(--muted);font-weight:700}.explorer-panel{margin-top:30px}.selected-color-header{padding:24px;display:grid;grid-template-columns:58px 1fr;gap:18px;border:1px solid var(--line);border-radius:22px;background:#fff}.selected-color-header>.swatch{width:58px;height:58px}.selected-color-header h2{margin:0}.selected-color-header p{margin:5px 0}.selected-color-header dl{display:flex;flex-wrap:wrap;gap:12px 28px}.selected-color-header dl div{display:flex;gap:7px}.selected-label{color:var(--color-pink-hover);font-size:13px;font-weight:900}.representative-palette{max-width:760px;margin:20px auto}.palette-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.palette-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(59,46,65,.08)}.palette-card__body{padding:18px;display:flex;flex:1;flex-direction:column}.palette-card h3{min-height:55px;margin:0 0 9px;line-height:1.45}.palette-card p{font-size:14px!important}.palette-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:10px 0}.palette-card dl div{min-width:0}.palette-card dt,.palette-card dd{font-size:12px}.palette-card dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-caution{padding:9px;border-radius:10px;background:#fff6e9}.palette-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette-actions button{width:100%}.recipe-chips{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.recipe-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.recipe-chip i{width:20px;height:20px;border:1px solid #c8bec8;border-radius:50%;background:var(--chip)}.recipe-chip i.is-clear{background-color:#eefafa;background-image:linear-gradient(45deg,#d5e8e8 25%,transparent 25%),linear-gradient(-45deg,#d5e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5e8e8 75%),linear-gradient(-45deg,transparent 75%,#d5e8e8 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.palette-visual{position:relative;overflow:hidden;aspect-ratio:1/1;background:linear-gradient(145deg,#f9f8f8,#efeded)}.palette-visual--large{aspect-ratio:16/9;border-radius:22px}.palette-bag{width:62%;height:55%;position:absolute;left:19%;top:28%;border:3px solid rgba(40,35,44,.24);border-radius:13px 13px 24px 24px;background:var(--bag);box-shadow:0 16px 20px rgba(40,35,44,.12)}.palette-bag::before{content:"";width:42%;height:27%;position:absolute;left:27%;top:-23%;border:4px solid rgba(40,35,44,.24);border-bottom:0;border-radius:40px 40px 0 0}.palette-chain{height:27%;position:absolute;z-index:2;left:64%;top:17%;border-left:4px dotted var(--metal)}.palette-ribbon{width:17%;height:10%;position:absolute;z-index:3;left:55%;top:39%;background:var(--primary);transform:rotate(-12deg);border-radius:50% 8px}.palette-ribbon::after{content:"";width:100%;height:100%;position:absolute;left:55%;background:var(--primary);transform:rotate(24deg);border-radius:8px 50%}.palette-bead{width:8%;aspect-ratio:1;position:absolute;z-index:3;border:3px solid var(--metal);border-radius:50%;background:var(--secondary)}.palette-bead.one{left:63%;top:53%}.palette-bead.two{left:69%;top:62%}.palette-plate{width:14%;height:17%;position:absolute;z-index:3;left:53%;top:61%;border:3px solid var(--metal);border-radius:50%;background:color-mix(in srgb,var(--primary) 72%,transparent)}.palette-visual small{position:absolute;z-index:4;left:12px;bottom:10px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.87);color:#4f4853;font-size:11px}.bag-color-accordion details,.explorer-panel>section>details{margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.bag-color-accordion summary,.explorer-panel summary{font-weight:800;cursor:pointer}.bag-color-accordion .palette-visual{max-width:280px}.related-color-buttons,.partner-palette{display:flex;flex-wrap:wrap;gap:9px}.related-color-buttons button,.partner-palette button{min-height:48px;padding:7px 12px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800;cursor:pointer}.related-color-buttons .swatch{width:24px;height:24px}.partner-palette button[aria-pressed=true]{border:3px solid #bf376a;background:#fff4f8}.partner-palette .recipe-chip i{width:24px;height:24px}.palette-dialog{width:min(900px,calc(100% - 28px));max-height:88vh;padding:28px;border:0;border-radius:24px;box-shadow:0 24px 80px rgba(40,30,45,.3)}.palette-dialog::backdrop{background:rgba(31,25,34,.58)}.dialog-close{width:44px;height:44px;position:sticky;z-index:2;float:right;top:0;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:25px;cursor:pointer}.dialog-content{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:24px;clear:both}.dialog-content h2{margin-top:0}.ratio-bar{height:18px;display:flex;overflow:hidden;border-radius:999px}.ratio-bar i:nth-child(1){width:60%;background:var(--bag)}.ratio-bar i:nth-child(2){width:30%;background:var(--primary)}.ratio-bar i:nth-child(3){width:5%;background:var(--secondary)}.ratio-bar i:nth-child(4){width:5%;background:var(--metal)}
/* metallic gold and silver */
.swatch-gold{border-color:#8f681c;background:linear-gradient(135deg,#6f4b0d 0%,#b9841f 18%,#fff2ad 43%,#d2a344 61%,#8a5d11 82%,#f3d476 100%);box-shadow:inset 2px 2px 3px rgba(255,255,255,.8),inset -2px -2px 4px rgba(85,51,5,.45),0 1px 2px rgba(92,61,12,.22)}.recipe-chip i.is-metal-gold{border-color:#8c6418;background:linear-gradient(135deg,#69460b 0%,#c28e27 20%,#fff3b1 43%,#d3a344 61%,#80550d 82%,#f2d175 100%);box-shadow:inset 1px 1px 2px rgba(255,255,255,.85),inset -1px -1px 2px rgba(80,47,4,.45)}.recipe-chip i.is-metal-silver{border-color:#65707e;background:linear-gradient(135deg,#59626e 0%,#b8c0ca 22%,#fff 43%,#c9d0d8 59%,#717b88 80%,#eef2f6 100%);box-shadow:inset 1px 1px 2px rgba(255,255,255,.95),inset -1px -1px 2px rgba(49,57,67,.35)}.palette-chain{width:5px;height:27%;position:absolute;z-index:2;left:64%;top:17%;border:0;border-radius:99px;background:linear-gradient(90deg,var(--metal-dark) 0%,var(--metal) 25%,var(--metal-hi) 48%,var(--metal) 67%,var(--metal-dark) 100%);box-shadow:1px 0 2px rgba(30,27,31,.3)}.palette-chain::after{content:"";position:absolute;inset:2px -2px;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(35,31,37,.45) 5px 7px);border-radius:99px}.palette-bead{border-color:var(--metal-dark);box-shadow:inset 1px 1px 0 var(--metal-hi),0 0 0 2px var(--metal),1px 2px 3px rgba(35,31,37,.28)}.palette-plate{border-color:var(--metal-dark);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 74%,transparent),color-mix(in srgb,var(--primary) 42%,var(--metal-hi)));box-shadow:inset 2px 2px 2px var(--metal-hi),0 0 0 2px var(--metal),1px 3px 5px rgba(35,31,37,.28)}.ratio-bar i:nth-child(4){background:linear-gradient(90deg,var(--metal-dark),var(--metal-hi),var(--metal),var(--metal-dark))}
/* stronger metal rings inside arrangement previews */
.palette-visual.metal-silver .palette-chain{width:6px;background:linear-gradient(90deg,#3f4854 0 12%,#9ca6b1 25%,#fff 47%,#dce2e8 58%,#606b78 80%,#f4f7fa 100%)}.palette-visual.metal-gold .palette-chain{width:6px;background:linear-gradient(90deg,#624006 0 12%,#bd8520 25%,#fff2a7 47%,#d5a33b 60%,#7c5008 80%,#f0cd68 100%)}.palette-visual.metal-silver .palette-bead{border:4px solid transparent;background:linear-gradient(var(--secondary),var(--secondary)) padding-box,conic-gradient(from 20deg,#4c5663 0 10%,#d9e0e7 18%,#fff 26%,#7a8592 43%,#eef2f6 56%,#56616e 72%,#fff 86%,#8c96a2 100%) border-box;box-shadow:inset 1px 1px 2px rgba(255,255,255,.7),1px 3px 5px rgba(35,42,50,.35)}.palette-visual.metal-gold .palette-bead{border:4px solid transparent;background:linear-gradient(var(--secondary),var(--secondary)) padding-box,conic-gradient(from 20deg,#684409 0 10%,#d5a03a 18%,#fff2a7 27%,#9a6814 43%,#f2ce68 57%,#734b08 72%,#fff0a0 86%,#b47c19 100%) border-box;box-shadow:inset 1px 1px 2px rgba(255,255,255,.55),1px 3px 5px rgba(69,46,8,.34)}.palette-visual.metal-silver .palette-plate{border:4px solid transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 74%,transparent),color-mix(in srgb,var(--primary) 42%,#fff)) padding-box,conic-gradient(from 20deg,#4c5663,#eef3f7,#76818e,#fff,#56616e,#dbe2e8,#4c5663) border-box;box-shadow:inset 2px 2px 2px rgba(255,255,255,.65),1px 3px 6px rgba(35,42,50,.35)}.palette-visual.metal-gold .palette-plate{border:4px solid transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 74%,transparent),color-mix(in srgb,var(--primary) 42%,#fff2a7)) padding-box,conic-gradient(from 20deg,#684409,#f3d06a,#94620f,#fff1a2,#754b07,#d8a43a,#684409) border-box;box-shadow:inset 2px 2px 2px rgba(255,255,255,.5),1px 3px 6px rgba(69,46,8,.34)}
/* natural chain links and a five-part bow; both inherit the selected palette colors */
.palette-chain,.palette-visual.metal-silver .palette-chain,.palette-visual.metal-gold .palette-chain{width:14px;height:29%;left:62.5%;top:15%;display:flex;flex-direction:column;align-items:center;background:none;box-shadow:none}.palette-chain::after{display:none}.palette-chain i{box-sizing:border-box;width:8px;height:12px;flex:0 0 auto;margin-top:-3px;border:2px solid transparent;border-radius:50%;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(135deg,var(--metal-dark) 0%,var(--metal) 24%,var(--metal-hi) 45%,var(--metal) 66%,var(--metal-dark) 100%) border-box;filter:drop-shadow(1px 1px 1px rgba(33,29,36,.28))}.palette-chain i:first-child{margin-top:0}.palette-chain i:nth-child(even){width:12px;height:8px;margin-top:-2px;transform:rotate(-8deg)}.palette-ribbon{--ribbon-light:color-mix(in srgb,var(--primary) 76%,#fff);--ribbon-dark:color-mix(in srgb,var(--primary) 78%,#542039);width:25%;height:21%;left:51.5%;top:36%;background:none;transform:none;border:0;border-radius:0;filter:drop-shadow(1px 3px 2px rgba(45,34,46,.2))}.palette-ribbon::after{content:none}.palette-ribbon i{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--primary) 72%,#4c3440);background:linear-gradient(145deg,var(--ribbon-light) 0%,var(--primary) 52%,var(--ribbon-dark) 100%)}.ribbon-loop{width:43%;height:45%;top:7%;z-index:2}.ribbon-loop--left{right:48%;border-radius:72% 35% 58% 42%;transform:rotate(-15deg);transform-origin:right center}.ribbon-loop--right{left:48%;border-radius:35% 72% 42% 58%;transform:rotate(15deg);transform-origin:left center}.ribbon-knot{width:24%;height:30%;z-index:4;left:38%;top:25%;border-radius:48%;background:radial-gradient(circle at 35% 30%,var(--ribbon-light),var(--primary) 55%,var(--ribbon-dark))}.ribbon-tail{width:30%;height:52%;top:43%;z-index:1;clip-path:polygon(10% 0,90% 0,78% 100%,50% 78%,22% 100%)}.ribbon-tail--left{left:27%;transform:rotate(9deg)}.ribbon-tail--right{right:27%;transform:rotate(-9deg)}
.step-number,.result-label{color:var(--color-pink-hover);font-weight:900;letter-spacing:.05em}.diagnosis-page{max-width:900px}.diagnosis-page form{display:grid;gap:18px;margin:28px 0}.diagnosis-page fieldset{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff8fb}.diagnosis-page legend{padding:0 8px;font-size:18px;font-weight:900}.diagnosis-page fieldset label{min-height:44px;margin:4px;padding:8px 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid #e6dae3;border-radius:999px;background:#fff}.diagnosis-page input{width:20px;height:20px}.diagnosis-result{margin:30px 0;padding:26px;border:2px solid #ef9fbc;border-radius:22px;background:linear-gradient(145deg,#fff5f9,#f5f1ff)}.diagnosis-result h2{margin:4px 0 10px}
/* charm selection hub */
body:has([data-charm-hub]) .saved-link [data-saved-count]{display:none}.charm-hub{max-width:1120px;margin:auto}.charm-hub>section{margin:64px 0}.charm-hub h2{margin-bottom:10px;font-size:clamp(26px,3vw,34px);line-height:1.35}.charm-hub h3{line-height:1.4}.charm-hub-hero{margin-top:24px;padding:54px clamp(22px,6vw,72px);overflow:hidden;position:relative;border:1px solid #efdce5;border-radius:30px;background:radial-gradient(circle at 90% 14%,rgba(168,138,216,.18) 0 8%,transparent 8.5%),radial-gradient(circle at 8% 90%,rgba(247,104,154,.18) 0 10%,transparent 10.5%),linear-gradient(145deg,#fff2f7,#fff 55%,#f6f2ff);box-shadow:var(--panel-shadow);text-align:center}.charm-hub-hero::before,.charm-hub-hero::after{content:"";width:14px;height:14px;position:absolute;transform:rotate(45deg);background:#f3b7cd}.charm-hub-hero::before{left:9%;top:18%}.charm-hub-hero::after{right:12%;bottom:20%;background:#c9b9f0}.charm-hero-mark{display:inline-block;padding:5px 14px;border-radius:999px;background:#fff;color:#b13564;font-weight:900;letter-spacing:.18em}.charm-hub-hero h1{max-width:880px;margin:16px auto 18px;font-size:clamp(36px,5vw,54px)}.charm-hub-hero>p{max-width:850px;margin:0 auto;color:#5d5360;font-size:17px}.charm-hero-actions{max-width:780px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.charm-purpose-tags{margin-top:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.charm-purpose-tags a{padding:6px 12px;border:1px solid #eadce4;border-radius:999px;background:rgba(255,255,255,.86);color:#704b5e;font-size:13px;font-weight:800;text-decoration:none}.charm-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.charm-category{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.charm-category>span,.charm-kind-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:22px;font-weight:900}.charm-category h3{margin:12px 0 6px}.charm-category p{margin:0}.charm-category small{display:block;margin-top:12px;color:var(--muted);line-height:1.6}.role-main{background:#fff0f5!important;color:#a62d5a}.role-support{background:#f3efff!important;color:#634daf}.role-middle{background:#edf7ff!important;color:#346a91}.beginner-tip{margin-top:18px;padding:20px 22px;border-left:5px solid #d12d68;border-radius:16px;background:#fff6e5}.beginner-tip strong{font-size:18px}.beginner-tip p{margin:5px 0}.beginner-tip a{color:#a62d5a;font-weight:800}.charm-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.charm-purpose-grid article{padding:20px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.purpose-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--color-pink-soft);color:#b02d5f;font-size:20px;font-weight:900}.charm-purpose-grid h3{margin:12px 0 5px}.charm-purpose-grid>article>strong{color:#584b61}.charm-purpose-grid p{margin:7px 0;color:var(--muted);font-size:14px!important}.charm-purpose-grid a{margin-top:auto;color:#a62d5a;font-weight:800}.scroll-hint{margin-bottom:-12px;color:var(--muted);font-size:13px!important}.charm-comparison-table table{min-width:1680px}.charm-comparison-table th,.charm-comparison-table td{vertical-align:top;font-size:13px;line-height:1.55}.charm-comparison-table thead th{background:#fff4f8}.charm-comparison-table tbody th{min-width:130px}.charm-comparison-table tbody th small{display:block;color:var(--muted)}.charm-comparison-table td:nth-child(4),.charm-comparison-table td:last-child{min-width:230px}.charm-mobile-compare{display:none}.role-tag{width:max-content;padding:3px 9px;display:inline-flex;border-radius:999px;font-size:12px;font-weight:800}.charm-detail-list{display:grid;gap:12px;margin-top:22px}.charm-detail-card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(59,46,65,.06);overflow:hidden}.charm-detail-card summary{min-height:116px;padding:18px 20px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;cursor:pointer;list-style:none}.charm-detail-card summary::-webkit-details-marker{display:none}.charm-detail-card[open] summary{border-bottom:1px solid var(--line);background:#fffbfd}.charm-detail-summary{display:grid;gap:5px}.charm-detail-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.charm-detail-title>strong{font-size:20px}.charm-detail-summary>small{color:var(--muted)}.details-toggle{min-width:108px;min-height:44px;padding:8px 13px;display:grid;place-items:center;border:1px solid #decdd7;border-radius:12px;color:#a62d5a;font-size:13px;font-weight:800}.close-label,.charm-detail-card[open] .open-label{display:none}.charm-detail-card[open] .close-label{display:inline}.charm-detail-content{padding:20px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:18px}.charm-detail-content dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.charm-detail-content dl div{padding:12px;border-radius:12px;background:#faf7fa}.charm-detail-content dt{font-size:13px}.charm-detail-content dd{font-size:14px}.charm-care{margin:0;padding:16px;border-radius:14px;background:#fff6e5}.charm-care strong{display:block;margin-bottom:5px}.charm-detail-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.coordinate-bridge{margin:24px 0;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;background:linear-gradient(135deg,#f3efff,#fff0f5)}.coordinate-bridge p{margin:0}.coordinate-bridge a{flex:none}.example-heading{margin-top:32px}.charm-example-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.charm-example-grid article{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.charm-example-grid h4{margin:12px 12px 2px}.charm-example-grid p{margin:0 12px 14px;color:var(--muted);font-size:13px!important}.charm-example-visual{height:145px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f3efff)}.example-bag{width:62%;height:58%;position:absolute;left:19%;top:29%;border:3px solid #c9c2ca;border-radius:10px 10px 18px 18px;background:#fff}.example-bag::before{content:"";width:44%;height:30%;position:absolute;left:27%;top:-25%;border:3px solid #c9c2ca;border-bottom:0;border-radius:24px 24px 0 0}.example-main{width:25%;aspect-ratio:1;position:absolute;z-index:2;right:16%;top:37%;border:3px solid #fff;border-radius:50%;background:var(--example-one);box-shadow:0 4px 9px rgba(47,40,52,.2)}.example-main::before{content:"";height:32px;position:absolute;left:50%;bottom:100%;border-left:3px solid #9d95a0}.example-sub{position:absolute;z-index:2;background:var(--example-two);border:2px solid #fff;box-shadow:0 3px 7px rgba(47,40,52,.16)}.example-sub.one{width:15%;aspect-ratio:1;right:35%;top:57%;border-radius:50%}.example-sub.two{width:18%;height:9%;right:13%;top:68%;border-radius:50% 8px;transform:rotate(-18deg)}.bag-charm-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bag-charm-match-grid a{padding:18px;display:grid;grid-template-columns:minmax(150px,.55fr) 1fr;gap:3px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}.bag-charm-match-grid strong{font-size:17px}.bag-charm-match-grid span{font-weight:700}.bag-charm-match-grid small{grid-column:2;color:var(--muted)}.bag-charm-match-grid em{grid-column:1/-1;margin-top:9px;color:#a62d5a;font-style:normal;font-weight:800}.charm-trouble-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.charm-trouble-grid a{padding:18px;display:flex;flex-direction:column;border:1px solid #f0dfc5;border-radius:18px;background:#fffaf0;text-decoration:none}.charm-trouble-grid>a>span{width:max-content;padding:3px 9px;border-radius:999px;background:#ffe9c3;color:#8b5b15;font-size:12px;font-weight:800}.charm-trouble-grid strong{margin-top:10px;font-size:18px}.charm-trouble-grid small{color:var(--muted)}.charm-trouble-grid em{margin-top:12px;color:#9c3a5d;font-style:normal;font-weight:800}.charm-next-step{padding:32px;border:1px solid #efd9e5;border-radius:24px;background:linear-gradient(135deg,#fff0f5,#f3efff);text-align:center}.charm-next-step p{max-width:720px;margin:0 auto 20px}.charm-next-step>div{display:flex;justify-content:center;gap:10px}.charm-next-step a{min-width:190px}.charm-hub :where(section,details)[id]{scroll-margin-top:calc(var(--header-height) + 18px)}
@media(max-width:900px){.charm-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.charm-purpose-grid,.charm-trouble-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charm-detail-content{grid-template-columns:1fr}.charm-care{grid-row:auto}.bag-charm-match-grid{grid-template-columns:1fr}}
@media(max-width:700px){.charm-hub>section{margin:44px 0}.charm-hub-hero{padding:34px 18px;border-radius:22px}.charm-hub-hero h1{font-size:34px}.charm-hub-hero>p{font-size:15px}.charm-hero-actions{grid-template-columns:1fr}.charm-hero-actions a{width:100%}.charm-category-grid,.charm-purpose-grid,.charm-trouble-grid,.charm-example-grid{grid-template-columns:1fr}.charm-comparison-table,.scroll-hint{display:none}.charm-mobile-compare{display:grid;gap:12px}.charm-compare-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.charm-compare-card h3{margin:0 0 7px;font-size:21px}.charm-compare-card dl{margin:14px 0;display:grid;gap:8px}.charm-compare-card dl div{display:grid;grid-template-columns:92px 1fr;gap:8px;padding-bottom:8px;border-bottom:1px solid #f0e8ee}.charm-compare-card dt{font-size:13px}.charm-compare-card dd{font-size:14px}.charm-compare-card>a{color:#a62d5a;font-weight:800}.charm-detail-card summary{padding:16px;grid-template-columns:44px 1fr}.details-toggle{grid-column:1/-1;width:100%}.charm-detail-content{padding:16px}.charm-detail-content dl{grid-template-columns:1fr}.charm-detail-actions{grid-template-columns:1fr}.coordinate-bridge{align-items:stretch;flex-direction:column}.coordinate-bridge a{width:100%}.bag-charm-match-grid a{grid-template-columns:1fr}.bag-charm-match-grid small{grid-column:1}.charm-next-step{padding:24px 16px}.charm-next-step>div{flex-direction:column}.charm-next-step a{width:100%;min-width:0}}
@media(max-width:900px){.mood-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-link-cards,.mood-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-build-grid,.mood-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-coordinate-grid{grid-template-columns:1fr}}
@media(max-width:600px){.mood-list-hero,.mood-detail-hero{padding:28px 18px;border-radius:21px}.mood-list-hero h1,.mood-detail-hero h1{font-size:32px}.mood-list-page>section,.mood-detail-page .guide-page>section{margin:40px 0}.mood-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mood-quick-grid>div{min-height:94px;padding:13px}.mood-quick-grid dd{font-size:13px}.mood-link-cards,.mood-recipe-grid,.mood-build-grid,.mood-photo-grid{grid-template-columns:1fr}.mood-link-cards a{min-height:154px}.mood-caution ul{grid-template-columns:1fr}.mood-feature-groups dl>div{grid-template-columns:76px 1fr}.mood-list-next>div{flex-direction:column}.mood-list-next a{width:100%}.mood-palette>span{min-height:44px}.mood-coordinate-wrap .coordinate-card{width:100%}}
@media(max-width:880px){.discovery-grid,.mood-grid,.color-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-tab-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}.palette-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-nav{gap:13px}.desktop-nav a{font-size:12px}.photo-tips{grid-template-columns:1fr}.related-links .link-grid{grid-template-columns:1fr 1fr}.dialog-content{grid-template-columns:1fr}}
@media(max-width:560px){.discovery-grid,.mood-grid,.color-hub-grid,.pink-shade-grid>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.discovery-grid a{min-height:104px;padding:12px}.coordinate-grid,.palette-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.article-card>a{padding:11px;display:block}.article-mark{width:36px;height:36px;margin-bottom:7px;font-size:19px}.article-card h3{font-size:14px}.article-card p{font-size:12px;line-height:1.55}.link-grid a,.catalog-grid a{min-height:98px;padding:11px}.link-grid strong,.catalog-grid strong{font-size:14px}.link-grid span,.catalog-grid span{font-size:12px}.color-tab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-tab-grid button{min-width:0;min-height:50px;padding:6px;font-size:13px}.color-tab-grid button .swatch{width:22px;height:22px}.color-tab-grid button[aria-selected=true]{border-width:2px}.palette-picker-section{padding:12px}.selected-color-header{grid-template-columns:42px 1fr;padding:14px}.selected-color-header>.swatch{width:42px;height:42px}.selected-color-header dl{display:block}.palette-card h3{min-height:42px;font-size:14px}.palette-visual{width:100%}.palette-dialog{padding:18px}.related-links .link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-page>section{margin:32px 0}.shade-panel,.ng-panel{padding:18px}.diagnosis-page fieldset label{display:flex}.card-catch{min-height:auto}.card-facts div{grid-template-columns:64px 1fr}.color-hub-card>a{grid-template-columns:32px 1fr;padding:11px}.color-hub-card>a .swatch{width:30px;height:30px}.shade-shortcuts{position:static}.pink-combination table{min-width:560px}.item-list{gap:8px}.item-list article{padding:10px}.item-list h3{font-size:14px}.item-list dt{font-size:10px}.item-list dd{font-size:12px;line-height:1.5}.affiliate-search{min-height:42px;padding:7px;font-size:11px}.affiliate-product{min-height:62px;padding:6px;grid-template-columns:44px minmax(0,1fr);gap:7px}.affiliate-product img,.affiliate-product-placeholder{width:44px;height:44px}.affiliate-product strong{font-size:11px;-webkit-line-clamp:3}.affiliate-product span span{font-size:11px}}

.charm-hub-v2{max-width:1180px}.charm-hub-v2>section{margin:58px 0}.charm-hub-v2 .eyebrow,.goods-detail-page .eyebrow{display:block;color:#ae2b5d;font-size:12px;font-weight:900;letter-spacing:.14em}.charm-hub-v2 .section-head{align-items:flex-end}.charm-hub-v2 .section-head h2{margin:4px 0 5px}.charm-filter-section{padding:28px;border:1px solid #efdce5;border-radius:26px;background:#fff8fb}.charm-filter-panel{margin-top:18px;border:1px solid #e8dce3;border-radius:18px;background:#fff;overflow:hidden}.charm-filter-panel>summary{min-height:58px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:900}.charm-filter-panel>summary span{padding:4px 9px;border-radius:999px;background:#fff0f5;color:#a32b58;font-size:12px}.charm-filter-body{padding:0 18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.charm-filter-body fieldset{min-width:0;padding:0;border:0}.charm-filter-body legend{margin-bottom:9px;font-weight:900}.charm-filter-body fieldset>div{display:flex;flex-wrap:wrap;gap:7px}.charm-filter-body button,.charm-category-tabs button{min-height:40px;padding:7px 12px;border:1px solid #dfd2da;border-radius:999px;background:#fff;color:#4d424d;font-weight:800;cursor:pointer}.charm-filter-body button[aria-pressed=true],.charm-category-tabs button[aria-pressed=true]{border-color:#d12d68;background:#fff0f5;color:#a12453;box-shadow:inset 0 0 0 1px #d12d68}.filter-note{margin:10px 0 0;padding:9px;border-radius:10px;background:#fff6e5;color:#6b5744;font-size:12px!important}.active-charm-filters{min-height:38px;margin-top:13px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.active-charm-filters>span{color:var(--muted);font-size:13px}.active-charm-filters button{min-height:32px;padding:4px 9px;border:0;border-radius:999px;background:#f3efff;color:#5e4a96;font-size:12px;font-weight:800;cursor:pointer}.charm-category-tabs{margin:18px 0;display:flex;flex-wrap:wrap;gap:8px}.goods-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.goods-catalog-card{min-width:0;display:flex;flex-direction:column;border:1px solid #eadde5;border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(61,43,63,.07);overflow:hidden;text-decoration:none;transition:border-color .18s,box-shadow .18s}.goods-catalog-card:hover{border-color:#d799b2;box-shadow:0 10px 25px rgba(61,43,63,.11)}.goods-catalog-card:focus-visible,.charm-filter-body button:focus-visible,.charm-category-tabs button:focus-visible{outline:3px solid rgba(209,45,104,.28);outline-offset:3px}.goods-card-visual{height:150px;padding:14px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff5f9,#f4f0ff)}.goods-card-visual::before{content:"";width:88px;height:70px;border:3px solid #d3a1b7;border-radius:13px;background:rgba(255,255,255,.8);box-shadow:0 7px 15px rgba(75,53,72,.08)}.goods-card-visual i{width:34px;height:34px;position:absolute;left:calc(50% + 24px);top:47px;border:4px solid #a8416b;border-radius:50%;background:#f6a4c2}.goods-card-visual i::before{content:"";height:24px;position:absolute;left:50%;bottom:100%;border-left:3px solid #8d8390}.goods-card-visual b{position:absolute;left:12px;bottom:10px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:#8f2851;font-size:12px}.goods-ribbon i,.goods-tassel i{border-radius:50% 8px}.goods-plush i,.goods-mini-pouch i,.goods-shaker i{width:42px;height:45px;border-radius:14px}.goods-trading-card i,.goods-photo i,.goods-acrylic-stand i{width:32px;height:45px;border-radius:6px}.goods-beads i{border-width:7px;background:transparent}.goods-metal i{background:linear-gradient(135deg,#fff,#9fa8b5 40%,#fff 58%,#626b78)}.goods-protect i{border-radius:8px;background:transparent}.goods-card-body{padding:16px;display:flex;flex:1;flex-direction:column}.goods-card-body>strong{margin:9px 0 5px;color:#241d25;font-size:20px}.goods-card-body>span:not(.role-tag):not(.goods-quick-labels):not(.goods-card-action){color:var(--muted);font-size:14px;line-height:1.65}.goods-quick-labels{margin:12px 0;display:flex;flex-wrap:wrap;gap:5px}.goods-quick-labels em{padding:3px 7px;border-radius:999px;background:#f8f5f7;color:#654f5b;font-size:11px;font-style:normal;font-weight:800}.goods-card-action{margin-top:auto;padding-top:10px;color:#a42b59;font-weight:900}.charm-empty{margin-top:16px}.combination-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.combination-card-grid article{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.combination-card-grid h3{margin:0 0 12px;font-size:18px}.combination-card-grid dl{margin:0;display:grid;gap:6px}.combination-card-grid dl div{display:grid;grid-template-columns:75px 1fr;gap:6px}.combination-card-grid dt{font-size:12px}.combination-card-grid dd{font-size:13px}.combination-card-grid p{margin:12px 0 0;padding:9px;border-radius:10px;background:#fff6e5;font-size:12px!important}.goods-count-guide{padding:28px;border-radius:24px;background:#faf7ff}.goods-count-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.goods-count-guide article{padding:18px;border-radius:16px;background:#fff}.goods-count-guide h3{margin:0 0 9px}.goods-count-guide strong,.goods-count-guide span{display:block}.goods-count-guide strong{color:#a42b59;font-size:19px}.goods-count-guide span{margin-top:4px;color:var(--muted)}.hardware-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.hardware-card-grid article{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.hardware-card-grid h3{margin:0 0 10px}.hardware-card-grid dl{margin:0}.hardware-card-grid dl div{margin-top:6px}.hardware-card-grid p{margin:11px 0 0;color:#8b3154;font-size:13px!important}.basic-rule-panel{padding:30px;border:1px solid #efd9e4;border-radius:24px;background:linear-gradient(145deg,#fff3f7,#fff)}.basic-rule-panel ol{margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:rule;list-style:none}.basic-rule-panel li{min-height:74px;padding:14px 14px 14px 50px;position:relative;border-radius:14px;background:#fff;font-weight:800}.basic-rule-panel li::before{counter-increment:rule;content:counter(rule);width:28px;height:28px;position:absolute;left:13px;top:13px;display:grid;place-items:center;border-radius:50%;background:#d12d68;color:#fff}.charm-hub-v2 .charm-next-step>div{flex-wrap:wrap}
.goods-detail-page{max-width:1120px;margin:auto}.goods-detail-page>section{margin:58px 0}.goods-detail-hero{margin-top:22px;padding:32px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;border:1px solid #eddce5;border-radius:28px;background:linear-gradient(145deg,#fff7fa,#fff 58%,#f5f1ff)}.goods-detail-copy h1{margin:6px 0 12px;font-size:clamp(36px,4.5vw,52px)}.goods-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.goods-detail-tags span{padding:5px 10px;border-radius:999px;background:#fff0f5;color:#963055;font-size:12px;font-weight:900}.goods-detail-copy dl{display:grid;gap:8px;margin:18px 0}.goods-detail-copy dl div{padding:10px 12px;display:grid;grid-template-columns:82px 1fr;gap:10px;border-radius:12px;background:rgba(255,255,255,.84)}.goods-detail-copy dt{font-size:12px}.goods-detail-copy dd{font-size:14px}.goods-detail-visual{min-height:390px;position:relative;overflow:hidden;border:1px solid #eadde5;border-radius:22px;background:#fff}.placement-bag{width:64%;height:58%;position:absolute;left:18%;top:25%;border:4px solid #d0a2b7;border-radius:16px 16px 28px 28px;background:#fff8fb}.placement-bag::before{content:"";width:45%;height:30%;position:absolute;left:27%;top:-25%;border:4px solid #d0a2b7;border-bottom:0;border-radius:30px 30px 0 0}.placement-good{width:70px;height:70px;position:absolute;z-index:2;right:14%;top:35%;border:5px solid #fff;border-radius:50%;background:#f36f9e;box-shadow:0 5px 12px rgba(67,43,60,.2)}.placement-good::before{content:"";height:55px;position:absolute;left:50%;bottom:100%;border-left:4px solid #7c7480}.goods-detail-visual strong{position:absolute;left:16px;top:14px;color:#9a2a56}.goods-detail-visual small{position:absolute;left:16px;bottom:13px;color:var(--muted)}.placement-ok,.placement-ng{position:absolute;padding:3px 8px;border-radius:999px;font-size:11px;font-style:normal;font-weight:900}.placement-ok{right:10%;top:27%;background:#eaf9f1;color:#267052}.placement-ng{left:11%;bottom:12%;background:#fff0f2;color:#a93249}.goods-quick-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.goods-quick-facts div{min-height:88px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.goods-quick-facts dt{color:#a42b59;font-size:12px}.goods-quick-facts dd{margin-top:8px;font-size:14px;font-weight:900}.goods-type-grid{display:flex;flex-wrap:wrap;gap:8px}.goods-type-grid span{padding:9px 13px;border:1px solid #e2d6de;border-radius:999px;background:#fff;font-weight:800}.supply-level-grid,.position-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.supply-level-grid article,.position-guide-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.supply-level-grid article>span{padding:4px 9px;border-radius:999px;background:#fff0f5;color:#9b2c58;font-size:12px;font-weight:900}.supply-level-grid h3{margin:10px 0 8px}.supply-level-grid ul,.position-guide-grid ul{margin:0;padding-left:20px}.goods-install-steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none}.goods-install-steps li{min-height:82px;padding:14px;display:grid;grid-template-columns:38px 1fr;align-items:start;gap:10px;border:1px solid var(--line);border-radius:15px;background:#fff}.goods-install-steps li>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d12d68;color:#fff;font-weight:900}.goods-install-steps p{margin:5px 0 0}.common-safety-rule{margin-top:14px;padding:18px;border-left:5px solid #d49a28;border-radius:14px;background:#fff6e5}.common-safety-rule p{margin:5px 0 0}.position-good{border-top:4px solid #4baa79!important}.position-condition{border-top:4px solid #d2a23a!important}.position-avoid{border-top:4px solid #d45867!important}.compatible-goods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.compatible-goods-grid article{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.compatible-goods-grid article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f3efff;color:#6551a2}.compatible-goods-grid strong{display:block;margin:9px 0 3px}.compatible-goods-grid p{margin:0;color:var(--muted);font-size:12px!important}.specific-ng-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none}.specific-ng-list li{padding:13px 13px 13px 40px;position:relative;border-radius:12px;background:#fff}.specific-ng-list li::before{content:"×";position:absolute;left:15px;color:#c23551;font-weight:900}.safety-grid-detailed article{min-height:170px}.color-presentation{margin-top:17px;padding:20px;border-radius:17px;background:#faf7ff}.color-presentation h3{margin-top:0}
@media(max-width:900px){.goods-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combination-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goods-quick-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.goods-detail-hero{grid-template-columns:1fr}.goods-detail-visual{min-height:340px}.compatible-goods-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.charm-hub-v2>section,.goods-detail-page>section{margin:40px 0}.charm-hub-v2 .charm-hub-hero{padding:28px 16px}.charm-hub-v2 .charm-hub-hero h1{font-size:31px}.charm-filter-section{padding:16px}.charm-filter-panel:not([open]) .charm-filter-body{display:none}.charm-filter-body{grid-template-columns:1fr;padding:0 12px 15px}.charm-filter-clear{display:none}.charm-category-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.charm-category-tabs button:first-child{grid-column:1/-1}.goods-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.goods-card-visual{height:105px}.goods-card-visual::before{width:63px;height:50px}.goods-card-visual i{width:26px;height:26px;left:calc(50% + 15px);top:34px;border-width:3px}.goods-card-visual i::before{height:18px;border-width:2px}.goods-card-body{padding:10px}.goods-card-body>strong{font-size:15px}.goods-card-body>span:not(.role-tag):not(.goods-quick-labels):not(.goods-card-action){font-size:11px;line-height:1.5}.goods-quick-labels{gap:3px}.goods-quick-labels em:nth-child(n+4){display:none}.goods-card-action{font-size:12px}.combination-card-grid{grid-template-columns:1fr}.goods-count-guide{padding:18px}.goods-count-guide>div,.hardware-card-grid,.basic-rule-panel ol{grid-template-columns:1fr}.basic-rule-panel{padding:20px}.goods-detail-hero{padding:18px}.goods-detail-copy h1{font-size:32px}.goods-detail-visual{min-height:300px}.goods-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.supply-level-grid,.position-guide-grid,.goods-install-steps{grid-template-columns:1fr}.compatible-goods-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.specific-ng-list{grid-template-columns:1fr}.goods-detail-page .coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.charm-hub-v2 .charm-hub-hero{padding:24px 16px}.charm-hub-v2 .charm-hub-hero h1{font-size:29px}.charm-hub-v2 .charm-hub-hero>p{font-size:13px;line-height:1.8}.charm-filter-panel[open]{position:fixed;z-index:45;inset:68px 10px 72px;margin:0;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 18px 60px rgba(47,34,49,.28)}.charm-filter-panel[open]>summary{position:sticky;z-index:2;top:0;border-bottom:1px solid #eee1e8;background:#fff}.charm-filter-panel[open] .charm-filter-body{padding-bottom:22px}.charm-filter-body fieldset{padding-top:12px}.charm-filter-body button{min-height:42px}.charm-hub-v2 #goods-list>.section-head{display:block}.charm-hub-v2 #goods-list>.section-head>p{margin:7px 0 0;color:var(--muted);font-size:13px}.goods-card-body>span:not(.role-tag):not(.goods-quick-labels):not(.goods-card-action){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}}

.coordinate-card-photo{width:100%;margin:0;position:relative;overflow:hidden;contain:paint;aspect-ratio:4/5;background:#f8f5f7}.coordinate-card-photo img{width:100%;height:100%;display:block;object-fit:cover}.coordinate-card-photo figcaption{position:absolute;left:9px;right:9px;bottom:9px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(60,43,63,.1);color:#574a57;font-size:11px}.coordinate-card-photo figcaption strong{color:#a42b59}.coordinate-card-photo figcaption span{white-space:nowrap}
.coordinate-photo{width:100%;max-width:100%;margin:0;position:relative;overflow:hidden;contain:paint;aspect-ratio:4/5;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.coordinate-photo img{width:100%;max-width:100%;height:100%;display:block;object-fit:cover}.coordinate-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(60,43,63,.08);backdrop-filter:blur(5px);color:#574a57;font-size:12px}.coordinate-photo figcaption strong{color:#a42b59}.coordinate-photo figcaption span{white-space:nowrap}
.card-metrics{grid-template-columns:repeat(2,1fr)!important}.budget-summary{margin:8px 0;padding:11px;display:grid;grid-template-columns:1fr auto;gap:3px 8px;border:1px solid #edc9d7;border-radius:12px;background:#fff6fa}.budget-summary>span{grid-column:1/-1;color:#a42b59;font-size:11px;font-weight:900}.budget-summary>strong{font-size:15px}.budget-summary>small{text-align:right;color:#5c4d59;font-weight:800}.budget-summary>em{grid-column:1/-1;color:var(--muted);font-size:10px;font-style:normal}.budget-scope{margin:0 12px 10px;border:1px solid #e7dce3;border-radius:11px;background:#fff}.budget-scope summary{min-height:40px;padding:8px 10px;display:flex;align-items:center;color:#7d3855;font-size:12px;font-weight:800;cursor:pointer}.budget-scope>div{padding:0 12px 12px;color:#5d5360;font-size:12px}.budget-scope strong{display:block;margin-top:7px}.budget-scope ul{margin:4px 0;padding-left:18px}.coordinate-grid--one .coordinate-card--detailed .budget-scope{grid-column:2}.budget-definition{padding:26px;border:1px solid #eddde6;border-radius:22px;background:#fff8fb}.detail-budget-summary{margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-budget-summary>div{padding:18px;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(60,43,63,.06)}.detail-budget-summary span,.detail-budget-summary strong,.detail-budget-summary small{display:block}.detail-budget-summary span{color:#a42b59;font-size:13px;font-weight:900}.detail-budget-summary strong{margin:5px 0;font-size:22px}.detail-budget-summary small{color:var(--muted)}.budget-scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.budget-scope-columns>div{padding:16px;border-radius:14px;background:#fff}.budget-scope-columns h3{margin:0 0 8px}.budget-scope-columns ul{margin:0;padding-left:20px}.item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.item-budget-class{padding:4px 8px;flex:none;border-radius:999px;background:#edf7ff;color:#345e7a;font-size:11px;font-weight:900}.item-budget-class--optional{background:#fff0f5;color:#a42b59}.item-budget-class--excluded-main-good{background:#f2eff2;color:#675d66}.item-list dt{font-size:12px}.item-list dd{margin:2px 0 0}.imitate-budget{margin:14px 0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border-radius:12px;background:#fff}.imitate-budget span{font-weight:900}.imitate-budget small{grid-column:1/-1;color:var(--muted)}@media(max-width:600px){.detail-budget-summary,.budget-scope-columns,.imitate-budget{grid-template-columns:1fr}.imitate-budget small{grid-column:1}.budget-definition{padding:18px}.item-heading{display:block}.item-budget-class{display:inline-block;margin-bottom:8px}.coordinate-grid--one .coordinate-card--detailed .budget-scope{grid-column:auto}.budget-summary{grid-template-columns:1fr}.budget-summary>small{text-align:left}}
.coordinate-list-page{max-width:1220px}.coordinate-list-hero{margin:20px 0 28px;padding:34px clamp(20px,4vw,48px);border:1px solid #eddde6;border-radius:28px;background:linear-gradient(145deg,#fff4f8,#fff 58%,#f5f1ff)}.coordinate-list-hero h1{max-width:100%;margin:8px 0 12px;font-size:clamp(38px,4.2vw,54px);line-height:1.25}.three-steps{margin-top:24px;padding:22px;border-radius:20px;background:rgba(255,255,255,.9)}.three-steps h2{margin:0 0 12px;font-size:22px}.three-steps ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none}.three-steps li{min-height:58px;padding:10px;display:flex;align-items:center;gap:9px;border-radius:14px;background:#fff0f5;font-weight:800}.three-steps li span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#d12d68;color:#fff}.three-steps p{margin:12px 0;color:var(--muted)}.three-steps nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.three-steps nav a{min-height:44px;padding:8px;display:grid;place-items:center;border:1px solid #dfcfd8;border-radius:12px;background:#fff;text-align:center;text-decoration:none;font-weight:800}.three-steps small{display:block;margin-top:12px}.shortcut-section{margin:28px 0}.shortcut-section h2{font-size:22px}.shortcut-scroll{padding-bottom:8px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.shortcut-scroll button{min-height:44px;padding:7px 14px;flex:none;border:1px solid #e0d3dc;border-radius:999px;background:#fff;font-weight:800;cursor:pointer}.shortcut-scroll button[aria-pressed=true]{border-color:#d12d68;background:#fff0f5;color:#a62052}.coordinate-list-page .filter-panel{padding:0;background:transparent}.coordinate-list-page .filter-panel>summary{display:none}.coordinate-filters{display:grid;gap:16px}.filter-group{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff8fb}.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.filter-heading span{color:#a42b59;font-size:13px;font-weight:900}.filter-heading h2{margin:2px 0 16px;font-size:24px}.text-button,.toolbar-actions button{min-height:40px;padding:6px 10px;border:0;background:transparent;color:#a42b59;text-decoration:underline;font-weight:800;cursor:pointer}.coordinate-filters .choice-group{margin-top:18px}.coordinate-filters .choice-chip{font-size:14px}.basic-selects,.advanced-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.basic-selects label,.advanced-filter-grid label{font-size:13px;font-weight:800}.basic-selects select,.advanced-filter-grid select{width:100%;min-height:46px;margin-top:4px;padding:7px 10px;border:1px solid #d6cbd2;border-radius:11px;background:#fff}.owned-goods{margin:20px 0 0;padding:18px;border:1px solid #e5dbe2;border-radius:16px;background:#fff}.owned-goods legend{padding:0 7px;font-weight:900}.owned-goods>p{margin:0 0 12px;color:var(--muted);font-size:14px}.owned-goods>div{display:flex;flex-wrap:wrap;gap:8px}.owned-goods label{min-height:44px;padding:7px 11px;display:flex;align-items:center;gap:6px;border:1px solid #e0d5dc;border-radius:999px;background:#fff;cursor:pointer}.owned-goods label:has(input:checked){border-color:#8872d8;background:#f3efff}.owned-goods input{width:18px;height:18px}.owned-goods small{color:var(--muted);font-size:11px}.local-note{display:block;margin-top:12px}.advanced-filters{padding:16px 20px;border:1px solid var(--line);border-radius:18px;background:#f7f4ff}.advanced-filters summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:900}.advanced-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-data-note{padding:12px;border-radius:12px;background:#fff6e5;font-size:13px}.mobile-result-action{display:flex;align-items:center;justify-content:flex-end;gap:14px}.mobile-result-action [data-estimated]{font-weight:800}.starter-picks{margin:30px 0}.starter-picks h2{font-size:22px}.starter-picks>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.starter-picks a{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}.starter-picks strong,.starter-picks span{display:block}.starter-picks span{margin-top:3px;color:var(--muted);font-size:13px}.coordinate-list-page .result-toolbar{top:72px}.toolbar-actions{display:flex;flex-wrap:wrap;gap:3px}.selected-chips button{min-height:32px;padding:4px 9px;border:0;border-radius:999px;background:#fff0f5;color:#9b2d58;font-size:12px;font-weight:800;cursor:pointer}.selected-chips button::after{content:" ×"}.coordinate-list-page .coordinate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.coordinate-list-page .coordinate-grid.coordinate-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.coordinate-list-page .coordinate-grid.coordinate-grid--one{grid-template-columns:1fr}.coordinate-card--detailed{display:flex;flex-direction:column}.coordinate-card--detailed .card-main-link{display:flex;flex:1;flex-direction:column}.coordinate-card--detailed .card-copy{display:flex;flex:1;flex-direction:column}.coordinate-card--detailed .coordinate-visual{aspect-ratio:4/3}.card-kickers{display:flex;flex-wrap:wrap;gap:6px}.scene-tag{padding:2px 9px;border-radius:999px;background:#edf7ff;color:#345e7a;font-size:12px;font-weight:800}.coordinate-card--detailed .card-title{min-height:48px;-webkit-line-clamp:2;font-size:17px}.coordinate-card--detailed .card-catch{min-height:66px}.recommendation-reason{padding:9px;border-left:3px solid #d12d68;border-radius:8px;background:#fff7fa;color:#4e434f!important}.recommendation-reason strong{display:block;color:#a42b59;font-size:11px}.card-metrics{margin:9px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.card-metrics span{min-width:0;padding:8px 5px;border-radius:10px;background:#f8f5f7;text-align:center}.card-metrics strong,.card-metrics small{display:block}.card-metrics strong{font-size:13px}.card-metrics small{color:var(--muted);font-size:10px}.difficulty-line{font-size:13px!important}.typed-tags{display:flex;flex-wrap:wrap;gap:5px}.typed-tags span{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}.tag-mood{background:#f3efff;color:#604da2}.tag-scene{background:#edf7ff;color:#346a91}.tag-feature{background:#edfaf7;color:#2f746b}.tag-caution{background:#fff6e5;color:#936016}.owned-match{margin-top:10px;padding:9px;border-radius:10px;background:#f3efff;color:#59488d;font-size:12px;font-weight:800}.budget-note{margin-top:auto!important;font-size:11px!important}.card-actions--compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-toggle{min-height:44px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8cbd4;border-radius:9px;background:#fff;font-weight:800}.compare-toggle input{width:18px;height:18px}.coordinate-grid--one .coordinate-card--detailed{display:grid;grid-template-columns:minmax(260px,360px) 1fr}.coordinate-grid--one .coordinate-card--detailed .card-main-link{display:grid;grid-template-columns:minmax(260px,360px) 1fr}.coordinate-grid--one .coordinate-card--detailed .coordinate-visual{height:100%;aspect-ratio:auto}.coordinate-grid--one .coordinate-card--detailed .card-actions{grid-column:2}.load-more-wrap{margin:24px 0;display:flex;align-items:center;justify-content:center;gap:12px}.comparison-bar{position:fixed;z-index:22;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e2c8d5;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 16px 50px rgba(58,42,62,.22)}.comparison-bar[hidden]{display:none}.comparison-bar>button:not(.primary){min-height:40px;border:0;background:transparent;color:#a42b59;font-weight:800}.compare-dialog{width:min(1100px,calc(100% - 24px));max-height:88vh;padding:26px;border:0;border-radius:22px}.compare-dialog::backdrop{background:rgba(40,32,43,.58)}.compare-dialog .table-scroll{clear:both}.coordinate-guide{margin:52px 0;padding:28px;border-radius:22px;background:#faf7ff}.coordinate-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.coordinate-link-grid a{padding:12px;border-radius:12px;background:#fff;font-weight:800}.toast a{margin-left:8px;color:#fff;font-weight:900}
@media(max-width:900px){.three-steps nav{grid-template-columns:repeat(2,1fr)}.advanced-filter-grid{grid-template-columns:repeat(2,1fr)}.coordinate-list-page .coordinate-grid,.coordinate-list-page .coordinate-grid.coordinate-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.view-controls [data-view=three]{display:none}.coordinate-link-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.coordinate-list-page{padding-left:10px;padding-right:10px}.coordinate-list-hero{padding:22px 14px;border-radius:20px}.coordinate-list-hero h1{font-size:32px}.three-steps{padding:14px}.three-steps ol{gap:5px}.three-steps li{padding:8px 5px;display:grid;justify-items:center;text-align:center;font-size:12px}.three-steps nav{grid-template-columns:repeat(2,1fr)}.filter-group{padding:14px}.filter-heading{align-items:flex-start}.basic-selects,.advanced-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.owned-goods{padding:12px}.owned-goods>div{display:grid;grid-template-columns:repeat(2,1fr)}.owned-goods label{min-width:0}.mobile-result-action{position:sticky;z-index:8;bottom:66px;padding:10px;flex-direction:column;align-items:stretch;border-radius:14px;background:#fff;box-shadow:0 -5px 18px rgba(50,38,58,.09)}.mobile-result-action button{width:100%}.starter-picks>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.starter-picks a{padding:11px}.coordinate-list-page .result-toolbar{position:static;align-items:stretch;flex-direction:column}.view-controls{flex-wrap:wrap}.view-controls label{width:100%}.view-controls select{width:calc(100% - 75px)}.coordinate-list-page .coordinate-grid,.coordinate-list-page .coordinate-grid.coordinate-grid--three,.coordinate-list-page .coordinate-grid.coordinate-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coordinate-card--detailed .card-copy{padding:9px}.coordinate-card--detailed .coordinate-visual{aspect-ratio:1/1}.coordinate-card--detailed .coordinate-visual>strong{left:7px;top:7px;font-size:10px}.coordinate-card--detailed .coordinate-visual small{left:7px;bottom:6px;font-size:9px}.coordinate-card--detailed .card-kickers{display:none}.coordinate-card--detailed .card-title{min-height:42px;font-size:14px}.coordinate-card--detailed .card-catch,.coordinate-card--detailed .card-facts,.coordinate-card--detailed .recommendation-reason,.coordinate-card--detailed .difficulty-line,.coordinate-card--detailed .typed-tags,.coordinate-card--detailed .budget-note{display:none}.card-metrics{grid-template-columns:1fr;gap:3px}.card-metrics span{padding:5px}.card-metrics span:first-child{display:none}.card-metrics strong{font-size:11px}.owned-match{padding:6px;font-size:10px}.card-actions--compare{padding:0 7px 8px;grid-template-columns:1fr}.compare-toggle,.card-actions--compare .save-button{min-height:40px;font-size:12px}.coordinate-list-page .coordinate-grid.coordinate-grid--one{grid-template-columns:1fr}.coordinate-grid--one .coordinate-card--detailed{display:flex}.coordinate-grid--one .coordinate-card--detailed .card-main-link{display:flex}.coordinate-grid--one .coordinate-card--detailed .coordinate-visual{height:auto;aspect-ratio:4/3}.coordinate-grid--one .coordinate-card--detailed .card-actions{grid-column:auto}.coordinate-grid--one .coordinate-card--detailed .card-catch,.coordinate-grid--one .coordinate-card--detailed .card-facts,.coordinate-grid--one .coordinate-card--detailed .recommendation-reason,.coordinate-grid--one .coordinate-card--detailed .difficulty-line,.coordinate-grid--one .coordinate-card--detailed .typed-tags,.coordinate-grid--one .coordinate-card--detailed .budget-note{display:block}.coordinate-grid--one .card-metrics{grid-template-columns:repeat(3,1fr)}.coordinate-grid--one .card-metrics span:first-child{display:block}.coordinate-grid--one .card-actions--compare{grid-template-columns:1fr 1fr}.comparison-bar{bottom:68px;flex-wrap:wrap}.comparison-bar .primary{flex:1}.coordinate-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coordinate-guide{padding:18px}}

.diagnosis-v2{max-width:1120px}.diagnosis-v2 [hidden]{display:none!important}.diagnosis-hero{margin:20px 0 26px;padding:clamp(32px,6vw,64px);position:relative;overflow:hidden;border:1px solid #efdbe5;border-radius:30px;background:radial-gradient(circle at 92% 15%,rgba(168,138,216,.18),transparent 22%),radial-gradient(circle at 8% 90%,rgba(247,104,154,.17),transparent 24%),linear-gradient(145deg,#fff3f8,#fff 55%,#f7f3ff);text-align:center;box-shadow:var(--panel-shadow)}.diagnosis-hero>span,.diagnosis-v2 .eyebrow{display:inline-block;color:#a82c5a;font-size:12px;font-weight:900;letter-spacing:.15em}.diagnosis-hero h1{max-width:900px;margin:12px auto 16px;font-size:clamp(34px,5vw,54px);line-height:1.28}.diagnosis-hero p{max-width:820px;margin:auto;color:#5d5360;font-size:16px;line-height:1.85}
.diagnosis-start-card{padding:clamp(22px,4vw,42px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;border:1px solid #eadce4;border-radius:26px;background:#fff;box-shadow:0 12px 35px rgba(61,43,63,.08)}.diagnosis-start-card h2{margin:8px 0 10px;font-size:clamp(25px,3vw,34px)}.diagnosis-start-card dl{margin:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diagnosis-start-card dl div{padding:13px;border-radius:13px;background:#fff6fa}.diagnosis-start-card dt{font-size:11px}.diagnosis-start-card dd{margin-top:3px;font-weight:900}.diagnosis-start-button{min-width:230px}.diagnosis-start-card aside{padding:22px;border-radius:20px;background:linear-gradient(145deg,#fff0f5,#f5f1ff)}.diagnosis-start-card aside h3{margin-top:0}.diagnosis-start-card aside ul{margin:0;padding-left:22px;line-height:2}
.diagnosis-wizard{margin:28px 0;border:1px solid #eadce4;border-radius:26px;background:#fff;box-shadow:0 12px 35px rgba(61,43,63,.08);overflow:hidden}.diagnosis-progress{padding:20px 24px;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:18px;border-bottom:1px solid #eadfe5;background:#fff7fa}.diagnosis-progress>div strong,.diagnosis-progress>div span{display:block}.diagnosis-progress>div strong{color:#a72b59;font-size:22px}.diagnosis-progress>div span{margin-top:2px;color:var(--muted);font-size:12px}.diagnosis-progress ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}.diagnosis-progress li{position:relative;display:grid;justify-items:center;gap:5px;color:#928790;font-size:11px}.diagnosis-progress li::before{content:"";height:2px;position:absolute;z-index:0;left:-50%;right:50%;top:16px;background:#e2d8de}.diagnosis-progress li:first-child::before{display:none}.diagnosis-progress li span{width:34px;height:34px;position:relative;z-index:1;display:grid;place-items:center;border:2px solid #d9cdd5;border-radius:50%;background:#fff;font-weight:900}.diagnosis-progress li.is-current span{border-color:#d12d68;background:#d12d68;color:#fff;box-shadow:0 0 0 5px #ffe4ee}.diagnosis-progress li.is-complete span{border-color:#8872d8;background:#8872d8;color:#fff}.diagnosis-progress li.is-complete::before,.diagnosis-progress li.is-current::before{background:#bca8e2}.diagnosis-wizard form{display:block;margin:0}.diagnosis-step{min-width:0;margin:0;padding:clamp(22px,4vw,40px);border:0}.diagnosis-step legend{width:100%;padding:0;font-size:clamp(23px,3vw,31px);font-weight:900}.diagnosis-step legend span{margin-right:10px;color:#d12d68}.diagnosis-step>p{margin:7px 0 22px;color:var(--muted)}
.diagnosis-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diagnosis-choice{min-height:138px;padding:18px 18px 16px;position:relative;display:flex;flex-direction:column;align-items:flex-start!important;border:1px solid #e2d6de!important;border-radius:18px!important;background:#fff!important;cursor:pointer;transition:.16s}.diagnosis-choice:hover{border-color:#d399b1!important;box-shadow:0 8px 20px rgba(70,48,70,.08)}.diagnosis-choice input,.diagnosis-color-choice input,.diagnosis-bag-choice input,.diagnosis-pill-grid input,.diagnosis-extra-goods input{position:absolute;opacity:0;pointer-events:none}.diagnosis-choice:has(input:checked),.diagnosis-color-choice:has(input:checked),.diagnosis-bag-choice:has(input:checked){border-color:#d12d68!important;background:#fff5f9!important;box-shadow:inset 0 0 0 2px rgba(209,45,104,.12)}.diagnosis-choice:focus-within,.diagnosis-color-choice:focus-within,.diagnosis-bag-choice:focus-within,.diagnosis-pill-grid label:focus-within,.diagnosis-extra-goods label:focus-within{outline:3px solid rgba(209,45,104,.28);outline-offset:3px}.diagnosis-choice>strong{margin-top:8px;font-size:19px}.diagnosis-choice>span:not(.diagnosis-choice-check):not(.diagnosis-mini-palette){margin-top:5px;color:#5f5360;font-size:14px}.diagnosis-choice>small{margin-top:8px;color:#a42b59;font-weight:800}.diagnosis-choice-check{width:26px;height:26px;position:absolute;right:12px;top:12px;display:none;place-items:center;border-radius:50%;background:#d12d68;color:#fff;font-weight:900}.diagnosis-choice:has(input:checked) .diagnosis-choice-check,.diagnosis-color-choice:has(input:checked) .diagnosis-choice-check,.diagnosis-bag-choice:has(input:checked) .diagnosis-choice-check{display:grid}.diagnosis-mini-palette{display:flex;gap:5px}.diagnosis-mini-palette i{width:30px;height:18px;border:1px solid rgba(80,65,78,.13);border-radius:999px;background:var(--choice-color)}
.diagnosis-color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.diagnosis-color-choice,.diagnosis-bag-choice{min-height:98px;padding:12px 8px;position:relative;display:grid!important;place-items:center;align-content:center;gap:7px;border:1px solid #e2d7de!important;border-radius:16px!important;background:#fff!important;text-align:center;cursor:pointer}.diagnosis-color-choice strong,.diagnosis-bag-choice strong{font-size:13px}.diagnosis-color-swatch{width:38px;height:38px;border:1px solid #cfc5cb;border-radius:50%;background:var(--diagnosis-color);box-shadow:inset 1px 1px 2px rgba(255,255,255,.6)}.diagnosis-color-choice input[value=silver]+.diagnosis-color-swatch{background:linear-gradient(135deg,#59626e,#fff 42%,#a7b0bb 65%,#eef2f6)}.diagnosis-bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.diagnosis-bag-swatch{width:66px;height:48px;border:2px solid #cfc5cb;border-radius:9px 9px 15px 15px;background:var(--diagnosis-bag)}.diagnosis-subquestion,.diagnosis-other-color{margin-top:26px;padding:20px;border-radius:18px;background:#fff7fa}.diagnosis-subquestion h3,.diagnosis-other-color h3{margin:0 0 13px;font-size:18px}.diagnosis-pill-grid{display:flex;flex-wrap:wrap;gap:8px}.diagnosis-pill-grid label,.diagnosis-extra-goods label{min-height:44px;padding:8px 13px;position:relative;display:flex;align-items:center;border:1px solid #ddd1d9;border-radius:999px;background:#fff;cursor:pointer}.diagnosis-pill-grid label:has(input:checked),.diagnosis-extra-goods label:has(input:checked){border-color:#d12d68;background:#fff0f5;color:#9e2654;box-shadow:inset 0 0 0 1px #d12d68}.diagnosis-item-grid .diagnosis-choice,.diagnosis-scene-grid .diagnosis-choice{min-height:116px}.diagnosis-extra-goods{margin-top:20px;border:1px solid #e3d8df;border-radius:16px;background:#faf7ff}.diagnosis-extra-goods summary{min-height:52px;padding:13px 16px;display:flex;align-items:center;cursor:pointer;font-weight:900}.diagnosis-extra-goods>div{padding:0 16px 12px;display:flex;flex-wrap:wrap;gap:7px}.diagnosis-extra-goods>p{margin:0;padding:0 16px 14px;color:var(--muted);font-size:12px}
.diagnosis-actions{padding:18px 24px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eadfe5;background:#fffafc}.diagnosis-actions button{min-width:180px}.diagnosis-actions button:only-child,.diagnosis-actions button:last-child{margin-left:auto}.diagnosis-actions button:disabled{opacity:.42;cursor:not-allowed}
.diagnosis-result-v2{margin:28px 0;padding:0;border:0;background:transparent}.diagnosis-result-header,.diagnosis-composition,.diagnosis-palette,.diagnosis-placement,.diagnosis-ng,.diagnosis-search,.diagnosis-related{padding:clamp(20px,3vw,30px);border:1px solid #e7dbe2;border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(62,43,63,.06)}.diagnosis-result-header{background:linear-gradient(145deg,#fff1f6,#fff 60%,#f5f1ff)}.diagnosis-result-header h2{margin:5px 0 15px;font-size:clamp(28px,4vw,42px)}.diagnosis-result-header dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.diagnosis-result-header dl div{padding:12px;border-radius:12px;background:rgba(255,255,255,.88)}.diagnosis-result-header dt{font-size:11px}.diagnosis-result-header dd{margin-top:4px;font-size:14px;font-weight:900}.diagnosis-result-header>p{max-width:900px;line-height:1.8}.diagnosis-result-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.diagnosis-result-v2 h3{margin:5px 0 15px;font-size:22px}.diagnosis-composition ul{margin:0;padding:0;display:grid;gap:8px;list-style:none}.diagnosis-composition li{display:flex;align-items:center;gap:9px}.diagnosis-composition li span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff0f5;color:#a42b59;font-weight:900}.diagnosis-palette-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.diagnosis-palette-row>div{text-align:center}.diagnosis-palette-row i{height:72px;display:block;border:1px solid #cfc5cb;border-radius:14px;background:var(--result-color);box-shadow:inset 1px 1px 2px rgba(255,255,255,.6)}.diagnosis-palette-row strong,.diagnosis-palette-row span{display:block}.diagnosis-palette-row strong{margin-top:7px;font-size:12px}.diagnosis-palette-row span{color:var(--muted);font-size:11px}.diagnosis-placement{margin-top:14px;display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;align-items:center;gap:24px}.diagnosis-placement-visual{height:330px;position:relative;overflow:hidden;border-radius:18px;background:#fff7fa}.result-bag-shape{width:62%;height:56%;position:absolute;left:19%;top:28%;border:4px solid color-mix(in srgb,var(--result-bag) 60%,#8c7f87);border-radius:15px 15px 30px 30px;background:var(--result-bag)}.result-bag-shape::before{content:"";width:46%;height:32%;position:absolute;left:25%;top:-27%;border:4px solid color-mix(in srgb,var(--result-bag) 60%,#8c7f87);border-bottom:0;border-radius:30px 30px 0 0}.diagnosis-placement-visual i{width:38px;height:38px;position:absolute;z-index:2;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:var(--result-oshi);color:#fff;font-style:normal;font-weight:900;box-shadow:0 4px 10px rgba(65,45,62,.2)}.diagnosis-placement-visual i:nth-of-type(1){right:20%;top:30%}.diagnosis-placement-visual i:nth-of-type(2){right:32%;top:49%}.diagnosis-placement-visual i:nth-of-type(3){right:18%;top:63%}.diagnosis-placement ol{padding-left:22px;line-height:1.85}.diagnosis-ng,.diagnosis-search,.diagnosis-related{margin-top:14px}.diagnosis-ng{background:#fffaf0}.diagnosis-ng ul{margin:0;padding-left:22px;line-height:1.8}.affiliate-disclosure{padding:10px;border-radius:10px;background:#fff6e5;color:#685746;font-size:12px}.diagnosis-search>div{display:grid;gap:9px}.diagnosis-search article{padding:13px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid #e9dee5;border-radius:13px}.diagnosis-search nav{display:flex;gap:7px}.diagnosis-search nav a{min-height:40px;padding:8px 11px;display:grid;place-items:center;border-radius:9px;background:#fff0f5;color:#982751;font-size:12px;font-weight:900;text-decoration:none}.diagnosis-related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.diagnosis-related a{padding:14px;border:1px solid #e7dae2;border-radius:13px;background:#fffafc;text-decoration:none}.diagnosis-related strong,.diagnosis-related span{display:block}.diagnosis-related span{margin-top:4px;color:var(--muted);font-size:12px}.diagnosis-result-actions{margin-top:14px;padding:18px;display:flex;flex-wrap:wrap;gap:8px;border:1px solid #e7dae2;border-radius:18px;background:#fff}.diagnosis-result-actions button{min-height:44px}
.diagnosis-explainer,.diagnosis-faq{margin:60px 0}.diagnosis-explainer>p{max-width:850px}.diagnosis-explainer>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.diagnosis-explainer article{padding:20px;border:1px solid #e7dce3;border-radius:18px;background:#fff}.diagnosis-explainer article>span{color:#d12d68;font-size:24px;font-weight:900}.diagnosis-explainer h3{margin:7px 0}.diagnosis-faq details{margin-top:8px;border:1px solid #e6dae2;border-radius:14px;background:#fff}.diagnosis-faq summary{min-height:52px;padding:13px 16px;display:flex;align-items:center;cursor:pointer;font-weight:900}.diagnosis-faq details p{margin:0;padding:0 16px 16px;color:#5d5360}
@media(max-width:800px){.diagnosis-start-card{grid-template-columns:1fr}.diagnosis-progress{grid-template-columns:1fr}.diagnosis-progress>div{text-align:center}.diagnosis-result-header dl,.diagnosis-related>div{grid-template-columns:repeat(2,1fr)}.diagnosis-search article{grid-template-columns:1fr}.diagnosis-search nav{width:100%}.diagnosis-search nav a{flex:1}}
@media(max-width:600px){.diagnosis-v2{padding-left:10px;padding-right:10px}.diagnosis-hero{padding:28px 16px;border-radius:21px}.diagnosis-hero h1{font-size:31px}.diagnosis-hero p{font-size:14px}.diagnosis-start-card{padding:18px}.diagnosis-start-card dl{grid-template-columns:1fr}.diagnosis-start-button{width:100%;min-width:0}.diagnosis-progress{padding:14px 12px}.diagnosis-progress li small{display:none}.diagnosis-step{padding:20px 14px 24px}.diagnosis-choice-grid{grid-template-columns:1fr;gap:9px}.diagnosis-choice{min-height:110px}.diagnosis-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.diagnosis-color-choice{min-height:88px;padding:8px 4px}.diagnosis-bag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.diagnosis-pill-grid{display:grid;grid-template-columns:1fr}.diagnosis-pill-grid label{border-radius:12px}.diagnosis-actions{position:sticky;z-index:8;bottom:66px;padding:10px 12px}.diagnosis-actions button{min-width:0;flex:1}.diagnosis-result-header dl{grid-template-columns:repeat(2,1fr)}.diagnosis-result-grid,.diagnosis-placement{grid-template-columns:1fr}.diagnosis-palette-row{grid-template-columns:repeat(4,minmax(0,1fr))}.diagnosis-palette-row i{height:52px}.diagnosis-placement-visual{height:280px}.diagnosis-search nav{display:grid;grid-template-columns:1fr}.diagnosis-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnosis-result-actions{display:grid;grid-template-columns:1fr}.diagnosis-explainer>div{grid-template-columns:1fr}.diagnosis-explainer,.diagnosis-faq{margin:42px 0}}

/* 2026-07-27 integrated specification */
.visually-hidden{width:1px;height:1px;padding:0;position:absolute!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.privacy-page{max-width:1040px}.privacy-document{max-width:920px;margin:0 auto}.privacy-header{padding:12px 0 10px}.privacy-header h1{margin:5px 0 12px}.privacy-header .lead{max-width:820px}.policy-updated{margin-top:14px;color:var(--muted);font-size:14px}
.policy-summary{margin:24px 0;padding:20px 22px;border:1px solid #ead6a5;border-radius:18px;background:#fff9eb}.policy-summary>strong{display:block;margin-bottom:8px;color:#825300;font-size:18px}.policy-summary ul{margin:0;padding-left:1.4em}.policy-summary li+li{margin-top:6px}
.policy-toc{margin:28px 0 34px;padding:22px;border:1px solid #e3d9ef;border-radius:20px;background:#faf7ff}.policy-toc>strong{display:block;margin-bottom:12px;font-size:19px}.policy-toc ol{margin:0;padding-left:1.5em;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px}.policy-toc a{color:#71304f;text-underline-offset:3px}
.privacy-section{margin:20px 0!important;padding:24px 26px;scroll-margin-top:88px;border:1px solid #eadfe6;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(73,48,63,.045)}.privacy-section h2{margin:0 0 12px;font-size:24px;line-height:1.45}.privacy-section h3{margin:20px 0 6px;font-size:18px}.privacy-section p{line-height:1.9}.privacy-section ul{padding-left:1.4em}.privacy-section li{line-height:1.8}.privacy-section li+li{margin-top:6px}.privacy-section code{padding:2px 6px;border-radius:5px;background:#f5f0f3}
.policy-status,.policy-important{margin:18px 0;padding:16px 18px;border-radius:14px}.policy-status{border-left:4px solid #6d72c9;background:#f4f7ff}.policy-important{border-left:4px solid #d12d68;background:#fff4f8}.policy-status>strong,.policy-important>strong{display:block;margin-bottom:4px}.policy-status p:last-child,.policy-important p:last-child{margin-bottom:0}
.policy-meta{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.policy-meta div{padding:12px 14px;border-radius:12px;background:#faf7ff}.policy-meta dt{color:#795568;font-size:13px;font-weight:800}.policy-meta dd{margin:3px 0 0;font-weight:700}
.home-entry-section,.beginner-strip,.trust-section,.diagnosis-cta{width:min(1180px,calc(100% - 32px));margin:42px auto}
.home-entry-section>h2{margin-bottom:16px}.home-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-entry-grid a{min-height:142px;padding:22px;display:grid;grid-template-columns:46px 1fr;align-content:center;gap:4px 12px;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;box-shadow:var(--shadow)}.home-entry-grid a>span{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff0f5;color:#b42d60;font-size:20px}.home-entry-grid strong{font-size:20px}.home-entry-grid small{color:var(--muted);line-height:1.55}
.chip-search--quick{grid-template-columns:1fr}.chip-search--quick .choice-group{margin-top:0}.quick-search-note{text-align:right}.quick-search-note a{font-weight:800}.color-option:disabled{opacity:.42;cursor:not-allowed}.color-option:disabled small{color:#806e78}
.beginner-strip{padding:28px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(380px,1.4fr) auto;align-items:center;gap:22px;border:1px solid #eadce4;border-radius:24px;background:linear-gradient(135deg,#fff8fb,#f5f1ff)}.beginner-strip h2{margin:4px 0}.beginner-strip ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none}.beginner-strip li{padding:12px;display:flex;align-items:center;gap:8px;border-radius:13px;background:#fff;font-weight:900}.beginner-strip li span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d12d68;color:#fff}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.problem-grid .article-card>a{height:100%}.problem-grid .problem{display:block;margin-bottom:4px;color:#a42b59}
.trust-section{padding:30px;border-radius:24px;background:#faf7ff}.trust-section>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:18px 0}.trust-section article{padding:16px;border-radius:14px;background:#fff}.trust-section article strong,.trust-section article span{display:block}.trust-section article span{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.55}
.diagnosis-cta{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #efd9e5;border-radius:26px;background:linear-gradient(135deg,#fff0f5,#f3efff)}.diagnosis-cta h2{margin:5px 0}.diagnosis-cta p{max-width:760px}
.friend-choice-cta{width:min(1180px,calc(100% - 32px));margin:20px auto 42px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #eadce4;border-radius:18px;background:#fff9fc}.friend-choice-cta h2{margin:0;font-size:21px}.friend-choice-cta p{margin:3px 0;color:var(--muted)}.friend-choice-cta nav{display:flex;gap:8px}.friend-choice-cta a{min-height:44px}
.coordinate-workspace{display:grid;grid-template-columns:minmax(285px,330px) minmax(0,1fr);align-items:start;gap:24px}.coordinate-workspace>aside{min-width:0}.coordinate-workspace .filter-panel{position:sticky;top:82px;max-height:calc(100vh - 98px);overflow:auto}.coordinate-workspace #results{min-width:0}.inventory-filter{padding:20px;border:1px solid #ded7ec;border-radius:20px;background:#f9f7ff}.inventory-filter>div span{color:#66549a;font-size:12px;font-weight:900}.inventory-filter h2{margin:2px 0 10px;font-size:21px}.inventory-filter .owned-goods{margin-top:0}.coordinate-card{position:relative}.card-save-overlay{width:40px!important;height:40px;min-height:40px!important;padding:0!important;position:absolute;z-index:3;right:10px;top:10px;border-radius:50%!important;background:rgba(255,255,255,.94)!important;font-size:0!important}.card-save-overlay::before{content:"♡";font-size:20px}.card-save-overlay.is-saved::before{content:"♥"}.card-title a{text-decoration:none;color:inherit}.card-combination{margin:6px 0 10px;color:#655b64;font-size:13px}.budget-card-note{margin-top:auto!important;color:var(--muted)!important;font-size:11px!important}.budget-card-note button{padding:0;border:0;background:none;color:#9b2d58;text-decoration:underline;font-weight:800;cursor:pointer}.card-detail-link{min-height:44px;display:grid;place-items:center;text-decoration:none}.coordinate-card-photo{aspect-ratio:1/1}.coordinate-card--detailed .card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.coordinate-card--detailed .card-title{min-height:auto}.coordinate-card--detailed .recommendation-reason{display:block}.budget-dialog{width:min(560px,calc(100% - 28px));padding:28px;border:0;border-radius:22px}.budget-dialog::backdrop{background:rgba(40,32,43,.58)}.mobile-filter-jump{display:none}.composition-summary{padding:16px;border-radius:16px;background:#faf7ff}.composition-summary h2{margin:0 0 10px;font-size:18px}.composition-summary dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.composition-summary dl div{padding:10px;border-radius:10px;background:#fff}.coordinate-search-terms button{min-height:36px;padding:6px 10px;border:1px solid #eadce4;border-radius:999px;background:#fff;color:#704b5e;cursor:pointer}.single-layout-figure{max-width:620px;margin:18px auto}.single-layout-figure .coordinate-visual{aspect-ratio:4/3}.single-layout-figure figcaption{margin-top:8px;text-align:center;color:var(--muted)}
.coordinate-card-photo--illustration .coordinate-visual,.coordinate-photo--illustration .coordinate-visual{width:100%;height:100%;aspect-ratio:auto}.coordinate-card-photo--illustration .coordinate-visual small{display:none}.coordinate-photo--illustration{aspect-ratio:4/5}.coordinate-photo--illustration>figcaption{position:static;padding:9px 12px}.coordinate-visual .diagram-bag{border-color:color-mix(in srgb,var(--diagram-bag-color) 74%,#4f4650);background:var(--diagram-bag-color);opacity:.88}.coordinate-visual .diagram-bag::before{border-color:color-mix(in srgb,var(--diagram-bag-color) 74%,#4f4650)}.coordinate-visual .diagram-charm{border-color:color-mix(in srgb,var(--diagram-oshi-color) 78%,#554755);background:linear-gradient(145deg,color-mix(in srgb,var(--diagram-oshi-color) 62%,#fff),var(--diagram-oshi-color));color:var(--diagram-oshi-color)}.coordinate-visual.shape-half-moon .diagram-bag{height:43%;top:34%;border-radius:50% 50% 22px 22px}.coordinate-visual.shape-bucket .diagram-bag{width:49%;left:25.5%;border-radius:18px 18px 32% 32%}.coordinate-visual.shape-mini-trunk .diagram-bag{height:46%;top:31%;border-radius:8px}.coordinate-visual.shape-backpack .diagram-bag{width:48%;left:26%;height:59%;top:22%;border-radius:34px 34px 16px 16px}.coordinate-visual.shape-quilted-chain .diagram-bag{height:45%;top:34%;border-radius:18px}.coordinate-visual.shape-sling .diagram-bag{width:42%;left:29%;height:58%;top:23%;border-radius:42% 42% 24px 24px;transform:rotate(-8deg)}.new-coordinate-label{display:inline-flex;align-items:center;justify-content:center;padding:2px 9px;border-radius:999px;background:linear-gradient(100deg,#d12d68,#f7689a);color:#fff;font-size:12px;font-weight:900;letter-spacing:.05em}.new-coordinate-label--detail{margin-top:14px;padding:5px 12px}.coordinate-search-terms>strong{display:block;margin-top:12px;color:#a42b59}.coordinate-search-terms ul{margin:7px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}
.charm-hero-benefits{margin:22px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.charm-hero-benefits span{padding:7px 12px;border-radius:999px;background:#fff;color:#744f61;font-size:13px;font-weight:900}.charm-filter-panel{overflow:visible}.charm-filter-body{padding:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.charm-location-filter{grid-column:1/-1;border-top:1px solid #eee3e9}.charm-location-filter>summary{min-height:48px;padding-top:12px;cursor:pointer;font-weight:900}.charm-location-filter fieldset{padding-top:12px}.catalog-subheading{margin:30px 0 12px;padding-bottom:8px;border-bottom:2px solid #f2dce6}.goods-match-reason{display:block;margin-top:8px;color:#a42b59;font-weight:800}.goods-catalog-card[hidden]{display:none!important}
.share-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.share-button{min-width:168px;min-height:44px;padding:9px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9c8d2;border-radius:12px;background:#fff;color:#5e4351;font-size:14px;font-weight:800;cursor:pointer}.share-button:hover,.share-option:hover{background:#fff4f8}.share-button:active,.share-option:active{transform:scale(.98)}.share-button:focus-visible,.share-option:focus-visible,.share-close:focus-visible{outline:2px solid #a54570;outline-offset:2px}.share-button.icon-only{min-width:44px;width:44px;height:44px;padding:0;font-size:0}.share-dialog{width:440px;max-width:calc(100vw - 48px);max-height:80vh;padding:24px;border:0;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(33,22,31,.28);overflow:auto}.share-dialog::backdrop{background:rgba(26,18,23,.38)}.share-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-dialog h2{margin:0;font-size:22px}.share-close{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:#f8f3f6;font-size:25px;cursor:pointer}.share-sheet-handle{display:none}.share-options{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-option{min-height:52px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #eadde5;border-radius:12px;background:#fff;color:#392e36;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}.share-option--native{grid-column:1/-1}.share-service-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f6edf2;color:#9b315c;font-size:13px;font-weight:1000}.share-copy-fallback{margin-top:14px}.share-copy-fallback input{width:100%;min-height:44px;margin-top:5px;padding:8px;border:1px solid #cdbec6;border-radius:9px}.share-live{min-height:24px;margin:12px 0 0;color:#8e2752;font-size:13px}.share-open{overflow:hidden}
.card-actions--compare{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.card-secondary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.card-secondary-actions>*{min-width:0!important;min-height:40px!important;height:40px;padding:6px!important;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:13px}.card-secondary-actions .share-icon{width:16px;height:16px}.shared-condition-message{margin-bottom:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:13px;background:#f4efff;color:#55447d}.shared-condition-message button{min-height:40px;padding:7px 12px;border:1px solid #cfc2e9;border-radius:9px;background:#fff;font-weight:800}.toolbar-actions .share-button{min-width:160px;height:40px;min-height:40px}.palette-card{scroll-margin-top:84px}.palette-actions{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;gap:6px!important}.palette-actions>*{min-width:0!important;min-height:42px!important;padding:6px!important;font-size:13px}.palette-actions .share-icon{width:16px;height:16px}
.detail-top-actions{margin:16px 0 18px;display:flex;gap:10px}.detail-top-actions>*{height:44px}.detail-top-actions .save-button{width:190px}.detail-top-actions .share-button{width:196px}.detail-share-end{padding:22px;border:1px solid #eadce4;border-radius:20px;background:#fff9fc}.detail-share-end h2{margin:0 0 5px}.detail-share-end p{margin:0 0 14px}.detail-share-end>div{max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-share-end button{width:100%;min-width:0}.detail-share-rail{display:none}.mobile-share-bar{display:none}.coordinate-detail-page{max-width:1120px;position:relative}.article-share-end{padding:22px;border:1px solid #eadce4;border-radius:18px;background:#fff9fc}.article-share-end h2{margin-top:0}.article-share-end .share-button{min-width:210px}
.diagnosis-result-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px}.diagnosis-share-panel{padding:20px;position:sticky;top:104px;border:1px solid #e7dbe2;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(62,43,63,.06)}.diagnosis-share-panel h3{margin:0 0 14px}.diagnosis-share-panel button{width:100%;min-width:0;min-height:46px;margin-top:10px}.diagnosis-result-share-visual{height:180px;margin:14px 0;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#fff7fa,#f3efff)}.diagnosis-result-share-visual span{width:62%;height:48%;position:absolute;left:19%;bottom:15%;border:4px solid color-mix(in srgb,var(--result-bag) 55%,#8c7f87);border-radius:12px 12px 25px 25px;background:var(--result-bag)}.diagnosis-result-share-visual span::before{content:"";width:45%;height:40%;position:absolute;left:26%;top:-35%;border:4px solid color-mix(in srgb,var(--result-bag) 55%,#8c7f87);border-bottom:0;border-radius:28px 28px 0 0}.diagnosis-result-share-visual i,.diagnosis-result-share-visual b{position:absolute;z-index:2;border:3px solid #fff;background:var(--result-oshi);box-shadow:0 3px 8px rgba(52,38,50,.18)}.diagnosis-result-share-visual i{width:42px;height:42px;right:24%;bottom:33%;border-radius:50%}.diagnosis-result-share-visual b{width:32px;height:32px;right:37%;bottom:19%;transform:rotate(45deg)}.shared-diagnosis-notice{margin-bottom:16px;padding:14px;display:flex;align-items:center;gap:10px;border-radius:14px;background:#f4efff}.shared-diagnosis-notice span{flex:1}.shared-diagnosis-notice button{min-height:42px}
@media(min-width:1280px){.detail-share-rail{width:44px;position:fixed;z-index:7;top:112px;right:max(12px,calc((100vw - 1120px)/2 - 68px));display:grid;gap:8px}.detail-share-rail>*{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;border:1px solid #eadce4;border-radius:12px;background:#fff;text-decoration:none}.detail-share-rail .save-button{font-size:0}.detail-share-rail .save-button::before{content:"♡";font-size:18px}.detail-share-rail .save-button.is-saved::before{content:"♥"}}
@media(max-width:900px){.trust-section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-strip{grid-template-columns:1fr}.coordinate-workspace{display:block}.coordinate-workspace .filter-panel{position:static;max-height:none}.coordinate-list-page .filter-panel>summary{display:flex;min-height:52px;padding:12px 16px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:900;cursor:pointer}.mobile-filter-jump{display:inline-grid}.charm-filter-body{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.share-dialog{width:100%;max-width:none;max-height:78vh;margin:auto 0 0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;transform:translateY(0)}.share-sheet-handle{width:36px;height:4px;margin:0 auto 10px;display:block;border-radius:999px;background:#cfbfc8}.share-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.share-option--native{grid-column:1/-1}.share-option[data-share-method=line],.share-option[data-share-method=x],.share-option[data-share-method=pinterest]{grid-column:span 2;min-width:0;flex-direction:column}.share-option[data-share-method=image],.share-option[data-share-method=copy]{grid-column:span 3;min-width:0}.detail-top-actions{display:grid;grid-template-columns:1fr 1fr}.detail-top-actions>*{width:100%!important;min-width:0;height:48px}.detail-top-actions span{white-space:nowrap}.detail-top-actions .save-button span{font-size:0}.detail-top-actions .save-button span::after{content:"保存";font-size:14px}.mobile-share-bar{height:56px;padding:6px;position:fixed;z-index:15;left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom) + 8px);grid-template-columns:2fr 3fr;gap:8px;border:1px solid #eadce4;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(48,35,46,.18);opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .2s,transform .2s}.mobile-share-bar.is-visible{display:grid;opacity:1;pointer-events:auto;transform:none}.mobile-share-bar.is-modal-open{display:none!important}.mobile-share-bar>*{width:100%;min-width:0;height:44px;min-height:44px;padding:6px}.palette-actions{grid-template-columns:1fr 1fr!important}.palette-actions>:first-child{grid-column:1/-1;min-height:44px!important}.palette-actions>:not(:first-child){min-height:44px!important}.diagnosis-result-top{grid-template-columns:1fr}.diagnosis-share-panel{position:static}.diagnosis-share-panel button{min-height:46px}.diagnosis-share-panel .share-button{min-height:50px}.shared-diagnosis-notice{align-items:stretch;flex-direction:column}.shared-condition-message{align-items:stretch;flex-direction:column}.toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.toolbar-actions .mobile-filter-jump{grid-column:1/-1}.toolbar-actions .share-button{width:100%;min-width:0;height:44px}.toolbar-actions .share-button span{font-size:0}.toolbar-actions .share-button span::after{content:"条件を共有";font-size:14px}}
@media(max-width:600px){.privacy-header{padding-top:4px}.privacy-header h1{font-size:31px}.policy-summary,.policy-toc{margin:18px 0;padding:17px}.policy-toc ol{grid-template-columns:1fr;gap:8px}.privacy-section{margin:14px 0!important;padding:19px 17px;border-radius:15px}.privacy-section h2{font-size:21px}.privacy-section h3{font-size:17px}.privacy-section p,.privacy-section li{line-height:1.78}.policy-status,.policy-important{padding:14px}.policy-meta{grid-template-columns:1fr}.home-entry-section,.beginner-strip,.trust-section,.diagnosis-cta{width:calc(100% - 20px);margin:30px auto}.home-entry-grid{grid-template-columns:1fr}.home-entry-grid a{min-height:104px;padding:16px}.beginner-strip{padding:20px}.beginner-strip ol{grid-template-columns:1fr}.problem-grid{grid-template-columns:1fr}.trust-section{padding:20px}.trust-section>div{grid-template-columns:1fr}.diagnosis-cta{padding:22px;align-items:stretch;flex-direction:column}.diagnosis-cta .primary{width:100%}.coordinate-list-page .coordinate-grid,.coordinate-list-page .coordinate-grid.coordinate-grid--three,.coordinate-list-page .coordinate-grid.coordinate-grid--two,.coordinate-list-page .coordinate-grid.coordinate-grid--one{grid-template-columns:1fr!important;gap:14px}.coordinate-card-photo{aspect-ratio:1/1}.coordinate-card--detailed .card-kickers{display:flex}.coordinate-card--detailed .recommendation-reason,.coordinate-card--detailed .budget-card-note{display:block}.coordinate-card--detailed .card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.coordinate-card--detailed .card-actions--compare{grid-template-columns:1fr!important}.card-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.view-controls [data-view]{display:none}.composition-summary dl{grid-template-columns:1fr}.charm-filter-body{grid-template-columns:1fr;padding:14px}.charm-location-filter{grid-column:1}.goods-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combination-card-grid{grid-template-columns:1fr}}
@media(max-width:600px){.friend-choice-cta{width:calc(100% - 20px);margin:30px auto;padding:18px;align-items:stretch;flex-direction:column}.friend-choice-cta nav{display:grid;grid-template-columns:1fr}.friend-choice-cta a{width:100%}}
@media(prefers-reduced-motion:reduce){.share-button,.share-option,.mobile-share-bar{transition:none!important}}