:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf5;--surface:#fff;--surface-soft:#f4efe5;--surface-green:#edf5ed;--text:#2b2925;--muted:#6f6a61;--line:#ded7ca;--accent:#4f7c58;--accent-dark:#34573d;--brown:#8a6a45;--warning:#9a5a3d;--shadow:0 12px 30px #42372614}*{box-sizing:border-box}html{color:#2b2925;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;background:#fbfaf5}body{color:#2b2925;background:#fbfaf5;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-dark)}img,svg{max-width:100%}.site-header{border-bottom:1px solid var(--line);background:linear-gradient(#fffdf8 0%,#f3efe4 100%);position:relative}.header-inner,.nav-inner,.site-main,.footer-inner{width:min(1120px,100% - 32px);margin:0 auto}.header-inner{grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px 0 22px;display:grid}.brand{align-items:center;gap:16px;display:flex}.brand-mark{border:2px solid var(--accent);width:68px;height:68px;box-shadow:var(--shadow);background:#fffaf0;border-radius:16px;place-items:center;display:grid}.brand-mark svg{width:48px;height:48px}.brand-title{letter-spacing:0;margin:0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.25}.brand-copy{color:var(--muted);margin:6px 0 0;font-size:.96rem}.header-note{border:1px solid var(--line);border-left:4px solid var(--accent);max-width:380px;color:var(--muted);background:linear-gradient(135deg,#fffffff0,#f8fdf7e6),repeating-linear-gradient(#0000 0 27px,#ded6c842 28px);border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;line-height:1.75;animation:.48s ease-out both headerNoteIn;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #4c63481f}.header-note:after{content:"";border-radius:inherit;opacity:.65;pointer-events:none;background:linear-gradient(90deg,#52795b1a,#0000 32%);position:absolute;inset:0}.header-note-icon{z-index:1;width:36px;height:36px;color:var(--accent);background:#f2f7ee;border:1px solid #52795b47;border-radius:12px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd9}.header-note-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.header-note-text{z-index:1;position:relative}@media (min-width:861px){.header-note{max-width:510px}.header-note-text{white-space:nowrap}}@keyframes headerNoteIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.header-note{animation:none}}.global-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf8}.mobile-menu-toggle{display:none}.nav-inner{flex-wrap:wrap;align-items:stretch;gap:0;padding:0;display:flex}.nav-inner a{color:#3a352f;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:58px;padding:10px 12px;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex;position:relative}.nav-inner .nav-label-ja{white-space:nowrap;font-size:.94rem;line-height:1.25}.nav-inner .nav-label-en{color:var(--muted);letter-spacing:.12em;margin-top:4px;font-size:.68rem;font-weight:500}.nav-inner a:not(:last-child):after{content:"";background-color:#ded7ca7a;width:1px;height:50%;position:absolute;top:25%;right:0}.nav-inner a:hover{background:var(--surface-green)}.nav-inner a.active{color:var(--accent-dark)}.nav-inner a:before{content:"";background-color:var(--accent);transform-origin:50%;width:100%;height:3px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-inner a.active:before,.nav-inner a:hover:before{transform:scaleX(1)}.site-main{padding:32px 0 44px}.content-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.main-column,.sidebar-card,.page-section,.article-card,.notice-box,.diagnosis-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.main-column{min-width:0;padding:clamp(22px,4vw,36px)}.sidebar{gap:16px;min-width:0;display:grid}.sidebar-card{padding:18px}.sidebar-card h2,.sidebar-card h3{margin:0 0 10px;font-size:1rem}.sidebar-card p{color:var(--muted);margin:0 0 12px;font-size:.93rem}.link-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.link-list a{color:var(--accent-dark);border-bottom:1px solid #eee8dd;padding:8px 0;font-weight:700;display:block}.source-list{gap:0}.source-section{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding:10px 12px;font-size:.78rem}.source-section h2{color:var(--muted);margin:0 0 6px;font-size:.86rem}.source-section p{margin-bottom:4px}.source-list li{border-bottom:1px solid #eee8dd;gap:2px;padding:3px 0;display:grid}.source-list a{border-bottom:0;padding:0}.source-list span{color:var(--muted);font-size:.72rem}.hero{gap:18px;margin-bottom:28px;display:grid}.family-profile{border:1px solid var(--line);background:#fffdf8;border-radius:8px;gap:16px;margin:0 0 28px;padding:18px;display:grid}.family-profile h2{margin:0 0 6px;font-size:1.25rem}.family-profile p{color:var(--muted);margin-bottom:0}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.family-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.family-card h3{margin:0 0 2px;font-size:1rem}.family-card p{margin:0 0 4px;font-size:.9rem}.family-label{font-weight:700;color:#4a443d!important;margin-top:8px!important}.family-subhead{font-weight:800;color:var(--brown)!important;margin:10px 0 4px!important;font-size:.78rem!important}.service-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.service-tags li{color:#4a443d;background:#fbfaf5;border:1px solid #d7e5d7;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700}.device-label{background:var(--surface-green);border-radius:999px;width:fit-content;padding:2px 8px;font-weight:800;display:inline-flex;color:var(--accent-dark)!important}.family-face{background:#f6e7c8;border:2px solid #5b5144;border-radius:46% 54% 48% 52%;width:52px;height:52px;position:relative;transform:rotate(-2deg)}.family-face:before,.family-face:after{content:"";background:#2b2925;border-radius:50%;width:5px;height:5px;position:absolute;top:21px}.family-face:before{left:16px}.family-face:after{right:16px}.family-face span{border-bottom:2px solid #2b2925;border-radius:0 0 999px 999px;width:15px;height:7px;position:absolute;bottom:13px;left:18px}.family-face.father{background:#e6efe9}.family-face.mother{background:#f7e8d5}.family-face.older{background:#f3e3eb}.family-face.younger{background:#e7edf8}.family-face.niece{background:#edf1dc}.eyebrow{background:var(--surface-green);width:fit-content;color:var(--accent-dark);border-radius:999px;padding:4px 10px;font-size:.86rem;font-weight:700;display:inline-flex}h1,h2,h3{letter-spacing:0;line-height:1.45}h1{margin:0;font-size:clamp(1.5rem,3.5vw,2.1rem)}h2{margin:34px 0 14px;font-size:clamp(1.25rem,2.6vw,1.65rem)}h3{margin:24px 0 10px;font-size:1.08rem}p{margin:0 0 1.4rem}article p,article li,.notice-box p{white-space:pre-line}.lead{color:#4a443d;margin-bottom:1.5rem;font-size:1.05rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfaf5;--surface:#fff;--surface-soft:#f4efe5;--surface-green:#edf5ed;--text:#2b2925;--muted:#6f6a61;--line:#ded7ca;--accent:#4f7c58;--accent-dark:#34573d;--brown:#8a6a45;--warning:#9a5a3d;--shadow:0 12px 30px #42372614}html,body{color:#2b2925;background:#fbfaf5}.site-header{color:#2b2925;background:linear-gradient(#fffdf8 0%,#f3efe4 100%)}.global-nav,.main-column,.sidebar-card,.page-section,.article-card,.notice-box,.diagnosis-panel,.header-note{color:#2b2925;background-color:#fff}.global-nav{background-color:#fffdf8}.brand-copy,.header-note,.lead,.sidebar-card p,.article-card p{color:#4a443d}.nav-inner a,.button-secondary,h1,h2,h3,p,li,td,th{color:#2b2925}.link-list a,.footer-inner a{color:inherit}}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.button,.button-secondary{border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:800;line-height:1.35;display:inline-flex}.button{background:var(--accent);color:#fff}.button:hover{background:var(--accent-dark);color:#fff}.button-secondary{border:1px solid var(--line);color:var(--accent-dark);background:#fffaf0}.category-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.page-section{margin-top:20px;padding:22px}.page-section-title{margin:0 0 36px;font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.45}.article-category-filter{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-16px 0 28px;display:grid}.article-category-filter a{border:1px solid var(--line);min-height:48px;color:var(--text);background:#fffdf7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;font-weight:700;line-height:1.35;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:flex}.article-category-filter a:hover,.article-category-filter a.active{border-color:var(--accent);background:var(--surface-soft);color:var(--accent-dark)}.article-category-filter span{color:var(--muted);background:#fff;border-radius:999px;flex:none;padding:2px 8px;font-size:.78rem}.article-category-filter a.active span{color:var(--accent-dark)}.sitemap-lead{max-width:720px;color:var(--muted);margin:-20px 0 28px;font-size:.96rem;line-height:1.8}.sitemap-block{margin-top:28px}.sitemap-block h2{color:var(--text);margin:0 0 16px;font-size:1.18rem;line-height:1.45}.sitemap-link-grid,.sitemap-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sitemap-link-grid a,.sitemap-category-grid a{border:1px solid var(--line);color:var(--text);background:#fffdf7;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;padding:16px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:flex}.sitemap-link-grid a:hover,.sitemap-category-grid a:hover{border-color:var(--accent);background:var(--surface-soft);transform:translateY(-2px)}.sitemap-link-grid a{min-height:62px}.sitemap-link-grid span{color:var(--accent-dark);font-weight:800}.sitemap-link-grid small,.sitemap-category-grid small{color:var(--muted);font-size:.84rem;line-height:1.5}.sitemap-category-grid strong{color:var(--text);font-size:.95rem}.sitemap-article-groups{gap:16px;display:grid}.sitemap-article-group{border:1px solid var(--line);background:#fffdf7;border-radius:8px;padding:18px}.sitemap-article-group h3{color:var(--accent-dark);margin:0 0 12px;font-size:1.05rem}.sitemap-article-list{gap:8px;margin:0;padding-left:18px;display:grid}.sitemap-article-list a{color:var(--text);text-underline-offset:3px;text-decoration-thickness:1px}.sitemap-article-list a:hover{color:var(--accent-dark)}.page-section h2:first-child{margin-top:0}.article-card{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.article-card h2,.article-card h3{margin:0 0 8px;font-size:1.08rem}.article-card p{color:var(--muted);flex-grow:1;margin-bottom:12px;font-size:.94rem}.article-card-footer{margin-top:auto;padding-top:10px}.read-more-link{color:var(--brown);align-items:center;gap:4px;font-size:.88rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.read-more-link:hover{text-decoration:underline}.read-more-link span{transition:transform .2s;display:inline-block}.read-more-link:hover span{transform:translate(4px)}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:.88rem;display:flex}.tag{background:var(--surface-soft);width:fit-content;color:var(--brown);border-radius:999px;padding:3px 9px;font-size:.82rem;font-weight:700;display:inline-flex}.tag.budget-basics{color:#8a6a45;background:#f4efe5}.tag.food-shopping{color:#c67a00;background:#fdf5e6}.tag.fixed-costs{color:#2b5c8f;background:#eef4f8}.tag.utilities{color:#007a78;background:#e6f5f5}.tag.life-stages{color:#8f3d68;background:#f8eff4}.table-wrap,.mini-table-wrap{border:1px solid var(--line);-webkit-overflow-scrolling:touch;border-radius:8px;margin:20px 0;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;background:#fff;width:100%;min-width:1080px}caption{text-align:left;color:var(--accent-dark);background:var(--surface-green);padding:12px;font-weight:800}th,td{border-top:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px}th{background:#fbf8ef}.sort-button{color:#2b2925;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:800;display:inline-flex}.mini-table-wrap{border:1px solid var(--line);-webkit-overflow-scrolling:touch;border-radius:8px;margin:16px 0 24px;overflow-x:auto}.mini-table{table-layout:fixed;min-width:760px;font-size:.94rem}.mini-table caption,.mini-table th,.mini-table td{padding:10px 12px}.mobile-table-cards{display:none}.mobile-table-caption{color:var(--accent-dark);margin:18px 0 10px;font-weight:800}.mobile-sort-controls{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.sort-chip{border:1px solid var(--line);color:#34573d;min-height:38px;font:inherit;background:#fffdf8;border-radius:999px;padding:8px 10px;font-size:.88rem;font-weight:800}.sort-chip.active{background:var(--surface-green);border-color:#b7d0b8}.mobile-row-card{border:1px solid var(--line);background:#fffdf8;border-radius:8px;margin:0 0 12px;padding:14px}.mobile-row-card div{border-bottom:1px solid #eee8dd;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.mobile-row-card div:last-child{border-bottom:0}.mobile-row-card dt{color:var(--brown);font-weight:800}.mobile-row-card dd{margin:0}.action-section{background:linear-gradient(145deg,#fff,#fffdf8);border:1px solid #ffde99;border-radius:12px;margin:40px 0;padding:28px;box-shadow:0 4px 16px #ff980014}.action-section h2{color:#a85a00;border-bottom:none;align-items:center;gap:12px;margin:0 0 24px;padding-bottom:0;font-size:1.4rem;display:flex}.action-badge{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:24px;padding:6px 14px;font-size:1.05rem;font-weight:900;display:inline-block;box-shadow:0 2px 8px #ff98004d}.checklist-intro{color:var(--text);margin:-8px 0 20px;font-size:.96rem;line-height:1.7}.checklist{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.checklist li{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:12px 14px 12px 46px;position:relative}.checklist li:before{content:"✓";color:#4f7c58;text-align:center;background:#edf5ed;border:2px solid #4f7c58;border-radius:45% 55% 48% 52%;width:20px;height:20px;font-family:Comic Sans MS,Hiragino Maru Gothic ProN,cursive;font-size:.95rem;font-weight:800;line-height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)rotate(-8deg)}.notice-box{background:#fffaf0;margin:24px 0 0;padding:18px}.notice-box strong{color:var(--warning)}.home-note-title{align-items:center;gap:10px;display:inline-flex}.home-note-title span{background:#edf5ed;border:2px solid #8a6a45;border-top:0;border-radius:4px 4px 7px 7px;width:30px;height:26px;display:inline-block;position:relative;transform:rotate(-1deg)}.home-note-title span:before{content:"";background:#f6e7c8;border-top:2px solid #8a6a45;border-left:2px solid #8a6a45;border-radius:3px;width:20px;height:20px;position:absolute;top:-12px;left:3px;transform:rotate(45deg)}.home-note-title span:after{content:"";background:#fffdf8;border:2px solid #8a6a45;border-bottom:0;border-radius:5px 5px 0 0;width:8px;height:12px;position:absolute;bottom:0;left:11px}.diagnosis-panel{margin-top:18px;padding:20px}.contact-hero{margin-bottom:22px}.contact-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.contact-guide article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8;border-radius:8px;padding:18px}.contact-guide h2{margin:0 0 10px;font-size:1.08rem}.contact-guide ul{gap:8px;margin:0;padding-left:1.2em;display:grid}.contact-guide p{color:#4a443d;margin:0}.contact-guide a{color:var(--accent-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.contact-form-section>p{color:#4a443d}.contact-note{border-left:4px solid var(--accent);color:var(--muted);background:#fffdf8;margin-top:16px;padding:12px 14px;font-size:.92rem}.diagnosis-form{gap:18px;display:grid}.diagnosis-tool{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fffdf8 0%,#fff 100%);border-radius:8px;gap:22px;margin-top:18px;padding:clamp(18px,3vw,26px);display:grid}.diagnosis-tool-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.diagnosis-step-label,.diagnosis-result-label{background:var(--surface-green);width:fit-content;color:var(--accent-dark);border-radius:999px;margin-bottom:8px;padding:5px 12px;font-size:.86rem;font-weight:800;display:inline-flex}.diagnosis-tool h2,.diagnosis-result h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.35}.diagnosis-tool-head p,.diagnosis-question p,.diagnosis-result p,.diagnosis-result-note{color:#4a443d;margin:8px 0 0}.diagnosis-progress{border:1px solid var(--line);background:var(--surface-green);min-width:78px;color:var(--accent-dark);text-align:center;border-radius:8px;padding:12px 14px;font-weight:800}.diagnosis-progress span:first-child{font-size:1.8rem;line-height:1}.diagnosis-questions{gap:14px;display:grid}.diagnosis-question{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;margin:0;padding:16px}.diagnosis-question legend{align-items:center;gap:10px;padding:0;font-size:1.05rem;font-weight:800;line-height:1.5;display:flex}.diagnosis-question legend span{width:30px;height:30px;color:var(--brown);background:#f6e7c8;border-radius:999px;flex:none;place-items:center;font-size:.9rem;display:inline-grid}.diagnosis-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.diagnosis-options label{border:1px solid var(--line);min-height:52px;color:var(--text);cursor:pointer;background:#fffdf8;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;position:relative}.diagnosis-options label:hover,.diagnosis-options label.is-selected{background:var(--surface-green);border-color:#9bbd9f;box-shadow:0 8px 20px #42372614}.diagnosis-options input{width:18px;height:18px;accent-color:var(--accent);flex:none}.diagnosis-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.diagnosis-actions .button:disabled{cursor:not-allowed;opacity:.48}.diagnosis-helper{color:var(--muted);margin:-4px 0 0;font-size:.94rem}.diagnosis-helper.is-alert{color:var(--warning);background:#fff7f2;border:1px solid #d9b6a4;border-radius:8px;padding:10px 12px;font-weight:700}.diagnosis-result{background:#f7fbf6;border:1px solid #c7d9c9;border-radius:8px;gap:18px;padding:clamp(18px,3vw,24px);display:grid}.diagnosis-result-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;display:grid}.diagnosis-result-grid>div,.diagnosis-article-list{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.diagnosis-result h3,.diagnosis-article-list h3{color:var(--accent-dark);margin:0 0 10px;font-size:1.05rem}.diagnosis-result ul{gap:8px;margin:0;padding-left:1.2em;display:grid}.diagnosis-article-list{gap:10px;display:grid}.diagnosis-article-link{border:1px solid var(--line);background:#fffdf8;border-radius:8px;gap:4px;padding:12px 14px;transition:border-color .2s,background-color .2s;display:grid}.diagnosis-article-link:hover{background:var(--surface-green);border-color:#9bbd9f}.diagnosis-article-link span{color:var(--accent-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.diagnosis-article-link small{color:var(--muted);font-size:.9rem;line-height:1.6}.diagnosis-result-note{padding-top:2px;font-weight:700}.field{gap:8px;display:grid}.field label,.field legend{font-weight:800}.radio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.radio-grid label,select,textarea,input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:6px}.radio-grid label{padding:10px 12px}select,textarea,input{padding:11px 12px}textarea{resize:vertical;min-height:150px}.form-status{border:1px solid var(--line);color:var(--text);background:#fffaf0;border-radius:6px;margin:16px 0 0;padding:14px 16px;font-size:.95rem;line-height:1.7}.form-status.is-success{color:var(--green-dark);background:#eff7ef;border-color:#487e5652}.form-status.is-error{color:#8d4f39;background:#fff4ed;border-color:#a45b3f52}.site-footer{border-top:1px solid var(--line);color:#f7f2e8;background:#312c25}.footer-inner{grid-template-columns:1.2fr 1fr;gap:28px;padding:32px 0;display:grid}.footer-inner h2,.footer-inner p,.footer-inner a{color:#f7f2e8}.footer-inner h2{margin-top:0}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.copyright{color:#d8cdbb;margin:18px 0 0;font-size:.88rem}@media (max-width:860px){.header-inner,.content-layout,.footer-inner{grid-template-columns:1fr}.header-note{max-width:none}.sidebar{order:2}}@media (max-width:620px){.header-inner,.site-main,.footer-inner{width:min(100% - 22px,1120px)}.header-inner{padding:16px 0 18px}.brand{align-items:flex-start;padding-right:58px}.brand-mark{border-radius:12px;flex:none;width:54px;height:54px}.brand-mark svg{width:38px;height:38px}.brand-title{font-size:1.55rem}.brand-copy{font-size:.88rem}.header-note{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:11px 12px;font-size:.88rem}.header-note-icon{border-radius:10px;width:32px;height:32px}.header-note-icon svg{width:20px;height:20px}.main-column{padding:18px}.article-category-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-18px 0 22px}.article-category-filter a{min-height:46px;padding:9px 10px;font-size:.86rem}.sitemap-lead{margin:-18px 0 22px;font-size:.9rem}.sitemap-link-grid,.sitemap-category-grid{grid-template-columns:1fr;gap:10px}.sitemap-link-grid a,.sitemap-category-grid a,.sitemap-article-group{padding:14px}.category-grid,.article-grid,.family-grid,.contact-guide,.diagnosis-tool-head,.diagnosis-options,.diagnosis-result-grid,.radio-grid,.footer-links{grid-template-columns:1fr}.diagnosis-tool{padding:16px}.diagnosis-progress{width:100%;min-width:0}.diagnosis-question{padding:14px}.diagnosis-question legend{align-items:flex-start}.diagnosis-options label{min-height:48px;padding:11px 12px}.mobile-table-cards{display:block}.desktop-table{display:none}.mobile-row-card div{grid-template-columns:1fr;gap:2px}.global-nav{z-index:30;background:0 0;border:0;position:absolute;top:16px;right:11px}.mobile-menu-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--accent-dark);box-shadow:var(--shadow);background:#fffdf8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:inline-flex}.mobile-menu-toggle span{background:currentColor;border-radius:999px;width:20px;height:2px}.nav-inner{border:1px solid var(--line);width:min(300px,100vw - 22px);box-shadow:var(--shadow);background:#fffdf8;border-radius:8px;padding:8px;display:none;position:absolute;top:52px;right:0}.global-nav.is-open .nav-inner{grid-template-columns:1fr;gap:4px;display:grid}.nav-inner a{border-radius:6px;flex:none;justify-content:center;width:100%;min-height:44px;margin:0;padding:10px 12px}.nav-inner a:last-child{flex:none}.nav-inner .nav-label-en,.nav-inner a:not(:last-child):after,.nav-inner a:before{display:none}.nav-inner a.active{background:var(--surface-green);color:var(--accent-dark)}.button,.button-secondary{width:100%}}@media (max-width:420px){.article-category-filter{grid-template-columns:1fr}}.main-column mark{color:inherit;background:linear-gradient(#0000 60%,#fff2a3 60%);padding:0 2px;font-weight:700}.main-column strong{color:var(--text);font-weight:800}.article-list{gap:16px;margin:16px 0 24px;padding-left:24px;display:grid}.article-list li{line-height:1.7}.conversation-block{gap:14px;margin:24px 0 28px;display:grid}.conversation-message{align-items:flex-start;gap:12px;display:flex}.conversation-message.is-author{flex-direction:row-reverse}.conversation-message .family-face{flex:none;width:46px;height:46px}.conversation-message .family-face:before,.conversation-message .family-face:after{width:4px;height:4px;top:18px}.conversation-message .family-face:before{left:14px}.conversation-message .family-face:after{right:14px}.conversation-message .family-face span{width:13px;height:6px;bottom:12px;left:16px}.conversation-bubble{border:1px solid var(--line);background:#fffdf8;border-radius:14px;max-width:min(100%,560px);padding:14px 16px;position:relative;box-shadow:0 8px 18px #5b51440f}.conversation-message.is-author .conversation-bubble{background:#f7fbf5}.conversation-bubble:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:inherit;width:12px;height:12px;position:absolute;top:18px;left:-7px;transform:rotate(45deg)}.conversation-message.is-author .conversation-bubble:before{border-right:1px solid var(--line);border-top:1px solid var(--line);border-bottom:none;border-left:none;left:auto;right:-7px}.conversation-bubble strong{color:var(--accent-dark);margin-bottom:6px;font-size:.88rem;display:block}.conversation-bubble p{color:var(--text);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.8}@media (max-width:600px){.conversation-block{gap:12px;margin:20px 0 24px}.conversation-message,.conversation-message.is-author{gap:9px}.conversation-message .family-face{width:38px;height:38px}.conversation-message .family-face:before,.conversation-message .family-face:after{top:15px}.conversation-message .family-face:before{left:12px}.conversation-message .family-face:after{right:12px}.conversation-message .family-face span{width:12px;bottom:10px;left:13px}.conversation-bubble{border-radius:12px;min-width:0;padding:12px 13px}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #ff980066}70%{box-shadow:0 0 0 8px #ff980000}to{box-shadow:0 0 #ff980000}}.problem-solution-box{background:linear-gradient(145deg,#fff,#f9fdfa);border:1px solid #4caf5033;border-radius:16px;margin:32px 0;padding:24px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000a,0 2px 8px #4caf500f}.problem-solution-box:before{content:"";background:linear-gradient(90deg,#4caf50,#81c784);width:100%;height:5px;position:absolute;top:0;left:0}.problem-title{color:var(--accent-dark);align-items:center;gap:12px;margin-bottom:24px;font-size:1.25rem;font-weight:800;display:flex}.problem-title span{color:#fff;background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:inline-flex;box-shadow:0 2px 6px #4caf504d}.problem-title span:before{content:"?";font-weight:900}.problem-list{margin:0 0 28px;padding:0;list-style:none}.problem-list li{color:var(--brown);margin-bottom:14px;padding-left:36px;font-weight:700;line-height:1.6;transition:transform .2s;position:relative}.problem-list li:hover{transform:translate(4px)}.problem-list li:before{content:"✓";color:#2e7d32;background-color:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:900;display:inline-flex;position:absolute;top:1px;left:0}.solution-text{color:var(--text);background:#fff3e066;border:1px solid #ff980033;border-radius:12px;flex-direction:column;gap:12px;margin:0;padding:20px;font-size:1.05rem;font-weight:800;line-height:1.7;transition:background-color .3s;display:flex}.solution-text:hover{background:#fff3e0cc}.solution-badge{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;align-self:flex-start;padding:6px 14px;font-size:.85rem;font-weight:800;animation:2s infinite pulseGlow;box-shadow:0 2px 8px #ff98004d}.eyecatch-wrap{border:1px solid var(--line);background-color:#fff;border-radius:12px;margin:1.5rem 0 2rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #0000000a,0 1px 4px #00000005}.eyecatch-wrap:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a}.eyecatch-image{object-fit:cover;width:100%;height:auto;max-height:480px;display:block}.article-image-wrap{flex-direction:column;align-items:center;gap:10px;margin:2rem 0;display:flex}.article-inline-image{border:1px solid var(--line);background-color:#fff;border-radius:12px;width:580px;max-width:100%;height:auto;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000000a,0 1px 4px #00000005}.article-inline-image:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a}.article-image-caption{color:var(--muted);text-align:center;font-size:.88rem;font-weight:700}.roadmap-container{flex-direction:column;gap:2.5rem;display:flex}.roadmap-category{border-bottom:1px solid var(--line);padding-bottom:2rem}.roadmap-category:last-child{border-bottom:none;padding-bottom:0}.roadmap-category h3{color:var(--text);font-size:1.25rem;margin:0 0 8px!important}.roadmap-category p{color:var(--muted);margin-bottom:16px;font-size:.95rem}.roadmap-list{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.roadmap-list li{border:1px solid var(--line);border-radius:8px;padding:12px 14px 12px 46px;font-size:.95rem;transition:all .2s;position:relative}.roadmap-list li.completed{background:var(--surface-green);border-color:#b7d0b8}.roadmap-list li.completed:before{content:"✓";color:#4f7c58;text-align:center;background:#edf5ed;border:2px solid #4f7c58;border-radius:45% 55% 48% 52%;width:20px;height:20px;font-family:Comic Sans MS,Hiragino Maru Gothic ProN,cursive;font-size:.95rem;font-weight:800;line-height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)rotate(-8deg)}.roadmap-list li.completed a{color:var(--accent-dark);font-weight:700;text-decoration:underline}.roadmap-list li.completed a:hover{text-decoration:none}.roadmap-list li.planned{color:var(--muted);background:#faf9f6;border-style:dashed}.roadmap-list li.planned:before{content:"○";border:2px solid var(--line);width:20px;height:20px;color:var(--muted);text-align:center;background:#fff;border-radius:50%;font-size:.8rem;line-height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.article-card-eyecatch{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:var(--surface-soft);width:100%;overflow:hidden}.article-card-eyecatch img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.article-card:hover .article-card-eyecatch img{transform:scale(1.04)}.article-card-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.article-card-content .tag{margin-bottom:12px}.home-category-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.home-category-heading .tag{margin-bottom:0}.home-category-icon{background:var(--surface-soft);width:38px;height:38px;color:var(--accent-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.home-category-icon svg{width:20px;height:20px}.home-category-icon.budget-basics{color:#8a6a45;background:#f4efe5}.home-category-icon.food-shopping{color:#c67a00;background:#fdf5e6}.home-category-icon.fixed-costs{color:#2b5c8f;background:#eef4f8}.home-category-icon.utilities{color:#007a78;background:#e6f5f5}.home-category-icon.life-stages{color:#8f3d68;background:#f8eff4}.article-card-content h3{font-size:1.15rem;margin:0 0 10px!important}.article-card-content p{color:var(--muted);flex-grow:1;margin-bottom:16px;font-size:.92rem}.family-summary-list{border:1px solid var(--line);background-color:#fffdf8;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;padding:20px;display:grid}.family-summary-item{text-align:center;flex-direction:column;align-items:center;padding:4px;display:flex}.family-summary-avatar{width:52px;height:52px;margin-bottom:8px;transform:scale(.85)}.family-summary-name{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:800}.family-summary-desc{color:var(--muted);font-size:.76rem;line-height:1.35}@media (max-width:600px){.family-summary-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}}.family-summary-title{color:#4f7c58;border-bottom:1px dashed #e4dcd3;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:12px;font-size:1.05rem;font-weight:800;display:flex}.article-row-list{flex-direction:column;gap:20px;display:flex}.article-row-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:240px 1fr;display:grid;overflow:hidden}.article-row-eyecatch{background:var(--surface-soft);border-right:1px solid var(--line);width:100%;height:100%;min-height:150px;overflow:hidden}.article-row-eyecatch img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.article-row-card:hover .article-row-eyecatch img{transform:scale(1.04)}@media (max-width:600px){.article-row-card{grid-template-columns:1fr}.article-row-eyecatch{border-right:none;border-bottom:1px solid var(--line);aspect-ratio:16/9;height:auto;min-height:auto}.article-row-card .article-card-content{padding:16px}}.keyword-nav-container{border:1px solid var(--line);background-color:#fffdf8;border-radius:8px;margin-top:28px;margin-bottom:28px;padding:24px}.section-title{text-align:center;color:var(--text);margin-top:0;margin-bottom:20px;font-size:1.15rem;font-weight:800}.keyword-nav-list{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.keyword-nav-item a{border:1px solid var(--line);color:var(--text);background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:16px;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 2px 4px #00000005}.keyword-nav-item a:hover{color:var(--accent-dark);background-color:#fcf8ee;border-color:#8a7c6b;transform:translateY(-4px);box-shadow:0 6px 12px #8a7c6b1f}.keyword-nav-icon-wrap{color:#4f7c58;justify-content:center;align-items:center;display:flex}.keyword-nav-icon-wrap svg{width:32px;height:32px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.keyword-nav-item a:hover svg{animation:.6s ease-in-out infinite alternate keywordBounce}.keyword-nav-label{font-size:.92rem;font-weight:700}@keyframes keywordBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@media (max-width:600px){.keyword-nav-container{margin-bottom:24px;padding:16px}.section-title{margin-bottom:14px;font-size:1.05rem}.keyword-nav-list{grid-template-columns:repeat(2,1fr);gap:10px}.keyword-nav-item a{border-radius:8px;flex-direction:row;justify-content:flex-start;gap:8px;padding:10px 14px}.keyword-nav-icon-wrap svg{width:18px;height:18px}.keyword-nav-label{font-size:.82rem}.home-category-heading{gap:8px;margin-bottom:12px}.home-category-icon{width:32px;height:32px}.home-category-icon svg{width:17px;height:17px}}.operator-intro-section{background:var(--surface-green);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:20px;margin-bottom:28px;padding:24px;display:flex}.operator-intro-avatar{flex:0 0 68px;height:68px}.operator-intro-message h3{color:var(--accent-dark);margin:0 0 8px;font-size:1.1rem;font-weight:800}.operator-intro-message p{color:var(--text);margin:0;font-size:.94rem;line-height:1.7}.operator-profile-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;margin:24px 0;overflow:hidden}.operator-profile-row{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr;display:grid}.operator-profile-row:last-child{border-bottom:none}.profile-label{color:var(--accent-dark);border-right:1px solid var(--line);background:#fbf9f4;align-items:center;padding:16px 20px;font-weight:700;display:flex}.profile-value{color:var(--text);align-items:center;padding:16px 20px;line-height:1.65;display:flex}.operator-contact-value{display:block}.operator-contact-value a{color:var(--accent-dark);text-underline-offset:3px;margin-top:8px;font-weight:800;text-decoration:underline;display:inline-block}@media (max-width:620px){.operator-intro-section{text-align:center;flex-direction:column;align-items:center;padding:20px}.operator-intro-avatar{flex:0 0 68px;margin-bottom:8px}.operator-profile-row{grid-template-columns:1fr}.profile-label{border-bottom:1px solid #ded7ca80;border-right:none;padding:10px 16px;font-size:.9rem}.profile-value{padding:12px 16px;font-size:.94rem}}.faq-page-container{flex-direction:column;gap:32px;margin-top:24px;display:flex}.faq-category{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000005}.faq-category h2{color:var(--accent-dark);border-bottom:2px solid var(--accent-light);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:8px;font-size:1.25rem;display:flex}.faq-details{border-bottom:1px solid #ded7ca80;padding:16px 0}.faq-details:last-child{border-bottom:none;padding-bottom:0}.faq-details:first-of-type{padding-top:0}.faq-summary{color:#3a352f;cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:32px;font-size:1.05rem;font-weight:700;line-height:1.4;list-style:none;position:relative}.faq-summary::-webkit-details-marker{display:none}.faq-summary:after{content:"＋";color:var(--muted);font-size:1.1rem;font-weight:400;transition:transform .2s,color .2s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq-details[open] .faq-summary:after{content:"－";color:var(--accent-dark)}.faq-summary:hover{color:var(--accent-dark)}.faq-answer{color:#4a443d;background:var(--surface-green);border-left:3px solid var(--accent);border-radius:8px;margin-top:12px;padding:16px;font-size:.96rem;line-height:1.6}.faq-answer p{margin-bottom:12px}.faq-answer p:last-child{margin-bottom:0}.faq-link-row{margin-top:12px;font-weight:700;display:inline-block}.faq-link-row a{color:var(--accent-dark);text-decoration:underline;transition:color .2s}.faq-link-row a:hover{color:var(--accent)}.interactive-sim-container{gap:24px;margin:32px 0;display:grid}.sim-tab-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sim-tab-button{border:2px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .24s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000005}.sim-tab-button:hover{border-color:var(--accent);background:var(--surface-soft);transform:translateY(-2px)}.sim-tab-button.is-active{border-color:var(--accent);background:var(--surface-green);box-shadow:0 8px 24px #4f7c581f}.sim-tab-icon{flex-shrink:0;font-size:2.2rem}.sim-tab-text{flex-direction:column;gap:4px;display:flex}.sim-tab-text strong{color:var(--text);font-size:1.05rem}.sim-tab-text span{color:var(--muted);font-size:.82rem;line-height:1.4}.sim-panel{gap:24px;display:grid}@keyframes simFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sim-panel-header h2{color:var(--accent-dark);margin:0 0 10px;font-size:1.4rem}.sim-panel-header p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.7}.sim-meter-card{border:1px solid var(--line);background:#faf9f5;border-radius:12px;padding:20px}.sim-meter-card h3{color:var(--text);margin:0 0 16px;font-size:1.05rem}.sim-meter-wrap{background:var(--line);border-radius:12px;width:100%;height:24px;margin-bottom:18px;position:relative;overflow:hidden}.sim-meter-bar{background:var(--accent);border-radius:12px;align-items:center;height:100%;padding-left:12px;transition:width .4s;display:flex}.sim-meter-label{color:#fff;white-space:nowrap;font-size:.76rem;font-weight:700}.sim-meter-steps{justify-content:space-between;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sim-meter-steps li{color:var(--muted);align-items:center;gap:4px;font-size:.82rem;display:flex;position:relative}.sim-meter-steps li.is-done{color:var(--accent-dark);font-weight:700}.sim-meter-steps li.is-active{color:var(--warning);font-weight:700}.sim-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}.sim-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.94rem}.sim-data-table caption{background:var(--surface-soft);color:var(--text);border-bottom:1px solid var(--line);padding:14px;font-size:.92rem;font-weight:700}.sim-data-table th,.sim-data-table td{border-bottom:1px solid #ded7ca66;padding:14px}.sim-data-table th{color:var(--muted);background:#faf9f5;font-weight:700}.sim-data-table td small{color:var(--muted);font-size:.8rem}.sim-data-table td.highlight-cell,.sim-data-table th.highlight-cell{color:var(--accent-dark);background:#f4fbf4;font-weight:700}.sim-action-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px}.sim-action-card h3{color:var(--accent-dark);margin:0 0 20px;font-size:1.15rem}.sim-action-steps{counter-reset:sim-step-counter;gap:20px;margin:0;padding:0;list-style:none;display:grid}.sim-action-steps li{padding-left:42px;position:relative}.sim-action-steps li:before{counter-increment:sim-step-counter;content:counter(sim-step-counter);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.92rem;font-weight:700;display:grid;position:absolute;top:2px;left:0}.sim-action-steps li strong{color:var(--text);margin-bottom:6px;font-size:1.05rem;display:block}.sim-action-steps li p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.receipt-memo-card{justify-content:center;padding:12px 0;display:flex}.receipt-paper{border:1px solid var(--line);border-top:6px dashed var(--accent);background:#fff;width:min(340px,100%);padding:28px 24px;font-family:Courier New,Courier,monospace,sans-serif;position:relative;box-shadow:0 10px 24px #4237260f}.receipt-paper:after{content:"";background-image:linear-gradient(-45deg, var(--bg) 4px, transparent 0), linear-gradient(45deg, var(--bg) 4px, transparent 0);background-repeat:repeat-x;background-size:8px 8px;width:calc(100% + 2px);height:8px;position:absolute;bottom:-8px;left:-1px}.receipt-header{color:var(--muted);justify-content:space-between;font-size:.78rem;font-weight:700;display:flex}.receipt-divider{border-top:1px dashed var(--line);margin:14px 0}.receipt-items{gap:10px;margin:0;padding:0;list-style:none;display:grid}.receipt-items li{color:var(--text);justify-content:space-between;font-size:.9rem;display:flex}.receipt-total{color:var(--warning);justify-content:space-between;font-size:.96rem;font-weight:700;display:flex}.receipt-footer{text-align:center;color:var(--text);font-size:.86rem;line-height:1.6}.receipt-footer strong{color:var(--accent-dark);font-size:1.15rem}@media (max-width:640px){.sim-tab-row{grid-template-columns:1fr;gap:12px}.sim-tab-button{gap:12px;padding:12px}.sim-tab-icon{font-size:1.8rem}.sim-tab-text strong{font-size:.96rem}.sim-tab-text span{font-size:.76rem}.sim-meter-steps{flex-direction:column;align-items:flex-start;gap:10px}.sim-meter-steps li,.sim-data-table{font-size:.86rem}.sim-data-table th,.sim-data-table td{padding:10px}}.sim-route-summary{background:var(--surface-soft);border-left:4px solid var(--accent);color:var(--text);border-radius:0 8px 8px 0;margin-top:24px;padding:16px;font-size:.96rem;line-height:1.8}.sim-route-summary p{margin:0}.past-letter-container{flex-direction:column;gap:40px;margin-top:24px;display:flex}.letter-paper{background-color:#faf8f5;background-image:linear-gradient(#e6dec9 1px,#0000 1px);background-size:100% 2.2rem;border:1px solid #e6dec9;border-radius:12px;padding:32px 40px;line-height:2.2rem;position:relative;box-shadow:0 4px 15px #0000000a}.letter-header{border-bottom:2px solid var(--accent);justify-content:space-between;margin-bottom:24px;padding-bottom:12px;line-height:1.5;display:flex}.letter-date{color:var(--text-light);font-size:.9rem}.letter-to{color:var(--accent-dark);font-weight:700}.letter-body p{text-indent:1em;color:#4a3e2c;margin:0 0 2.2rem;font-size:1.05rem}.letter-body p strong{color:var(--text);background:linear-gradient(#0000 60%,#e4a8534d 0%)}.letter-signature{text-align:right;color:var(--accent-dark);margin-top:32px;font-weight:700;line-height:1.5;text-indent:0!important}.past-dialogue-section{background:var(--surface-soft);border:1px solid #0000000d;border-radius:16px;padding:32px}.section-title-handwritten{color:var(--accent-dark);align-items:center;gap:8px;margin-bottom:24px;font-size:1.25rem;font-weight:700;display:flex}.section-title-handwritten:before{content:"💬"}.dialogue-flow{flex-direction:column;gap:24px;display:flex}.dialogue-bubble{flex-direction:column;gap:8px;max-width:85%;display:flex}.bubble-past{align-self:flex-start}.bubble-present{align-self:flex-end;align-items:flex-end}.char-badge{border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700}.char-past{color:#475569;background-color:#e2e8f0}.char-present{background-color:var(--accent-light);color:var(--accent-dark)}.bubble-text{border-radius:16px;padding:16px;font-size:.98rem;line-height:1.6;box-shadow:0 2px 6px #00000005}.bubble-past .bubble-text{background-color:#fff;border:1px solid #e2e8f0;border-top-left-radius:0}.bubble-present .bubble-text{color:#2e4d2e;background-color:#eef7ed;border:1px solid #d0ebd0;border-top-right-radius:0}.notebook-section{position:relative}.notebook-paper{background:#fff;border:1px solid #ece8df;border-left-width:20px;border-radius:4px;padding:32px;box-shadow:0 4px 12px #00000008}.notebook-title{color:#4a3e2c;margin-bottom:12px;font-size:1.2rem;font-weight:700}.notebook-intro{color:var(--text-light);margin-bottom:20px;font-size:.92rem}.notebook-table-wrap{margin:0 -16px;padding:0 16px;overflow-x:auto}.notebook-table{border-collapse:collapse;width:100%;min-width:600px;font-size:.94rem}.notebook-table th,.notebook-table td{text-align:left;vertical-align:middle;border-bottom:1px dashed #d1c7b7;padding:14px 12px}.notebook-table th{color:#4a3e2c;background-color:#f7f4ed;font-weight:700}.col-wrong{color:#a85557;background-color:#fdfafb;width:40%}.col-correct{color:#2d6a4f;background-color:#f5faf6;width:40%}.x-mark,.o-mark{margin-right:4px;font-size:1.1rem;font-weight:700;display:inline-block}.x-mark{color:#e63946}.o-mark{color:#2a9d8f}.advice-card-section{position:relative}.advice-card{border:2px solid var(--accent);background:linear-gradient(135deg,#fff 0%,#faf8f5 100%);border-radius:16px;padding:32px;box-shadow:0 6px 20px #00000008}.advice-card h3{color:var(--accent-dark);align-items:center;gap:8px;margin-bottom:24px;font-size:1.25rem;display:flex}.advice-item{margin-bottom:24px}.advice-item:last-child{margin-bottom:0}.advice-item h4{color:var(--text);border-bottom:1px solid #00000014;margin-bottom:10px;padding-bottom:6px;font-size:1.05rem;font-weight:700}.advice-item p{color:var(--text-light);font-size:.94rem;line-height:1.7}.closing-letter{margin-top:20px}@media (max-width:640px){.letter-paper{background-size:100% 2rem;padding:24px 20px;line-height:2rem}.letter-body p{margin-bottom:2rem;font-size:.96rem}.letter-header{flex-direction:column;gap:6px}.past-dialogue-section{padding:20px}.dialogue-bubble{max-width:95%}.bubble-text{padding:12px;font-size:.9rem}.notebook-paper{border-left-width:10px;padding:20px}.notebook-table th,.notebook-table td{padding:10px 8px}.advice-card{padding:24px 20px}}.documentary-container{max-width:800px;color:var(--text-main);line-height:1.8;font-family:var(--font-base);margin:0 auto;padding:24px 0}.doc-editorial-header{border-bottom:2px solid var(--border-light);text-align:left;margin-bottom:40px;padding-bottom:32px}.doc-issue-tag{background-color:var(--accent);color:#fff;letter-spacing:.05em;border-radius:2px;margin-bottom:16px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.doc-main-title{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:20px;font-size:2rem;font-weight:800;line-height:1.4}.doc-lead-paragraph{color:var(--text-muted);text-align:left;background-color:var(--surface-soft);border-left:4px solid var(--accent);border-radius:8px;max-width:680px;margin:0 auto;padding:20px;font-size:1.05rem}.doc-section-title{color:var(--text-dark);border-bottom:1px solid var(--border-medium);align-items:center;margin:48px 0 24px;padding-bottom:8px;font-size:1.5rem;font-weight:700;display:flex}.doc-section-title:before{content:"";background-color:var(--accent);border-radius:2px;width:8px;height:24px;margin-right:12px;display:inline-block}.doc-section-intro{color:var(--text-main);margin-bottom:24px;font-size:1rem}.doc-profile-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.doc-profile-card{border:1px solid var(--border-light);background-color:#fff;border-radius:12px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.profile-badge{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.profile-sakura{color:#d13b53;background-color:#ffeef0}.profile-noriko{color:#1b813e;background-color:#eef9f2}.doc-profile-card h4{color:var(--text-dark);margin-bottom:4px;font-size:1.15rem;font-weight:700}.profile-role{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;font-weight:500}.profile-desc{color:var(--text-main);margin:0;font-size:.9rem}.bill-selector-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.bill-tab-btn{border:1px solid var(--border-medium);background-color:var(--surface-soft);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.bill-tab-btn span{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.75rem}.before-tab span{color:#666;background-color:#eaeaea}.after-tab span{color:#2b7a4b;background-color:#e2f0e7}.before-tab.active{color:#d13b53;background-color:#fff5f6;border-color:#d13b53}.before-tab.active span{color:#fff;background-color:#d13b53}.after-tab.active{color:#1b813e;background-color:#f3fbf6;border-color:#1b813e}.after-tab.active span{color:#fff;background-color:#1b813e}.bill-card-wrapper{perspective:1000px}.bill-paper{border:1px solid var(--border-medium);background-color:#fbfbf9;background-image:radial-gradient(var(--border-light) 1px, transparent 1px);background-size:20px 20px;border-radius:4px;padding:32px;position:relative;box-shadow:0 8px 24px #0000000d}.bill-paper:before{content:"";background:repeating-linear-gradient(-45deg, var(--border-medium), var(--border-medium) 10px, transparent 10px, transparent 20px);height:6px;position:absolute;top:0;left:0;right:0}.bill-header{border-bottom:2px dashed var(--border-medium);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.bill-header h4{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.bill-stamp-alert{color:#d13b53;text-transform:uppercase;border:2px solid #d13b53;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:700;transform:rotate(6deg)}.bill-stamp-success{color:#1b813e;text-transform:uppercase;border:2px solid #1b813e;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:700;transform:rotate(-6deg)}.bill-table{border-collapse:collapse;table-layout:auto;background:0 0;width:100%;min-width:auto;margin-bottom:24px}.bill-table th,.bill-table td{border-bottom:1px solid var(--border-light);padding:12px 0;font-size:.95rem}.bill-table th{color:var(--text-muted);text-align:left;font-size:.85rem;font-weight:700}.table-note{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:400;display:block}.text-right{text-align:right}.bill-total-row{font-size:1.15rem;font-weight:700}.bill-total-row td{border-top:2px solid var(--text-dark);border-bottom:2px solid var(--text-dark);padding:16px 0}.highlight-red{color:#d13b53;font-size:1.3rem}.highlight-green{color:#1b813e;font-size:1.3rem}.bill-footer-comment{border:1px solid var(--border-light);background-color:#fff;border-radius:8px;padding:16px;font-size:.9rem;line-height:1.6}.vertical-timeline{margin:32px 0;padding-left:40px;position:relative}.vertical-timeline:before{content:"";background-color:var(--border-medium);width:2px;position:absolute;top:10px;bottom:10px;left:20px}.timeline-item{margin-bottom:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.time-badge{background-color:var(--accent);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:80px;height:28px;font-size:.75rem;font-weight:700;display:flex;position:absolute;left:-20px;transform:translate(-50%);box-shadow:0 2px 6px #0000001a}.timeline-content{border:1px solid var(--border-light);background-color:#fff;border-radius:12px;margin-left:36px;padding:24px;box-shadow:0 4px 12px #00000005}.timeline-content h4{color:var(--text-dark);margin-bottom:8px;font-size:1.1rem;font-weight:700}.timeline-desc{color:var(--text-main);margin-bottom:16px;font-size:.9rem}.sakura-bubble{color:#8a6d3b;background-color:#fffcf0;border:1px dashed #e6c587;border-radius:8px;padding:16px;font-size:.85rem;line-height:1.6;position:relative}.sakura-bubble:before{content:"さくらのホンネ";text-transform:uppercase;color:#b58933;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.interview-body{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000005}.interview-block{margin-bottom:32px}.interview-block:last-child{margin-bottom:0}.speaker-name{color:var(--accent);margin-bottom:8px;font-size:1rem;font-weight:700;display:block}.speaker-text{color:var(--text-main);margin:0;font-size:1rem}.speaker-text strong{color:var(--text-dark);margin-right:4px;font-weight:700;display:inline-block}.pullquote-wrapper{text-align:center;margin:36px 0}.interview-pullquote{color:var(--text-dark);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);margin:0;padding:24px 0;font-family:serif;font-size:1.35rem;font-style:italic;font-weight:700;line-height:1.6}.future-use-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.use-card{background-color:var(--surface-soft);text-align:center;border-radius:12px;padding:24px}.use-icon{margin-bottom:12px;font-size:2rem}.use-card h5{color:var(--text-dark);margin-bottom:8px;font-size:1.05rem;font-weight:700}.use-card p{color:var(--text-main);text-align:left;margin:0;font-size:.85rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.doc-main-title{font-size:1.6rem}.doc-profile-grid{grid-template-columns:1fr;gap:16px}.bill-selector-tabs{grid-template-columns:1fr;gap:8px}.bill-paper{padding:20px}.vertical-timeline{padding-left:24px}.vertical-timeline:before{left:12px}.time-badge{width:72px;font-size:.7rem;left:-12px}.timeline-content{margin-left:28px;padding:16px}.interview-body{padding:24px}.interview-pullquote{padding:16px 0;font-size:1.15rem}.future-use-grid{grid-template-columns:1fr;gap:16px}}.related-articles-section{border-top:1px solid var(--line);margin-top:56px;padding-top:48px}.related-section-title{color:var(--text-dark);align-items:center;margin-bottom:24px;font-size:1.35rem;font-weight:700;display:flex}.related-section-title:before{content:"";background-color:var(--accent);border-radius:2px;width:6px;height:20px;margin-right:10px;display:inline-block}.related-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.related-card{background:var(--surface);border:1px solid var(--border-light);color:inherit;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 4px 12px #42372605}.related-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px #42372614}.related-card-image-wrap{aspect-ratio:16/9;background-color:var(--surface-soft);position:relative;overflow:hidden}.related-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.related-card:hover .related-card-image{transform:scale(1.04)}.related-card-image-placeholder{background:linear-gradient(135deg, var(--surface-soft) 0%, var(--line) 100%);width:100%;height:100%}.related-card-category-tag{background-color:var(--accent);color:#fff;z-index:1;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 4px #0000001a}.related-card-content{flex-direction:column;flex-grow:1;padding:16px;display:flex}.related-card-title{color:var(--text-dark);-webkit-line-clamp:3;-webkit-box-orient:vertical;height:4.5em;margin:0 0 10px;font-size:.95rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.related-card-meta{color:var(--muted);margin-top:auto;font-size:.75rem}@media (max-width:768px){.related-grid{grid-template-columns:1fr;gap:16px}.related-card-title{-webkit-line-clamp:2;height:auto;min-height:0}}.roadmap-journey-container{max-width:800px;margin:32px auto;padding:0 16px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.roadmap-intro-banner{text-align:center;border:2px dashed var(--accent);background:linear-gradient(135deg,#fbf7ed 0%,#f4efe2 100%);border-radius:12px;margin-bottom:48px;padding:28px 20px;box-shadow:inset 0 2px 4px #00000005}.roadmap-intro-banner h2{color:var(--accent-dark);margin:0 0 12px;font-size:1.45rem;font-weight:800}.roadmap-intro-banner p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.7}.roadmap-timeline-container{flex-direction:column;gap:40px;padding-left:20px;display:flex;position:relative}.roadmap-step-card-wrapper{opacity:.3;grid-template-columns:48px 1fr;align-items:start;gap:20px;transition:opacity .8s,transform .8s;display:grid;position:relative;transform:translateY(20px)}.roadmap-step-card-wrapper.is-active{opacity:1;transform:translateY(0)}.roadmap-timeline-pin-container{flex-direction:column;align-items:center;height:100%;display:flex}.roadmap-timeline-pin{color:#fff;z-index:2;background:#ded7ca;border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:800;transition:background-color .4s,transform .4s;display:grid;box-shadow:0 4px 8px #00000014}.roadmap-timeline-pin.is-active{background:var(--accent);transform:scale(1.1)}.roadmap-timeline-pin.is-start{background:#e67e22!important}.roadmap-timeline-pin.is-goal{background:#f1c40f!important}.roadmap-timeline-line{z-index:1;background:#ded7ca;border-radius:2px;flex:1;width:4px;min-height:80px;margin-top:8px;margin-bottom:-16px;transition:background-color .6s;position:relative}.roadmap-timeline-line.is-active{background:var(--accent)}.roadmap-step-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px;transition:box-shadow .3s,border-color .3s;position:relative;box-shadow:0 6px 18px #4237260d}.roadmap-step-card.is-active{border-color:var(--accent);box-shadow:0 10px 24px #4f7c581f}.roadmap-step-card.start-card{border-left:5px solid #e67e22}.roadmap-step-card.goal-card{background:#fffdf5;border-left:5px solid #f1c40f}.roadmap-stamp-badge{color:#e74c3c;z-index:3;background:#fffffff2;border:3px double #e74c3c;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:.85rem;font-weight:900;display:flex;position:absolute;top:-12px;right:-12px;transform:rotate(-15deg);box-shadow:0 4px 10px #e74c3c26}.roadmap-stamp-inner{text-align:center;white-space:pre-line;border:1px solid #e74c3c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;padding:4px;font-size:.82rem;line-height:1.35;display:flex}.bounce-in{animation:.6s cubic-bezier(.175,.885,.32,1.275) both stampBounce}@keyframes stampBounce{0%{opacity:0;transform:scale(3)rotate(-45deg)}70%{transform:scale(.9)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(-15deg)}}.roadmap-card-header{margin-bottom:16px}.roadmap-step-badge-label{color:#fff;background:var(--brown);letter-spacing:.05em;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.roadmap-step-title{color:var(--text);font-size:1.2rem;font-weight:800;margin:0 0 4px!important}.roadmap-step-subtitle{color:var(--accent-dark);font-size:.9rem;font-weight:700;margin:0!important}.roadmap-step-desc{color:var(--text);margin-bottom:16px;font-size:.94rem;line-height:1.7}.roadmap-step-story-box{border-left:3px solid var(--line);background:#fbfaf7;border-radius:8px;margin-bottom:14px;padding:14px 16px}.roadmap-story-badge{color:var(--brown);margin-bottom:6px;font-size:.78rem;font-weight:800;display:inline-block}.roadmap-story-text{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0!important}.roadmap-step-checkpoint-box{background:var(--surface-green);border-radius:8px;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.roadmap-checkpoint-icon{font-size:1.1rem;line-height:1}.roadmap-checkpoint-text{color:var(--accent-dark);font-size:.88rem;line-height:1.5;margin:0!important}.roadmap-card-footer{border-top:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.roadmap-footer-label{color:var(--muted);font-size:.86rem;font-weight:700}.roadmap-counter-display{color:var(--accent-dark);align-items:baseline;display:flex}.roadmap-currency{margin-right:2px;font-size:1.1rem;font-weight:800}.roadmap-counter-number{font-feature-settings:"tnum";font-size:1.8rem;font-weight:900;line-height:1}.roadmap-unit{margin-left:2px;font-size:.86rem;font-weight:700}.roadmap-celebration-banner{text-align:center;background:linear-gradient(135deg,#fffcf0 0%,#fff9d6 100%);border:2px solid #f1c40f;border-radius:16px;margin-top:54px;padding:36px 24px;box-shadow:0 10px 25px #f1c40f26}.roadmap-celebration-stars{margin-bottom:12px;font-size:2rem}.roadmap-celebration-banner h3{color:#b7950b;font-size:1.35rem;font-weight:800;margin:0 0 10px!important}.roadmap-celebration-banner p{color:#7d6608;margin:0;font-size:.94rem;line-height:1.7}.fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.roadmap-step-card-wrapper{grid-template-columns:36px 1fr;gap:12px}.roadmap-timeline-pin{width:34px;height:34px;font-size:.95rem}.roadmap-timeline-line{min-height:110px;margin-bottom:-20px}.roadmap-step-card{padding:18px}.roadmap-stamp-badge{width:70px;height:70px;font-size:.78rem;top:-10px;right:-10px}.roadmap-stamp-inner{width:60px;height:60px;padding:2px;font-size:.72rem;line-height:1.3}.roadmap-step-title{font-size:1.1rem}.roadmap-counter-number{font-size:1.5rem}}.club-rpg-container{color:#333;max-width:900px;margin:32px auto;padding:0 16px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,monospace,sans-serif}.club-rpg-intro-banner{text-align:center;image-rendering:pixelated;background:#fbf8f0;border:4px solid #5b5144;border-radius:8px;margin-bottom:36px;padding:24px 20px;box-shadow:4px 4px #5b514426}.club-rpg-intro-banner h2{color:#5b5144;letter-spacing:.05em;font-size:1.5rem;font-weight:900;margin:0 0 10px!important}.club-rpg-intro-banner p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.65}.club-rpg-dashboard{grid-template-columns:1fr 340px;align-items:start;gap:28px;display:grid}.club-rpg-selection-column{flex-direction:column;gap:24px;display:flex}.club-rpg-item-box{background:#fff;border:4px solid #5b5144;border-radius:12px;padding:20px;box-shadow:4px 4px #5b514426}.club-rpg-item-header{border-bottom:2px solid #5b5144;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.club-rpg-item-category{color:#fff;background:#8a6a45;border-radius:4px;padding:2px 8px;font-size:.76rem;font-weight:800}.club-rpg-item-header h3{color:#5b5144;font-size:1.15rem;font-weight:900;margin:0!important}.club-rpg-options-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px;display:grid}.club-rpg-option-btn{text-align:left;cursor:pointer;background:#fff;border:3px solid #ded7ca;border-radius:8px;flex-direction:column;justify-content:space-between;gap:4px;padding:12px;font-family:inherit;transition:all .2s;display:flex}.club-rpg-option-btn:hover{background:#fffdf5;border-color:#5b5144}.club-rpg-option-btn.is-selected{background:#edf5ed;border-color:#4f7c58;box-shadow:inset 0 0 0 1px #4f7c58}.club-rpg-option-name{color:#333;font-size:.9rem;font-weight:900}.club-rpg-option-cost{color:#8a6a45;font-size:.94rem;font-weight:800}.club-rpg-option-btn.is-selected .club-rpg-option-cost{color:#34573d}.club-rpg-option-desc{color:var(--muted);background:#fbfaf8;border-left:3px solid #ded7ca;border-radius:6px;padding:8px 12px;font-size:.86rem;line-height:1.6;margin:0!important}.club-rpg-status-sidebar{position:sticky;top:24px}.club-rpg-status-card{color:#fff;background:#2b2925;border:4px solid #5b5144;border-radius:12px;padding:24px;font-family:monospace,inherit;box-shadow:4px 4px #5b514426}.club-rpg-character-info{border-bottom:2px solid #5b5144;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.club-rpg-avatar-box{background:#fff;border:3px solid #5b5144;border-radius:8px;place-items:center;width:60px;height:60px;font-size:2.2rem;display:grid;box-shadow:inset 0 2px 4px #0000001a}.club-rpg-char-name{color:#fff;font-size:1.15rem;font-weight:900;margin:0 0 2px!important}.club-rpg-char-job{color:#ded7ca;font-size:.8rem;margin:0!important}.club-rpg-parameters{flex-direction:column;gap:18px;display:flex}.club-rpg-param-row{flex-direction:column;gap:6px;display:flex}.club-rpg-param-labels{letter-spacing:.05em;justify-content:space-between;font-size:.84rem;font-weight:800;display:flex}.club-rpg-param-name{color:#fff}.club-rpg-param-value{color:#ded7ca}.club-rpg-bar-container{background:#111;border:2px solid #5b5144;border-radius:4px;height:16px;padding:1px;overflow:hidden}.club-rpg-bar{border-radius:2px;height:100%;transition:width .4s,background-color .4s}.hp-bar{background-color:#2ecc71}.hp-bar.is-warning{background-color:#f1c40f}.hp-bar.is-danger{background-color:#e74c3c}.mp-bar{background-color:#3498db}.club-rpg-gold-row{border-top:2px dashed #5b5144;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:14px;display:flex}.club-rpg-gold-label{color:#ded7ca;font-size:.9rem;font-weight:800}.club-rpg-gold-value{color:#f1c40f;font-feature-settings:"tnum";font-size:1.7rem;font-weight:900}.club-rpg-gold-unit{color:#ded7ca;font-size:.86rem}.club-rpg-warning-alert{color:#f5b041;background:#e74c3c26;border:1px dashed #e74c3c;border-radius:6px;margin-top:20px;padding:12px;font-size:.8rem;line-height:1.5}.club-rpg-warning-alert.flash-warning{color:#e67e22;background:#f39c121a;border-color:#f39c12}.club-rpg-clear-banner{text-align:center;background:linear-gradient(135deg,#fffcf0 0%,#fff9d6 100%);border:4px solid #f1c40f;border-radius:16px;margin-top:48px;margin-bottom:32px;padding:32px 24px;box-shadow:0 10px 25px #f1c40f26}.club-rpg-bounce-in{animation:.6s cubic-bezier(.175,.885,.32,1.275) both rpgBannerBounce}@keyframes rpgBannerBounce{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.club-rpg-clear-icon{color:#b7950b;letter-spacing:.05em;margin-bottom:12px;font-size:1.6rem;font-weight:900}.club-rpg-clear-banner h3{color:#9a7d0a;font-size:1.35rem;font-weight:800;margin:0 0 12px!important}.club-rpg-clear-banner p{color:#7d6608;margin-bottom:24px;font-size:.94rem}.club-rpg-rules-card{text-align:left;background:#fff;border:2px dashed #f1c40f;border-radius:12px;padding:20px}.club-rpg-rules-card h4{color:#9a7d0a;text-align:center;margin:0 0 16px;font-size:1.05rem;font-weight:900}.club-rpg-rules-card ul{flex-direction:column;gap:16px;margin:0;padding-left:20px;display:flex}.club-rpg-rules-card li{list-style-type:square}.club-rpg-rules-card strong{color:#5b5144;font-size:.94rem}.club-rpg-rules-card p{color:var(--muted);font-size:.86rem;line-height:1.6;margin:4px 0 0!important}.club-rpg-hint-banner{text-align:center;background:#fbfaf5;border:2px dashed #ded7ca;border-radius:8px;margin-top:36px;padding:16px}.club-rpg-hint-banner p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}@media (max-width:860px){.club-rpg-dashboard{grid-template-columns:1fr;gap:24px}.club-rpg-status-sidebar{z-index:10;position:sticky;top:0}.club-rpg-status-card{border-radius:8px;padding:16px;box-shadow:0 4px 12px #0000001a}.club-rpg-character-info{display:none}.club-rpg-parameters{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px}.club-rpg-param-row{flex:180px;gap:2px}.club-rpg-gold-row{border-top:1px dashed #5b5144;flex:100%;justify-content:flex-end;gap:12px;margin-top:0;padding-top:8px}.club-rpg-warning-alert{display:none}}@media (max-width:640px){.club-rpg-container{margin:16px auto;padding:0 8px}.club-rpg-intro-banner{margin-bottom:24px;padding:16px 12px}.club-rpg-intro-banner h2{font-size:1.25rem}.club-rpg-intro-banner p{font-size:.86rem}.club-rpg-item-box{padding:14px}.club-rpg-item-header h3{font-size:1.05rem}.club-rpg-options-grid{grid-template-columns:1fr;gap:8px}.club-rpg-option-btn{padding:10px}.club-rpg-clear-banner{border-radius:12px;margin-top:32px;margin-bottom:24px;padding:20px 14px}.club-rpg-clear-icon{font-size:1.3rem}.club-rpg-clear-banner h3{font-size:1.15rem}.club-rpg-clear-banner p{margin-bottom:16px;font-size:.86rem}.club-rpg-rules-card{border-radius:8px;padding:14px}.club-rpg-rules-card h4{margin-bottom:12px;font-size:.94rem}.club-rpg-rules-card ul{gap:12px;padding-left:14px}.club-rpg-rules-card strong{font-size:.88rem}.club-rpg-rules-card p{font-size:.8rem}}.survival-container{color:#2b2925;border:1px solid #00000014;border-radius:16px;flex-direction:column;max-width:800px;min-height:520px;margin:32px auto;padding:32px;font-family:inherit;transition:background .8s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.survival-bg-intro{background:linear-gradient(135deg,#fff7eb 0%,#ffe6cc 100%)}.survival-bg-morning{background:linear-gradient(135deg,#ffe3d1 0%,#ffd0b3 100%)}.survival-bg-noon{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)}.survival-bg-evening{background:linear-gradient(135deg,#ffe0b2 0%,#ffcc80 100%)}.survival-bg-night{background:linear-gradient(135deg,#eceff1 0%,#cfd8dc 100%)}.survival-bg-midnight{background:linear-gradient(135deg,#d7ccc8 0%,#b0bec5 100%)}.survival-bg-result{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.survival-header{text-align:center;margin-bottom:24px}.survival-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-dark);margin-bottom:6px;font-size:.85rem;font-weight:800;display:block}.survival-title{color:#2b2925;margin:0;font-size:1.6rem;font-weight:800}.survival-progress-bar{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto 32px;padding:0 10px;display:flex;position:relative}.survival-progress-bar:before{content:"";z-index:1;background:#00000014;height:4px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.survival-progress-dot{z-index:2;cursor:pointer;background:#fff;border:3px solid #0000001a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-family:inherit;transition:all .3s;display:flex}.survival-progress-dot:hover{transform:scale(1.1)}.survival-progress-dot.is-active{border-color:var(--accent-dark);background:var(--accent-dark);color:#fff;box-shadow:0 0 0 4px #dc643233}.survival-progress-dot.is-completed{border-color:var(--accent);color:var(--accent);background:#fff}.survival-progress-dot.is-completed:after{content:"✓";background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.8rem;font-weight:900;display:flex;position:absolute;top:-2px;right:-2px}.survival-progress-dot-num{font-size:1rem;font-weight:800}.survival-progress-dot-label{white-space:nowrap;color:#4a443d;margin-top:2px;font-size:.65rem;font-weight:700;position:absolute;bottom:-22px}.survival-main-card{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:12px;flex-direction:column;flex-grow:1;padding:32px;display:flex;box-shadow:0 8px 32px #4237260d}.survival-intro-content{text-align:center;padding:20px 0}.survival-intro-visual{justify-content:center;margin-bottom:24px;display:flex}.survival-intro-clock-wrap{color:var(--accent);animation:4s ease-in-out infinite survival-float;display:inline-block;position:relative}.survival-clock-svg{filter:drop-shadow(0 4px 6px #0000001a)}.survival-intro-text{color:#4a443d;margin-bottom:32px;font-size:.98rem;line-height:1.8}.survival-highlight{color:var(--accent-dark);background:linear-gradient(#0000 70%,#ffdca8 70%);font-weight:800}@keyframes survival-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes survival-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes survival-bounce-in{0%{opacity:0;transform:scale(.95)}70%{opacity:.9;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.survival-fade-in{animation:.5s cubic-bezier(.25,.8,.25,1) forwards survival-bounce-in}.survival-pop{animation:.4s ease-out survival-pop}.survival-bounce-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards survival-bounce-in}.survival-btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:14px 32px;font-family:inherit;font-size:1.05rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #dc64324d}.survival-btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #dc643266}.survival-btn-bounce:hover{animation:.3s ease-out survival-pop}.survival-step-content{flex-direction:column;flex-grow:1;display:flex}.survival-step-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.survival-step-time{color:var(--accent-dark);background:#dc64321f;border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:800}.survival-step-icon-wrap{color:#4a443d}.survival-step-title{color:#2b2925;margin:0 0 14px;font-size:1.35rem;font-weight:800}.survival-step-desc{color:#4a443d;margin-bottom:24px;font-size:.95rem;line-height:1.7}.survival-options-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}.survival-option-card{cursor:pointer;text-align:left;background:#ffffffd9;border:2px solid #0000000d;border-radius:10px;align-items:flex-start;gap:16px;width:100%;padding:18px;font-family:inherit;transition:all .25s;display:flex}.survival-option-card:hover:not(:disabled){border-color:var(--accent);background:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #0000000d}.survival-option-card.is-selected{border-color:var(--accent-dark);background:#fff;box-shadow:0 8px 20px #dc643214}.survival-option-card.is-dimmed{opacity:.55;cursor:default}.survival-option-bullet{border:2px solid #00000026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex}.survival-option-card.is-selected .survival-option-bullet{border-color:var(--accent-dark)}.survival-option-bullet-inner{background:0 0;border-radius:50%;width:10px;height:10px;transition:background .2s}.survival-option-card.is-selected .survival-option-bullet-inner{background:var(--accent-dark)}.survival-option-details{flex-direction:column;gap:4px;display:flex}.survival-option-label{color:#2b2925;font-size:1.02rem;font-weight:800}.survival-option-desc{color:#5c554e;font-size:.88rem;line-height:1.5}.survival-option-saving-badge{color:#2e7d32;background:#e8f5e9;border-radius:4px;align-self:flex-start;margin-top:6px;padding:2px 8px;font-size:.78rem;font-weight:800;display:inline-block}.survival-detail-box{color:#5d4037;background:#fff8e1;border-left:4px solid #ffb300;border-radius:0 8px 8px 0;margin-bottom:24px;padding:16px;font-size:.9rem;line-height:1.6}.survival-detail-title{align-items:center;gap:6px;margin-bottom:6px;font-weight:800;display:flex}.survival-nav-buttons{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.survival-btn-back{color:#4a443d;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:30px;padding:10px 22px;font-family:inherit;font-weight:700;transition:all .2s}.survival-btn-back:hover{background:#0000000d;border-color:#00000040}.survival-btn-next{margin-left:auto}.survival-scoreboard-wrap{z-index:10;margin-top:24px;transition:all .3s}.survival-scoreboard{-webkit-backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #fffc;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;box-shadow:0 8px 24px #4237260f}.survival-score-item{flex:1;align-items:center;gap:12px;display:flex}.survival-score-icon{font-size:1.6rem}.survival-score-lbl{color:#6d645a;font-size:.72rem;font-weight:800;display:block}.survival-score-val{font-size:1.15rem;font-weight:900;line-height:1.2}.survival-score-unit-sm{font-size:.8rem;font-weight:700}.text-savings{color:#2e7d32}.text-happy{color:#e65100}.survival-happy-gauge-wrap{align-items:center;gap:10px;margin-top:2px;display:flex}.survival-happy-gauge-bar{background:linear-gradient(90deg,#ffb74d 0%,#f57c00 100%);border-radius:5px;min-width:10px;max-width:100px;height:10px;transition:width .5s cubic-bezier(.175,.885,.32,1.275)}.survival-btn-reset-sm{cursor:pointer;color:#6d645a;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex}.survival-btn-reset-sm:hover{color:var(--accent-dark);background:#dc64321a}.survival-result-content{text-align:center;padding:10px 0}.survival-result-header{margin-bottom:24px}.survival-result-medal{margin-bottom:8px;font-size:2.8rem}.survival-result-badge{color:#fff;border-radius:20px;margin-bottom:12px;padding:4px 16px;font-size:.9rem;font-weight:800;display:inline-block;box-shadow:0 4px 10px #0000001a}.survival-badge-gold{background:#ffb300}.survival-badge-silver{background:#b0bec5}.survival-badge-bronze{background:#a1887f}.survival-badge-novice{background:#81c784}.survival-result-scores{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.survival-result-score-box{background:#ffffffb3;border:1px solid #ffffffe6;border-radius:8px;padding:14px}.survival-score-label{color:#6d645a;margin-bottom:4px;font-size:.78rem;font-weight:800;display:block}.survival-score-value{font-size:1.35rem;font-weight:900;display:block}.survival-score-unit{font-size:.85rem;font-weight:700}.survival-result-card{text-align:left;background:#fff;border:1px solid #0000000d;border-radius:10px;margin-bottom:24px;padding:24px;box-shadow:0 4px 15px #00000005}.survival-result-card h4{color:#2b2925;margin:0 0 10px;font-size:1.05rem;font-weight:800}.survival-result-card p{color:#5c554e;margin-bottom:16px;font-size:.92rem;line-height:1.6}.survival-result-advice-tip{color:#33691e;background:#f1f8e9;border-radius:6px;padding:12px;font-size:.88rem;line-height:1.5}.survival-result-actions{justify-content:center;display:flex}@media (max-width:640px){.survival-container{border-radius:12px;margin:16px auto;padding:18px}.survival-title{font-size:1.3rem}.survival-main-card{border-radius:10px;padding:18px}.survival-progress-bar{margin-bottom:24px}.survival-progress-bar:before{height:3px}.survival-progress-dot{width:32px;height:32px}.survival-progress-dot-num{font-size:.85rem}.survival-progress-dot-label{font-size:.6rem;bottom:-18px}.survival-option-card{gap:12px;padding:14px}.survival-option-label{font-size:.95rem}.survival-option-desc{font-size:.82rem}.survival-option-bullet{width:18px;height:18px;margin-top:1px}.survival-option-bullet-inner{width:8px;height:8px}.survival-scoreboard-wrap{pointer-events:none;background:linear-gradient(#0000,#00000026);margin:0;padding:10px 14px;position:fixed;bottom:0;left:0;right:0}.survival-scoreboard{pointer-events:auto;border:1px solid #fffffff2;border-radius:14px;gap:12px;padding:10px 16px;box-shadow:0 -4px 20px #0000001a}.survival-score-item{gap:8px}.survival-score-icon{font-size:1.3rem}.survival-score-lbl{font-size:.65rem}.survival-score-val{font-size:.95rem}.survival-happy-gauge-bar{max-width:50px;height:8px}.survival-container{padding-bottom:74px}.survival-result-scores{grid-template-columns:1fr;gap:12px}.survival-result-card{padding:16px}.survival-result-medal{font-size:2.2rem}.survival-btn-primary{text-align:center;width:100%;padding:14px 20px}}.chat-consult-wrapper{background:#f4f7f9;border:1px solid #00000014;border-radius:16px;flex-direction:column;max-width:680px;margin:32px auto;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #2c3e5014}.chat-consult-header{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-consult-header-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;display:flex;box-shadow:0 4px 10px #00000026}.chat-consult-header-info{flex:1}.chat-consult-header-info h3{color:#fff;letter-spacing:.5px;margin:0;font-size:1.05rem;font-weight:800}.chat-consult-header-info p{color:#a0c4ff;align-items:center;gap:4px;margin:2px 0 0;font-size:.72rem;display:flex}.chat-consult-header-info p:before{content:"";background:#4caf50;border-radius:50%;width:6px;height:6px;animation:1.5s infinite chat-blink;display:inline-block}.chat-consult-btn-reset-header{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s}.chat-consult-btn-reset-header:hover{background:#ffffff4d}.chat-consult-body{background:#f8fafc;flex-direction:column;gap:20px;height:420px;padding:24px 20px;display:flex;overflow-y:auto}.chat-msg-row{align-self:flex-start;gap:12px;max-width:85%;display:flex}.chat-msg-row.is-mom{flex-direction:row-reverse;align-self:flex-end;max-width:80%}.chat-msg-avatar{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex;box-shadow:0 2px 6px #0000000d}.chat-msg-content-wrap{flex-direction:column;gap:4px;display:flex}.chat-msg-sender{color:#64748b;margin-left:4px;font-size:.72rem;font-weight:700}.chat-msg-row.is-mom .chat-msg-sender{text-align:right;margin-right:4px}.chat-msg-bubble{background:#fff;border:1px solid #0000000d;border-radius:0 16px 16px;padding:12px 16px;box-shadow:0 2px 8px #00000005}.chat-msg-row.is-mom .chat-msg-bubble{color:#1c3d13;background:#dcf8c6;border-color:#d2f0b9;border-radius:16px 0 16px 16px}.chat-msg-bubble p{white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.55}.chat-msg-time{color:#94a3b8;margin-top:2px;margin-left:4px;font-size:.65rem}.chat-msg-row.is-mom .chat-msg-time{text-align:right;margin-right:4px}.chat-typing-bubble{align-items:center;gap:4px;padding:12px 18px;display:flex}.chat-dot{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both chat-typing-dots;display:inline-block}.chat-dot:first-child{animation-delay:-.32s}.chat-dot:nth-child(2){animation-delay:-.16s}.chat-consult-input-area{background:#fff;border-top:1px solid #00000014;padding:20px}.chat-question-badge{color:#0369a1;background:#e0f2fe;border-radius:12px;margin-bottom:10px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.chat-input-instruction{color:#334155;margin:0 0 12px;font-size:.88rem;font-weight:700}.chat-options-grid{grid-template-columns:1fr;gap:12px;display:grid}.chat-option-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.chat-option-btn:hover{background:#f0f7ff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 18px #3b82f614}.chat-option-btn-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.chat-option-btn-text{flex-direction:column;gap:4px;display:flex}.chat-option-btn-title{color:#1e293b;font-size:.92rem;font-weight:800}.chat-option-btn-desc{color:#64748b;font-size:.78rem}.chat-consult-result-box{background:#fff;border-top:1px solid #00000014;padding:24px}.chat-result-banner{color:#fff;text-align:center;letter-spacing:1px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;margin-bottom:24px;padding:10px 16px;font-size:1.15rem;font-weight:900;box-shadow:0 4px 12px #d9770626}.chat-result-body-wrap{flex-direction:column;gap:20px;display:flex}.chat-result-savings-hero{text-align:center;background:#f0fdf4;border:1px dashed #bbf7d0;border-radius:12px;padding:20px}.chat-result-savings-lbl{color:#166534;margin-bottom:6px;font-size:.82rem;font-weight:800;display:block}.chat-result-savings-val{color:#15803d;font-size:2rem;font-weight:900}.chat-result-savings-unit{font-size:1rem;font-weight:700}.chat-result-rank-card{border:1px solid #0000;border-radius:12px;padding:18px;position:relative}.chat-result-rank-card.rank-gold{color:#78350f;background:#fffbeb;border-color:#fde68a}.chat-result-rank-card.rank-silver{color:#334155;background:#f8fafc;border-color:#e2e8f0}.chat-result-rank-card.rank-beginner{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.chat-rank-badge{color:#fff;background:#1e293b;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:800;position:absolute;top:-10px;left:16px}.chat-rank-title{margin:4px 0 8px;font-size:1.1rem;font-weight:900}.chat-rank-comment{margin:0;font-size:.85rem;line-height:1.55}.chat-result-bonus{background:#f8fafc;border-radius:12px;padding:18px}.chat-result-bonus h5{color:#334155;margin:0 0 10px;font-size:.9rem;font-weight:800}.chat-result-bonus ul{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.chat-result-bonus li{color:#475569;font-size:.82rem;line-height:1.5}.chat-consult-btn-reset-result{color:#fff;cursor:pointer;text-align:center;background:#1e293b;border:none;border-radius:12px;padding:14px 20px;font-size:.92rem;font-weight:800;transition:all .2s}.chat-consult-btn-reset-result:hover{background:#0f172a}.chat-scoreboard-fixed{margin-top:1px}.chat-scoreboard-fixed-inner{background:#fffffff2;border-top:1px solid #00000014;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex}.chat-sb-item{align-items:center;gap:10px;display:flex}.chat-sb-icon{font-size:1.8rem}.chat-sb-detail{flex-direction:column;display:flex}.chat-sb-lbl{color:#64748b;font-size:.68rem;font-weight:700}.chat-sb-val{color:#16a34a;font-size:1.25rem;font-weight:900}.chat-sb-progress{flex-direction:column;flex:1;gap:6px;max-width:260px;display:flex}.chat-sb-progress-lbl{color:#64748b;text-align:right;font-size:.68rem;font-weight:700}.chat-sb-progress-track{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.chat-sb-progress-bar{background:#3b82f6;border-radius:4px;width:0%;height:100%;transition:width .4s}@keyframes chat-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes chat-typing-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes chat-bounce-in{0%{opacity:0;transform:scale(.95)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-fade-in{animation:.35s cubic-bezier(.25,.8,.25,1) forwards chat-fade-in}.chat-bounce-in{animation:.4s cubic-bezier(.175,.885,.32,1.2) forwards chat-bounce-in}@media (max-width:640px){.chat-consult-wrapper{border-radius:12px;margin:16px auto;box-shadow:0 4px 16px #0000000d}.chat-consult-header{padding:12px 16px}.chat-consult-body{gap:12px;height:270px;padding:14px 16px}.chat-msg-row{max-width:90%}.chat-msg-row.is-mom{max-width:85%}.chat-msg-bubble{padding:10px 14px}.chat-msg-bubble p{font-size:.85rem}.chat-consult-input-area{padding:16px}.chat-option-btn{gap:10px;padding:12px 14px}.chat-option-btn-title{font-size:.88rem}.chat-option-btn-desc{font-size:.74rem}.chat-consult-result-box{padding:16px}.chat-result-banner{margin-bottom:16px;font-size:1rem}.chat-result-savings-val{font-size:1.6rem}.chat-rank-title{font-size:.95rem}.chat-scoreboard-fixed{z-index:100;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}.chat-scoreboard-fixed-inner{padding:10px 16px}.chat-sb-val{font-size:1.1rem}.chat-sb-progress{max-width:140px}.chat-consult-wrapper{padding-bottom:60px}}.fridge-sim-wrapper{max-width:840px;margin:24px auto;font-family:inherit}.fridge-sim-card-intro{text-align:center;background:#fff;border:1px solid #eef2f5;border-radius:16px;margin:16px 0;padding:32px 24px;animation:.5s ease-out fridgeFadeIn;box-shadow:0 8px 30px #0000000d}.fridge-sim-intro-icon{margin-bottom:12px;font-size:48px;animation:2s ease-in-out infinite fridgeBounce;display:inline-block}.fridge-sim-card-intro h2{color:#2c3e50;margin-bottom:8px;font-size:24px;font-weight:700}.fridge-sim-intro-subtitle{color:#7f8c8d;margin-bottom:24px;font-size:14px}.fridge-sim-intro-box{text-align:left;background:#f7f9fa;border-left:4px solid #3498db;border-radius:12px;margin-bottom:28px;padding:20px}.fridge-sim-intro-box p{color:#34495e;margin-bottom:12px;font-size:14px;line-height:1.6}.fridge-sim-intro-box p:last-child{margin-bottom:0}.fridge-sim-intro-hint{color:#2c3e50;font-weight:700}.fridge-sim-btn-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:30px;padding:14px 40px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #3498db4d}.fridge-sim-btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.fridge-sim-play-container{grid-template-columns:1.1fr .9fr;align-items:start;gap:24px;margin:16px 0;display:grid}.fridge-sim-graphic{background:#f0f3f6;border-radius:16px;padding:20px;box-shadow:inset 0 2px 10px #0000000d}.fridge-sim-door-outer{background:#e4e9ed;border:4px solid #bdc3c7;border-radius:12px;padding:12px;position:relative;box-shadow:0 10px 25px #0000001a}.fridge-sim-door-header{color:#7f8c8d;text-align:center;border-bottom:1px solid #d5dbdb;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.fridge-sim-logo-dot{color:#3498db}.fridge-sim-interior{flex-direction:column;gap:10px;display:flex}.fridge-sim-zone{background:#fff;border:2px dashed #bdc3c7;border-radius:8px;min-height:80px;padding:10px;transition:all .3s;position:relative}.fridge-sim-zone-title{color:#95a5a6;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700;position:absolute;top:4px;left:6px}.fridge-sim-placed-items{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.fridge-sim-placed-badge{color:#2980b9;background:#ebf5fb;border:1px solid #a9cce3;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) itemPop;display:inline-flex}.fridge-sim-placed-badge.is-cold{color:#16a085;background:#e8f8f5;border-color:#a3e4d7}.fridge-sim-placed-badge.is-leaf{color:#27ae60;background:#efe9e5;border-color:#d5dbdb}.fridge-sim-placed-badge.is-ambient{color:#d35400;background:#fef9e7;border-color:#fadbd8}.fridge-sim-zone.is-shelf{min-height:100px}.fridge-sim-zone.is-chilled{background:#f7fbfc;border-color:#3498db}.fridge-sim-zone.is-door{background:#fafbfc;border-style:solid}.fridge-sim-zone.is-vegetable{background:#f4f9f4;border-color:#2ecc71}.fridge-sim-zone-outside{background:#fff;border:2px dashed #e5e8e8;border-radius:8px;min-height:54px;margin-top:12px;padding:8px 12px;position:relative}.fridge-sim-placed-items.is-row{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.fridge-sim-panel-controls{flex-direction:column;gap:20px;display:flex}.fridge-sim-score-card{background:#fff;border:1px solid #eef2f5;border-radius:12px;padding:16px;box-shadow:0 4px 15px #00000008}.fridge-sim-score-item{flex-direction:column;align-items:flex-start;margin-bottom:12px;display:flex}.fridge-sim-score-label{color:#7f8c8d;font-size:12px}.fridge-sim-score-val{color:#27ae60;font-size:20px;font-weight:800}.fridge-sim-progress-bar-wrap{margin-top:8px}.fridge-sim-progress-text{color:#7f8c8d;text-align:right;margin-bottom:4px;font-size:11px}.fridge-sim-progress-bar{background:#e8ecef;border-radius:4px;height:6px;overflow:hidden}.fridge-sim-progress-fill{background:#3498db;border-radius:4px;height:100%;transition:width .3s}.fridge-sim-active-question{background:#fff;border:1px solid #eef2f5;border-radius:16px;padding:24px;animation:.3s ease-out panelSlide;box-shadow:0 8px 25px #0000000a}.fridge-sim-item-header{border-bottom:1px solid #f1f2f6;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.fridge-sim-item-emoji{background:#f7f9fa;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:40px;display:flex}.fridge-sim-item-header h3{color:#2c3e50;margin-bottom:4px;font-size:18px;font-weight:700}.fridge-sim-item-header p{color:#7f8c8d;margin:0;font-size:13px}.fridge-sim-options-box{flex-direction:column;display:flex}.fridge-sim-options-title{color:#34495e;margin-bottom:10px;font-size:13px;font-weight:700}.fridge-sim-options-grid{flex-direction:column;gap:8px;display:flex}.fridge-sim-btn-option{text-align:left;color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #dcdde1;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.fridge-sim-btn-option:hover{color:#3498db;background:#f5f6fa;border-color:#3498db;padding-left:20px}.fridge-sim-feedback-card{background:#fff;border:2px solid #eef2f5;border-radius:16px;padding:24px;animation:.3s ease-out panelSlide;box-shadow:0 8px 25px #0000000a}.fridge-sim-feedback-card.is-correct{border-color:#2ecc71}.fridge-sim-feedback-card.is-incorrect{border-color:#e74c3c}.fridge-sim-feedback-header{margin-bottom:12px}.fridge-sim-feedback-badge{color:#fff;border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.fridge-sim-feedback-card.is-correct .fridge-sim-feedback-badge{background:#2ecc71}.fridge-sim-feedback-card.is-incorrect .fridge-sim-feedback-badge{background:#e74c3c}.fridge-sim-feedback-header h4{color:#2c3e50;margin:0;font-size:15px;font-weight:700}.fridge-sim-feedback-text{color:#34495e;background:#f7f9fa;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px;line-height:1.6}.fridge-sim-feedback-footer{flex-direction:column;gap:12px;display:flex}.fridge-sim-saving-badge{color:#2c3e50;font-size:12px;font-weight:700}.fridge-sim-btn-next{color:#fff;cursor:pointer;background:#34495e;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:background .2s}.fridge-sim-btn-next:hover{background:#2c3e50}.fridge-sim-result-card{text-align:center;background:#fff;border:1px solid #eef2f5;border-radius:16px;padding:32px 24px;animation:.5s ease-out fridgeFadeIn;box-shadow:0 8px 30px #0000000d}.fridge-sim-result-header{margin-bottom:24px}.fridge-sim-trophy-icon{margin-bottom:12px;font-size:52px;display:inline-block}.fridge-sim-result-header h2{color:#2c3e50;margin-bottom:4px;font-size:22px}.fridge-sim-result-header p{color:#7f8c8d;margin:0;font-size:13px}.fridge-sim-result-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.fridge-sim-result-box{background:#f7f9fa;border:1px solid #eef2f5;border-radius:12px;padding:20px}.fridge-sim-result-box h4{color:#7f8c8d;margin-bottom:8px;font-size:12px}.fridge-sim-result-savings-val{color:#27ae60;margin-bottom:4px;font-size:22px;font-weight:800}.fridge-sim-result-box span{color:#95a5a6;font-size:11px}.fridge-sim-result-box.is-rank h3{color:#2c3e50;margin-bottom:6px;font-size:16px;font-weight:700}.fridge-sim-rank-comment{color:#5d6d7e;margin:0;font-size:11px;line-height:1.4}.fridge-sim-result-box.is-rank.rank-master{background:#fef9e7;border-color:#f9e79f}.fridge-sim-result-box.is-rank.rank-eco{background:#ebf5fb;border-color:#a9cce3}.fridge-sim-result-box.is-rank.rank-beginner{background:#fcf3cf;border-color:#fcd873}.fridge-sim-reward-card{text-align:left;background:linear-gradient(135deg,#fef9e7,#fcf3cf);border:1px solid #f9e79f;border-radius:12px;margin-bottom:24px;padding:16px}.fridge-sim-reward-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fridge-sim-gift-emoji{font-size:20px}.fridge-sim-reward-card h4{color:#7d6608;margin:0;font-size:12px;font-weight:700}.fridge-sim-reward-card h5{color:#2c3e50;margin-bottom:4px;font-size:14px;font-weight:700}.fridge-sim-reward-card p{color:#5d6d7e;margin:0;font-size:12px}.fridge-sim-tips-box{text-align:left;background:#fff;border:1px solid #ebedef;border-radius:12px;margin-bottom:24px;padding:20px}.fridge-sim-tips-box h4{color:#2c3e50;border-bottom:2px solid #ebedef;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700}.fridge-sim-tips-box ul{margin:0;padding-left:16px}.fridge-sim-tips-box li{color:#34495e;margin-bottom:10px;font-size:12px;line-height:1.6}.fridge-sim-tips-box li:last-child{margin-bottom:0}.fridge-sim-result-actions{justify-content:center;gap:12px;display:flex}.fridge-sim-btn-restart{color:#fff;cursor:pointer;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .2s}.fridge-sim-btn-restart:hover{transform:translateY(-1px);box-shadow:0 4px 10px #27ae6033}.fridge-sim-btn-reset-main{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:background .2s}.fridge-sim-btn-reset-main:hover{background:#7f8c8d}@keyframes fridgeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fridgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes itemPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes panelSlide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.fridge-sim-play-container{grid-template-columns:1fr;gap:16px}.fridge-sim-graphic{padding:12px}.fridge-sim-door-outer{padding:8px}.fridge-sim-zone{min-height:64px}.fridge-sim-zone.is-shelf{min-height:72px}.fridge-sim-active-question{padding:16px}.fridge-sim-item-header{gap:12px;margin-bottom:12px}.fridge-sim-item-emoji{width:48px;height:48px;font-size:28px}.fridge-sim-item-header h3{font-size:15px}.fridge-sim-btn-option{padding:10px 12px;font-size:13px}.fridge-sim-result-grid{grid-template-columns:1fr;gap:12px}.fridge-sim-result-actions{flex-direction:column;gap:8px}}.sub-ency-wrapper{width:100%;margin:2rem 0}.sub-ency-intro-badge{color:#2e7d32;background-color:#e8f5e9;border-radius:9999px;margin-bottom:1.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:700;display:inline-block}.sub-ency-grid{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.sub-ency-card-container{cursor:pointer;background-color:#0000;outline:none;height:480px}.sub-ency-card-container:focus-visible .sub-ency-card-inner{box-shadow:0 0 0 3px #4caf50}.sub-ency-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #00000014}.sub-ency-card-container.is-flipped .sub-ency-card-inner{transform:rotateY(180deg)}.sub-ency-card-container:hover .sub-ency-card-inner{box-shadow:0 8px 24px #0000001f}.sub-ency-card-front,.sub-ency-card-back{backface-visibility:hidden;box-sizing:border-box;border:2px solid #e0e0e0;border-radius:12px;flex-direction:column;width:100%;height:100%;padding:1.25rem;display:flex;position:absolute}.sub-ency-card-back{overflow-y:auto}.sub-ency-card-front{color:#333;background-color:#fff;justify-content:center;align-items:center}.sub-ency-card-badge{color:#666;background-color:#f5f5f5;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.sub-ency-front-emoji{-webkit-user-select:none;user-select:none;margin-bottom:1.5rem;font-size:4rem}.sub-ency-front-title{color:#222;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.sub-ency-front-subtitle{color:#777;margin-bottom:2rem;font-size:.85rem}.sub-ency-flip-indicator{color:#2e7d32;font-size:.8rem;font-weight:700}.sub-ency-card-back{color:#333;text-align:left;background-color:#fafaf9;justify-content:space-between;transform:rotateY(180deg)}.sub-ency-back-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.sub-ency-back-emoji{font-size:1.5rem}.sub-ency-back-header h4{margin:0;font-size:1.1rem;font-weight:700}.sub-ency-back-body{flex-direction:column;flex-grow:1;gap:.6rem;font-size:.85rem;display:flex}.sub-ency-detail-section{flex-direction:column;display:flex}.sub-ency-detail-label{color:#888;margin-bottom:.1rem;font-size:.7rem;font-weight:700}.sub-ency-detail-text{color:#333;margin:0;line-height:1.35}.sub-ency-detail-section.is-highlight{background-color:#fff9db;border-left:3px solid #fcc419;border-radius:0 4px 4px 0;padding:.3rem .5rem}.sub-ency-detail-value{color:#e8590c;margin:0;font-size:1.05rem;font-weight:700}.sub-ency-detail-section.is-tip{background-color:#eef9ff;border-left:3px solid #339af0;border-radius:0 4px 4px 0;padding:.3rem .5rem}.sub-ency-back-footer{color:#999;text-align:center;margin-top:.5rem;font-size:.75rem}@media (max-width:640px){.sub-ency-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.sub-ency-card-container{height:480px}.sub-ency-front-emoji{margin-bottom:1rem;font-size:3.5rem}.sub-ency-front-title{font-size:1.15rem}.sub-ency-back-body{gap:.5rem;font-size:.8rem}.sub-ency-detail-value{font-size:.95rem}}.travel-board-container{background-color:#8c7355;border-radius:12px;margin:2rem 0;padding:1.5rem;box-shadow:inset 0 0 20px #0006,0 8px 24px #00000026}.travel-board-inner{background-color:#c3a37a;background-image:radial-gradient(#d3b38a 15%,#0000 16%),radial-gradient(#d3b38a 15%,#0000 16%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:4px solid #5a452a;border-radius:8px;flex-direction:column;gap:1.5rem;min-height:600px;padding:1.5rem;display:flex;position:relative}.travel-board-tabs{z-index:10;border-bottom:2px solid #5a452a;gap:.5rem;margin-bottom:-1px;padding-bottom:0;display:flex}.travel-board-tab-btn{color:#5a452a;cursor:pointer;background-color:#e0d0b8;border:2px solid #5a452a;border-bottom:none;border-radius:8px 8px 0 0;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;position:relative;top:1px}.travel-board-tab-btn:hover{background-color:#ecdcb8}.travel-board-tab-btn.is-active{color:#2b1f10;background-color:#fcf8f2;border-bottom:2px solid #fcf8f2;top:2px;box-shadow:0 -4px 10px #0000000d}.travel-board-scrapbook{background-color:#fcf8f2;background-image:linear-gradient(#5a452a0d 1px,#0000 1px);background-size:100% 2rem;border:2px solid #5a452a;border-radius:0 0 8px 8px;flex-direction:column;gap:2rem;min-height:500px;padding:2rem;line-height:2rem;display:flex;box-shadow:0 10px 20px #0000001a}.travel-board-header-meter{background-color:#f6efe5;border:1px dashed #5a452a;border-radius:6px;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;line-height:1.5;display:flex}.meter-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.meter-label{color:#5a452a;font-weight:700}.budget-comparison{align-items:center;gap:.5rem;display:flex}.original-price{color:#999;font-size:.9rem;text-decoration:line-through}.arrow-icon{color:#5a452a}.current-price{color:#e8590c;font-size:1.4rem;font-weight:900}.meter-progress-bar-wrap{flex-direction:column;gap:.25rem;display:flex}.meter-progress-bar{background-color:#e0d5c1;border:1px solid #c8bba3;border-radius:7px;height:14px;overflow:hidden}.meter-progress-fill{background:linear-gradient(90deg,#ffd43b,#fab005);border-radius:7px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.meter-labels{color:#777;justify-content:space-between;font-size:.75rem;display:flex}.meter-status-badge{text-align:center;font-size:.9rem;font-weight:700}.badge-success{color:#2b8a3e}.badge-pending{color:#e8590c}.notebook-handwritten-title{text-align:center;border-bottom:2px double #5a452a;margin-bottom:1rem;padding-bottom:1rem}.notebook-handwritten-title h2{color:#2b1f10;margin:0 0 .5rem;font-family:inherit;font-size:1.8rem;font-weight:900}.notebook-subtitle{color:#5a452a;margin:0;font-size:1rem;font-style:italic}.notebook-body-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;display:grid}.handwritten-paragraph{color:#4a3b2c;margin:0 0 1.5rem}.polaroid-photo-container{justify-content:center;display:flex}.polaroid-photo{background-color:#fff;border:1px solid #e2e2e2;max-width:250px;padding:.75rem .75rem 2rem;transition:transform .3s;transform:rotate(3deg);box-shadow:0 8px 16px #00000026}.polaroid-photo:hover{transform:rotate(0)scale(1.05)}.polaroid-photo img{object-fit:cover;border:1px solid #eee;width:100%;height:180px;margin-bottom:.75rem}.polaroid-caption{text-align:center;color:#666;font-family:inherit;font-size:.85rem;font-weight:700;display:block}.notebook-footer-tip{background-color:#fff9db;border-left:4px solid #ffd43b;border-radius:0 6px 6px 0;align-items:center;gap:1rem;padding:.75rem 1rem;line-height:1.4;display:flex}.tip-badge{color:#2b1f10;white-space:nowrap;background-color:#ffd43b;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.notebook-footer-tip p{color:#5a452a;margin:0;font-size:.85rem}.page-title{color:#2b1f10;border-left:4px solid #5a452a;margin:0 0 .5rem;padding-left:.75rem;font-size:1.4rem}.page-desc{color:#5a452a;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.corkboard-area{background-color:#5a452a0d;border:2px dashed #c3a37a;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:2rem;min-height:380px;padding:2rem;display:grid;position:relative}.sticky-note-btn{cursor:pointer;text-align:left;border:none;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;min-height:160px;padding:1.5rem;font-family:inherit;line-height:1.4;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 12px #0000001a}.sticky-note-btn:hover{z-index:5;box-shadow:0 12px 24px #00000026;transform:scale(1.03)rotate(0)!important}.sticky-note-pin{background-color:#e63946;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000004d}.sticky-note-pin:after{content:"";background-color:#0003;width:4px;height:8px;position:absolute;top:10px;left:8px;transform:rotate(-30deg)}.color-pink{color:#611f3d;background-color:#ffdeeb}.color-blue{color:#0b4f54;background-color:#e3fafc}.color-yellow{color:#665200;background-color:#fff9db}.color-green{color:#1e5225;background-color:#ebfbee}.rotate-1{transform:rotate(1.5deg)}.rotate-2{transform:rotate(2.5deg)}.rotate-negative-1{transform:rotate(-1.5deg)}.rotate-negative-2{transform:rotate(-2.5deg)}.sticky-member-name{border-bottom:1px dashed;margin-bottom:.5rem;padding-bottom:.25rem;font-size:.95rem;font-weight:900;display:block}.sticky-wish-preview{margin:0;font-size:.9rem;font-weight:700}.sticky-tap-hint{opacity:.8;align-self:flex-end;margin-top:1rem;font-size:.75rem;font-weight:700}.travel-board-modal{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.travel-board-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2b1f1099;width:100%;height:100%;position:absolute}.travel-board-modal-content{z-index:1001;background-color:#fcf8f2;border:3px solid #5a452a;border-radius:12px;flex-direction:column;gap:1.5rem;width:90%;max-width:550px;padding:2rem;line-height:1.5;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.modal-close-btn{color:#5a452a;cursor:pointer;background:0 0;border:none;font-size:1.8rem;position:absolute;top:1rem;right:1.2rem}.modal-header{color:#2b1f10;border-bottom:2px solid #5a452a;margin:0;padding-bottom:.5rem;font-size:1.3rem;font-weight:700}.modal-body-section{flex-direction:column;gap:1rem;display:flex}.modal-speech-bubble{border-radius:8px;padding:1rem;position:relative}.bubble-problem{color:#c92a2a;background-color:#ffe3e3;border:1px solid #ffa8a8}.bubble-solution{color:#087f5b;background-color:#e6fcf5;border:1px solid #96f2d7}.modal-speech-bubble strong{margin-bottom:.25rem;font-size:.85rem;display:block}.modal-speech-bubble p{margin:0;font-size:.9rem}.modal-accept-btn{align-self:center;width:150px}.ideas-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:1rem;display:grid}.idea-card{background-color:#fff;border:1px solid #e0d0b8;border-radius:6px;flex-direction:column;gap:.75rem;padding:1.5rem;line-height:1.4;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 4px 10px #0000000f}.idea-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.idea-card.is-selected{background-color:#fffbeb;border:2px solid #fab005}.masking-tape{opacity:.85;width:120px;height:24px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg)}.tape-blue .masking-tape{background:repeating-linear-gradient(45deg,#a5d8ff,#a5d8ff 10px,#74c0fc 10px 20px)}.tape-green .masking-tape{background:repeating-linear-gradient(-45deg,#b2f2bb,#b2f2bb 10px,#8ce99a 10px 20px)}.tape-yellow .masking-tape{background:repeating-linear-gradient(45deg,#ffec99,#ffec99 10px,#ffe066 10px 20px)}.tape-pink .masking-tape{background:#ffdeeb repeating-linear-gradient(-45deg,#ffdeeb,#ffdeeb 10px,#ffa8a8 10px 12px)}.idea-card-header{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.idea-category-badge{color:#fff;background-color:#5a452a;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.idea-saving-amount{color:#e8590c;font-size:1.1rem;font-weight:900}.idea-card h3{color:#2b1f10;margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.idea-effect-summary{color:#666;margin:0;font-size:.8rem}.idea-detail-text{color:#4a3b2c;margin:0;font-size:.85rem}.idea-happy-point{background-color:#f4fce3;border:1px solid #d8f5a2;border-radius:4px;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;display:flex}.happy-icon{font-size:1rem}.idea-happy-point p{color:#37b24d;margin:0;font-size:.8rem;line-height:1.3}.idea-card-checkbox{text-align:center;color:#5a452a;border-top:1px dashed #e0d0b8;margin-top:auto;padding-top:.75rem;font-size:.85rem;font-weight:700}.idea-card.is-selected .idea-card-checkbox{color:#f08c00;border-top-color:#ffe066}.rubber-stamp{color:#e03131;z-index:10;pointer-events:none;background-color:#ffffffd9;border:4px double #e03131;border-radius:8px;padding:.2rem 1rem;font-family:monospace;font-size:1.6rem;font-weight:900;position:absolute;top:40%;left:60%;transform:rotate(-15deg);box-shadow:0 4px 10px #0000001a}.animate-stamp{animation:.15s cubic-bezier(.175,.885,.32,1.275) forwards stampPulse}@keyframes stampPulse{0%{opacity:0;transform:scale(2)rotate(-35deg)}to{opacity:.85;transform:scale(1)rotate(-15deg)}}.shiori-complete-wrap{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:100%;line-height:1.5;display:flex}.shiori-title{text-align:center;color:#2b1f10;margin:0;font-size:1.6rem;font-weight:900}.shiori-subtitle{text-align:center;color:#2b8a3e;margin:-1.5rem 0 0;font-size:1rem;font-weight:700}.shiori-grid{box-sizing:border-box;border-top:2px dashed #5a452a;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;width:100%;max-width:100%;padding-top:1.5rem;display:grid}.shiori-notebook-left,.shiori-notebook-right{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;display:flex}.shiori-notebook-left h3,.shiori-notebook-right h3{color:#2b1f10;border-bottom:2px solid #5a452a;margin:0;padding-bottom:.25rem;font-size:1.15rem}.shiori-timeline{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.shiori-timeline li{flex-direction:column;gap:.2rem;padding-left:1.5rem;display:flex;position:relative}.shiori-timeline li:before{content:"";background-color:#5a452a;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:0}.shiori-timeline li:not(:last-child):after{content:"";background-color:#e0d0b8;width:2px;height:calc(100% + .2rem);position:absolute;top:16px;left:3px}.shiori-timeline .time{color:#8c7355;font-size:.8rem;font-weight:700}.shiori-timeline .event{color:#2b1f10;font-size:.9rem;font-weight:700}.shiori-budget-summary{box-sizing:border-box;width:100%;max-width:100%}.shiori-budget-summary table{border-collapse:collapse;table-layout:fixed;box-sizing:border-box;width:100%;max-width:100%;margin-top:.5rem;background:0 0!important;min-width:0!important}.shiori-budget-summary th,.shiori-budget-summary td{text-align:left;word-wrap:break-word;word-break:break-all;white-space:normal;border-bottom:1px solid #e0d0b8;padding:.6rem .75rem;font-size:.9rem;overflow:hidden}.shiori-budget-summary th{color:#5a452a;width:55%}.shiori-budget-summary td{text-align:right;width:45%;font-weight:700}.cost-old{color:#999;text-decoration:line-through}.cost-new{color:#2b1f10}.result-row{background-color:#ebfbee}.result-row th,.result-row td{border-bottom:2px solid #2b8a3e}.cost-saved{color:#2b8a3e;font-size:1.1rem}.shiori-belongings ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.shiori-belongings li{color:#2b1f10;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.shiori-belongings li:before{content:"📌";font-size:.9rem}.shiori-summary-message{background-color:#fff9db;border:1px dashed #f5b041;border-radius:8px;margin-top:1rem;padding:1.2rem}.shiori-summary-message p{color:#5a452a;margin:0;font-size:.85rem;line-height:1.6}.shiori-locked-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.lock-icon{font-size:4rem}.shiori-locked-wrap h2{color:#8c7355;margin:0;font-size:1.4rem}.lock-message{color:#666;margin:0 0 1rem;font-size:.95rem;line-height:1.5}@media (max-width:768px){.travel-board-container{box-shadow:none;background-color:#0000;padding:.5rem}.travel-board-inner{background:0 0;border:none;gap:1rem;min-height:auto;padding:.5rem}.travel-board-tabs{border-bottom:2px solid #5a452a;flex-wrap:wrap;gap:.25rem}.travel-board-tab-btn{text-align:center;border-bottom:2px solid #5a452a;border-radius:6px 6px 0 0;flex:calc(50% - .25rem);padding:.5rem;font-size:.85rem}.travel-board-tab-btn.is-active{border-bottom:2px solid #fcf8f2;top:0}.travel-board-scrapbook{background-size:100% 1.8rem;min-height:auto;padding:1rem;line-height:1.8rem}.notebook-body-grid{grid-template-columns:1fr;gap:1.5rem}.polaroid-photo-container{order:-1}.corkboard-area{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.sticky-note-btn{min-height:130px}.ideas-grid,.shiori-grid{grid-template-columns:1fr;gap:1.5rem}}.bbq-anatomy-container{box-sizing:border-box;background:#fdfbf7;border:1px solid #eae5d9;border-radius:16px;max-width:1000px;margin:2rem auto;padding:2rem;font-family:inherit;box-shadow:0 8px 30px #0000000d}.bbq-anatomy-header{text-align:center;margin-bottom:2.5rem}.bbq-anatomy-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#52796f;border-radius:9999px;margin-bottom:.75rem;padding:.25rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.bbq-anatomy-header h2{color:#2f3e46;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.bbq-anatomy-lead-text{color:#656d4a;max-width:700px;margin:0 auto;font-size:.95rem;line-height:1.6}.bbq-anatomy-tabs{border-bottom:2px solid #eae5d9;justify-content:center;gap:1rem;margin-bottom:2rem;padding-bottom:1px;display:flex}.bbq-anatomy-tab-btn{color:#84a98c;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;position:relative}.bbq-anatomy-tab-btn:hover{color:#52796f}.bbq-anatomy-tab-btn:after{content:"";background-color:#52796f;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.bbq-anatomy-tab-btn.is-active{color:#354f52}.bbq-anatomy-tab-btn.is-active:after{transform:scaleX(1)}.bbq-anatomy-panel{animation:.5s ease-out bbqFadeIn}@keyframes bbqFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bbq-anatomy-intro{text-align:center;color:#2f3e46;margin-bottom:1.5rem;font-size:1rem;font-weight:500}.bbq-anatomy-controls{justify-content:center;margin-bottom:2rem;display:flex}.bbq-anatomy-explode-btn{color:#fff;cursor:pointer;background:#e07a5f;border:none;border-radius:9999px;padding:.8rem 2rem;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #e07a5f4d}.bbq-anatomy-explode-btn:hover{background:#c9654d;transform:translateY(-2px);box-shadow:0 6px 20px #e07a5f66}.bbq-anatomy-explode-btn.is-exploded{background:#52796f;box-shadow:0 4px 15px #52796f4d}.bbq-anatomy-explode-btn.is-exploded:hover{background:#354f52}.bbq-anatomy-workspace{grid-template-columns:1.2fr .8fr;align-items:start;gap:2rem;display:grid}.bbq-anatomy-canvas{aspect-ratio:1.1;background-color:#f4f1de;border:3px solid #eae5d9;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000000d}.bbq-anatomy-pin{cursor:pointer;z-index:10;background:#e07a5f;border:3px solid #fff;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;box-shadow:0 4px 10px #00000026}.bbq-anatomy-pin-icon{font-size:1.1rem}.bbq-anatomy-pin.is-hidden{opacity:0;pointer-events:none;transform:scale(.6)}.bbq-anatomy-pin.is-visible{opacity:1;transform:scale(1)}.bbq-anatomy-pin.is-active{background:#f2cc8f;border-color:#e07a5f;animation:1.5s infinite alternate bbqPulse;transform:scale(1.15)}@keyframes bbqPulse{0%{box-shadow:0 0 #e07a5f99}to{box-shadow:0 0 0 12px #e07a5f00}}.bbq-anatomy-desktop-detail{box-sizing:border-box;background:#fff;border:2px solid #eae5d9;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:300px;padding:1.5rem;display:flex;box-shadow:0 4px 12px #00000005}.bbq-detail-placeholder{color:#84a98c;text-align:center;max-width:250px;font-size:.95rem;line-height:1.6}.bbq-detail-card{width:100%;position:relative}.bbq-detail-close{cursor:pointer;color:#555;background:#eae5d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px}.bbq-detail-close:hover{color:#fff;background:#e07a5f}.bbq-detail-tag{color:#52796f;background:#edf2f0;border-radius:4px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.bbq-detail-card h3{color:#2f3e46;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.4}.bbq-detail-card p{color:#4a5568;font-size:.9rem;line-height:1.6}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-down{animation:.3s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bbq-anatomy-mobile-list{margin-top:2rem;display:none}.bbq-illust-cooler{width:200px;height:180px;position:relative}.cooler-outer{background:#52796f;border:4px solid #2f3e46;border-radius:0 0 12px 12px;width:180px;height:100px;position:absolute;bottom:0;left:10px}.cooler-inner{opacity:.2;background:#f4f1de;border-radius:0 0 6px 6px;width:160px;height:92px;position:absolute;bottom:4px;left:20px}.cooler-part-lid{cursor:pointer;z-index:5;width:200px;height:30px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:60px;left:0}.cooler-lid-body{background:#f4f1de;border:4px solid #2f3e46;border-radius:8px 8px 0 0;width:100%;height:20px}.cooler-handle{background:#e07a5f;border:3px solid #2f3e46;border-bottom:none;border-radius:4px 4px 0 0;width:60px;height:8px;margin:-6px auto 0}.cooler-part-ice{z-index:3;width:150px;height:25px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:90px;left:25px}.ice-cube{background:#a8dadc;border:2px solid #457b9d;border-radius:4px;width:20px;height:20px;position:absolute}.ice-1{left:10px;transform:rotate(15deg)}.ice-2{right:20px;transform:rotate(-10deg)}.cooler-part-meat{z-index:4;cursor:pointer;width:65px;height:30px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:110px;left:95px}.meat-pack{background:#fff;border:3px solid #2f3e46;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.meat-pack:after{content:"";background:#e63946;border-radius:2px;width:45px;height:15px}.meat-label{color:#2f3e46;font-size:8px;font-weight:700;position:absolute;top:1px;left:3px}.cooler-part-drink{z-index:4;cursor:pointer;width:45px;height:40px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:105px;left:35px}.drink-bottle{background:#90e0ef;border:2px solid #2f3e46;border-radius:3px 3px 0 0;width:15px;height:35px;position:absolute}.bottle-1{left:0;transform:rotate(-5deg)}.bottle-2{background:#a2d2ff;top:2px;left:16px;transform:rotate(8deg)}.cooler-part-sauce{z-index:4;cursor:pointer;width:18px;height:30px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:110px;left:75px}.sauce-bottle{background:#f9c74f;border:2px solid #2f3e46;border-radius:5px 5px 2px 2px;width:100%;height:100%}.bbq-illust-cooler.is-exploded .cooler-part-lid{transform:translateY(-55px)rotate(-5deg)}.bbq-illust-cooler.is-exploded .cooler-part-ice{transform:translate(-30px,-25px)rotate(-15deg)}.bbq-illust-cooler.is-exploded .cooler-part-meat{transform:translate(50px,-20px)rotate(15deg)}.bbq-illust-cooler.is-exploded .cooler-part-drink{transform:translate(-45px,10px)rotate(-25deg)}.bbq-illust-cooler.is-exploded .cooler-part-sauce{transform:translate(5px,35px)rotate(30deg)}.bbq-illust-grill{width:200px;height:200px;position:relative}.grill-bowl{z-index:2;background:#2f3e46;border:4px solid #1a2429;border-top:none;border-radius:0 0 80px 80px;width:160px;height:55px;position:absolute;top:90px;left:20px}.grill-legs{z-index:1;width:120px;height:60px;position:absolute;top:140px;left:40px}.leg{background:#2f3e46;width:6px;height:60px;position:absolute}.leg-l{transform-origin:top;left:15px;transform:rotate(18deg)}.leg-r{transform-origin:top;right:15px;transform:rotate(-18deg)}.grill-part-net{cursor:pointer;z-index:5;width:168px;height:16px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:82px;left:16px}.grill-mesh{background:repeating-linear-gradient(90deg,#0000,#0000 8px,#8d99ae 8px 10px),#cbd5e1;border:3px solid #2f3e46;border-radius:4px;width:100%;height:100%}.grill-part-charcoal{z-index:3;cursor:pointer;width:120px;height:35px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:100px;left:40px}.charcoal-block{background:#1b1b1b;border:2px solid #0d0d0d;border-radius:3px;width:25px;height:25px;position:absolute}.charcoal-1{left:10px;transform:rotate(10deg)}.charcoal-2{background:#2c2c2c;top:-3px;left:45px;transform:rotate(-20deg)}.charcoal-3{left:80px;transform:rotate(40deg)}.grill-part-foil{z-index:4;cursor:pointer;width:140px;height:15px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:110px;left:30px}.foil-sheet{opacity:.85;background:linear-gradient(135deg,#e2e8f0 25%,#94a3b8 100%);border:2px solid #64748b;border-radius:2px;width:100%;height:100%}.bbq-illust-grill.is-exploded .grill-part-net{transform:translateY(-60px)rotate(-8deg)}.bbq-illust-grill.is-exploded .grill-part-charcoal{transform:translate(-40px,-15px)rotate(-15deg)}.bbq-illust-grill.is-exploded .grill-part-foil{transform:translate(50px,35px)rotate(15deg)}.bbq-illust-cart{width:200px;height:200px;position:relative}.cart-basket{z-index:2;background-color:#0000;background-image:linear-gradient(#2f3e46 2px,#0000 2px),linear-gradient(90deg,#2f3e46 2px,#0000 2px);background-position:0 0;background-repeat:repeat;background-size:15px 15px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:4px solid #2f3e46;border-radius:4px 4px 16px 16px;width:150px;height:80px;position:absolute;top:60px;left:20px}.cart-wheel{z-index:1;background:#1b1b1b;border:4px solid #2f3e46;border-radius:50%;width:32px;height:32px;position:absolute;bottom:40px}.wheel-l{left:40px}.wheel-r{right:50px}.cart-handle{z-index:1;border:none;border-top:4px solid #2f3e46;border-left:4px solid #2f3e46;border-radius:6px 0 0;width:20px;height:40px;position:absolute;top:50px;left:5px}.cart-part-veg{z-index:4;cursor:pointer;width:50px;height:40px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:75px;left:45px}.veg-pack{background:#ffffffb3;border:2px solid #2f3e46;border-radius:4px;width:100%;height:100%;position:relative}.veg-piece{border-radius:50%;position:absolute}.carrot{background:#f8961e;width:18px;height:18px;top:10px;left:8px}.pepper{background:#43aa8b;width:16px;height:16px;top:12px;right:8px}.cart-part-dishes{z-index:4;cursor:pointer;width:50px;height:35px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:85px;left:105px}.plate-stack{background:#fff;border:2px solid #2f3e46;border-radius:0 0 6px 6px;width:40px;height:10px;position:absolute;bottom:0}.cup-stack{background:#f4f1de;border:2px solid #2f3e46;border-radius:2px;width:20px;height:15px;position:absolute;bottom:8px;left:10px}.cart-part-desert{z-index:3;cursor:pointer;width:40px;height:25px;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:105px;left:65px}.marshmallow-bag{background:#ffb703;border:2px solid #2f3e46;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.marshmallow-label{color:#2f3e46;font-size:7px;font-weight:700}.bbq-illust-cart.is-exploded .cart-part-veg{transform:translate(-35px,-45px)rotate(-15deg)}.bbq-illust-cart.is-exploded .cart-part-dishes{transform:translate(45px,-15px)rotate(15deg)}.bbq-illust-cart.is-exploded .cart-part-desert{transform:translate(-10px,45px)rotate(20deg)}@media (max-width:768px){.bbq-anatomy-container{box-sizing:border-box;width:100%;margin:1rem 0;padding:1rem}.bbq-anatomy-header h2{font-size:1.4rem}.bbq-anatomy-tabs{flex-wrap:wrap;gap:.5rem}.bbq-anatomy-tab-btn{flex:calc(33% - .5rem);justify-content:center;padding:.5rem 1rem;font-size:.9rem}.bbq-anatomy-workspace{grid-template-columns:1fr;gap:1.5rem}.bbq-anatomy-canvas{aspect-ratio:1.2}.bbq-anatomy-desktop-detail{display:none}.bbq-anatomy-mobile-list{display:block}.bbq-mobile-list-title{color:#2f3e46;border-left:4px solid #52796f;margin-bottom:1rem;padding-left:.5rem;font-size:1.1rem;font-weight:700}.bbq-accordion-item{background:#fff;border:1px solid #eae5d9;border-radius:8px;margin-bottom:.5rem;overflow:hidden}.bbq-accordion-item.is-open{border-color:#52796f}.bbq-accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.25rem;display:flex}.bbq-accordion-title{color:#2f3e46;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.bbq-accordion-dot{color:#84a98c;font-size:.8rem}.bbq-accordion-item.is-open .bbq-accordion-dot{color:#e07a5f}.bbq-accordion-arrow{color:#84a98c;font-size:.75rem}.bbq-accordion-content{background:#fafaf7;border-top:1px solid #f7f5f0;padding:0 1.25rem 1.25rem}.bbq-accordion-content h4{color:#e07a5f;margin:.75rem 0 .5rem;font-size:1rem;font-weight:700}.bbq-accordion-content p{color:#4a5568;margin:0;font-size:.85rem;line-height:1.6}}.rice-saving-container{color:#3e3328;background-color:#faf8f5;border:1px solid #e6dfd3;border-radius:12px;max-width:800px;margin:2rem auto;padding:1.5rem;font-family:inherit}.rice-saving-header{text-align:center;border-bottom:2px dashed #d5cbb8;margin-bottom:2.5rem;padding-bottom:1.5rem}.rice-saving-badge{color:#fff;letter-spacing:.05em;background-color:#e28743;border-radius:50px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.rice-saving-header h2{color:#533e2d;margin:.5rem 0;font-size:1.7rem;font-weight:700;line-height:1.4}.rice-saving-lead-text{color:#6e5e4f;font-size:.95rem;line-height:1.6}.rice-saving-grid{flex-direction:column;gap:1.25rem;margin-bottom:3.5rem;display:flex}.rice-saving-card{background:#fff;border:1px solid #eae5da;border-left:6px solid #bda888;border-radius:8px;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #00000005}.rice-saving-card:hover{border-left-color:#d4af37;transform:translateY(-3px);box-shadow:0 8px 15px #533e2d14}.rice-saving-card.is-expanded{background-color:#fdfcf9;border-left-color:#e28743;transform:scale(1.01);box-shadow:0 10px 20px #e2874314}.rice-saving-card-inner{flex-direction:column;display:flex;position:relative}.rice-saving-stamp{opacity:.15;filter:grayscale(0)sepia(0);pointer-events:none;font-size:2.2rem;transition:all .3s;position:absolute;top:0;right:0}.rice-saving-card.is-expanded .rice-saving-stamp{opacity:.45;transform:scale(1.1)rotate(-10deg)}.rice-saving-card-header-wrap{flex-direction:column;gap:.25rem;padding-right:3rem;display:flex}.rice-saving-number{color:#bda888;letter-spacing:.1em;font-size:.85rem;font-weight:700}.rice-saving-card.is-expanded .rice-saving-number{color:#e28743}.rice-saving-title{color:#3e3328;margin:0;font-size:1.15rem;font-weight:700}.rice-saving-subtitle{color:#8c7f70;font-size:.85rem;font-style:italic}.rice-saving-card-body{opacity:0;max-height:0;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.rice-saving-card.is-expanded .rice-saving-card-body{opacity:1;max-height:1000px;margin-top:1rem}.rice-saving-divider{background:linear-gradient(90deg,#eae5da,#eae5da00);height:1px;margin-bottom:1rem}.rice-saving-desc{color:#543;margin:0 0 1rem;font-size:.92rem;line-height:1.65}.rice-saving-tip-box{background-color:#f6efe2;border-left:3px solid #d5cbb8;border-radius:6px;padding:.85rem 1rem}.rice-saving-tip-title{color:#533e2d;margin-bottom:.25rem;font-size:.88rem;display:block}.rice-saving-tip-text{color:#6e5e4f;margin:0;font-size:.85rem;line-height:1.5}.rice-saving-card-footer{justify-content:flex-end;margin-top:.75rem;display:flex}.rice-saving-toggle-btn{color:#8c7f70;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:700;transition:color .2s;display:flex}.rice-saving-card:hover .rice-saving-toggle-btn{color:#533e2d}.rice-saving-card.is-expanded .rice-saving-toggle-btn{color:#e28743}.rice-saving-compare-section{background-color:#fff;border:1px solid #eae5da;border-radius:8px;margin-top:3rem;padding:1.75rem;box-shadow:0 4px 10px #00000003}.rice-saving-compare-header{text-align:center;margin-bottom:1.75rem}.rice-saving-subbadge{color:#fff;background-color:#5c6b60;border-radius:4px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.rice-saving-compare-header h2{color:#3e3328;margin:.25rem 0;font-size:1.45rem}.rice-saving-compare-lead{color:#6e5e4f;margin:.5rem 0 0;font-size:.9rem;line-height:1.5}.rice-saving-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #eae5da;border-radius:6px;width:100%;margin-bottom:1.5rem;overflow-x:auto}.rice-saving-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.rice-saving-table th,.rice-saving-table td{border-bottom:1px solid #eae5da;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.rice-saving-table th{color:#533e2d;background-color:#faf8f5;font-size:.85rem;font-weight:700}.rice-saving-table-name{color:#3e3328;align-items:center;gap:.4rem;font-weight:700;display:flex}.rice-saving-table-icon{font-size:1.1rem}.rice-saving-table-cost{font-weight:700}.rice-saving-cost-highlight{color:#e28743}.rice-saving-table-text{color:#543;font-size:.85rem}.rice-saving-summary-box{background-color:#eff3f0;border:1px solid #d8e2dc;border-left:4px solid #5c6b60;border-radius:6px;padding:1.2rem}.rice-saving-summary-box h4{color:#3f4e43;margin:0 0 .5rem;font-size:.95rem;font-weight:700}.rice-saving-summary-box p{color:#4e5c52;margin:0;font-size:.88rem;line-height:1.6}@media (max-width:640px){.rice-saving-container{border-radius:8px;margin:1rem 0;padding:1rem}.rice-saving-header h2{font-size:1.35rem}.rice-saving-header{margin-bottom:1.75rem;padding-bottom:1rem}.rice-saving-card{padding:1rem}.rice-saving-title{font-size:1.05rem}.rice-saving-desc{font-size:.88rem}.rice-saving-compare-section{margin-top:2rem;padding:1rem}.rice-saving-compare-header h2{font-size:1.25rem}}.summer-diary-main{box-sizing:border-box;width:100%;max-width:800px;margin:2rem auto}.summer-diary-intro-bubble{text-align:center;background-color:#fefcf3;border:2px dashed #f1c40f;border-radius:12px;margin-bottom:2.5rem;padding:1.25rem;position:relative;box-shadow:0 4px 6px #00000005}.summer-diary-intro-text{color:#5d4037;margin:0;font-size:.95rem;line-height:1.7}.summer-diary-track{flex-direction:column;gap:4rem;padding:1rem 0;display:flex}.summer-diary-card{opacity:.1;box-sizing:border-box;background-color:#faf6eb;border:1px solid #e3dac9;border-radius:16px;flex-direction:column;transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .8s;display:flex;overflow:hidden;transform:translateY(60px)scale(.95);box-shadow:0 10px 25px #8b7e6626}.summer-diary-card.is-active{opacity:1;transform:translateY(0)scale(1)}.summer-diary-card.rotate-right.is-active{transform:rotate(.8deg)}.summer-diary-card.rotate-left.is-active{transform:rotate(-.8deg)}.summer-diary-illustration-area{background-color:#fbf9f3;border-bottom:2px dashed #e3dac9;justify-content:center;align-items:center;min-height:220px;padding:2rem 1.5rem;display:flex;position:relative}.summer-diary-notebook-ring{opacity:.4;background-image:radial-gradient(circle,#8b7e66 3px,#0000 4px);background-size:24px 12px;height:12px;position:absolute;top:0;left:5%;right:5%}.summer-diary-illustration-frame{aspect-ratio:1;background-color:#fff;border:2px solid #8b7e66;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:220px;padding:.5rem;display:flex;box-shadow:inset 0 2px 5px #0000000d}.summer-diary-illustration-svg{color:#5d4037;width:100%;height:100%}.summer-diary-stamp-wrap{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:85px;height:85px;display:flex;position:absolute;top:1.5rem;right:2rem;transform:scale(3)rotate(-30deg)}.summer-diary-stamp-svg{width:100%;height:100%}.summer-diary-card.is-active .summer-diary-stamp-wrap{animation:.5s cubic-bezier(.175,.885,.32,1.275) .4s forwards summerDiaryStampDrop}@keyframes summerDiaryStampDrop{0%{opacity:0;transform:scale(3)rotate(-30deg)}70%{opacity:1;transform:scale(.9)rotate(-15deg)}to{opacity:.85;transform:scale(1)rotate(-8deg)}}.summer-diary-card.is-active .stamp-path{animation:.8s ease-out .8s forwards summerDiaryDrawPath}.summer-diary-card.is-active .stamp-path-decor{animation:.6s ease-out 1.4s forwards summerDiaryDrawPath}.summer-diary-card.is-active .stamp-path-inner-circle{animation:.6s ease-out 1s forwards summerDiaryDrawPath}.summer-diary-card.is-active .stamp-path-sun-center{animation:.5s ease-out 1.3s forwards summerDiaryDrawPath}.summer-diary-card.is-active .stamp-path-sun-rays{animation:.5s ease-out 1.6s forwards summerDiaryDrawPath}.summer-diary-card.is-active .stamp-path-star{animation:.7s ease-out 1.1s forwards summerDiaryDrawPath}@keyframes summerDiaryDrawPath{to{stroke-dashoffset:0}}.summer-diary-content-area{flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.summer-diary-meta-row{border-bottom:1px solid #e3dac9;justify-content:space-between;padding-bottom:.5rem;display:flex}.summer-diary-date{font-family:var(--font-noto-serif), serif;color:#5d4037;font-size:1.1rem;font-weight:700}.summer-diary-weather{color:#795548;font-size:.95rem}.summer-diary-title{font-family:var(--font-noto-serif), serif;color:#3e2723;margin:0;font-size:1.35rem;font-weight:700}.summer-diary-body-grid{background-image:repeating-linear-gradient(#0000,#0000 31px,#ebdcb9 31px 32px);flex-direction:column;gap:.5rem;padding:8px 0;line-height:32px;display:flex}.summer-diary-body-line{color:#4e342e;letter-spacing:.05em;margin:0;padding-left:.5rem;font-family:Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:.98rem}.summer-diary-wisdom-box{background-color:#fff;border:1px solid #e3dac9;border-left:4px solid #f1c40f;border-radius:8px;margin-top:1.5rem;padding:1.25rem;box-shadow:0 4px 10px #00000008}.summer-diary-wisdom-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.summer-diary-wisdom-icon{font-size:1.2rem}.summer-diary-wisdom-title{color:#5d4037;font-size:.95rem;font-weight:700}.summer-diary-wisdom-text{color:#6d4c41;margin:0;font-size:.88rem;line-height:1.6}@media (min-width:769px){.summer-diary-card{flex-direction:row;min-height:420px}.summer-diary-illustration-area{border-bottom:none;border-right:2px dashed #e3dac9;flex-direction:column;width:40%;padding:2.5rem 1.5rem}.summer-diary-notebook-ring{background-image:radial-gradient(circle,#8b7e66 3px,#0000 4px);background-repeat:repeat-y;background-size:12px 24px;width:12px;height:auto;top:5%;bottom:5%;left:0}.summer-diary-content-area{width:60%;padding:2.5rem}}@media (max-width:640px){.summer-diary-intro-bubble{margin-bottom:2rem;padding:1rem}.summer-diary-intro-text{font-size:.88rem}.summer-diary-card{border-radius:12px}.summer-diary-illustration-area{min-height:180px;padding:1.5rem 1rem}.summer-diary-illustration-frame{max-width:160px}.summer-diary-stamp-wrap{width:65px;height:65px;top:1rem;right:1rem}.summer-diary-content-area{padding:1.25rem}.summer-diary-title{font-size:1.15rem}.summer-diary-body-line{font-size:.9rem}.summer-diary-wisdom-box{margin-top:1rem;padding:1rem}.summer-diary-wisdom-text{font-size:.82rem}}.costco-mag-container{color:#1a1e24;max-width:1000px;margin:2rem auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.costco-mag-hero{color:#fff;background:linear-gradient(135deg,#002d62 0%,#001a38 60%,#e31837 100%);border-radius:24px;margin-bottom:2.5rem;padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #002d6240}.costco-mag-hero-badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.costco-mag-badge-tag{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#e31837;border-radius:50px;padding:.35rem .85rem;font-size:.75rem;font-weight:800;box-shadow:0 4px 12px #e3183766}.costco-mag-badge-accent{color:#002d62;background:#ffc72c;border-radius:50px;padding:.35rem .85rem;font-size:.75rem;font-weight:800}.costco-mag-hero-title{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 1rem;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:900;line-height:1.25}.costco-mag-hero-subtitle{color:#cbd5e1;max-width:760px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.costco-mag-stats-bar{-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1.25rem 1.5rem;display:grid}.costco-mag-stat-item{flex-direction:column;display:flex}.costco-mag-stat-label{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:600}.costco-mag-stat-val{color:#ffc72c;font-size:1.35rem;font-weight:800}.costco-mag-section{margin-bottom:3.5rem}.costco-mag-section-header{border-bottom:2px solid #e2e8f0;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:.75rem;display:flex}.costco-mag-section-num{color:#fff;background:#002d62;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:900;display:flex}.costco-mag-section-title{color:#002d62;margin:0;font-size:1.45rem;font-weight:800}.costco-mag-rules-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.costco-mag-rule-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000008}.costco-mag-rule-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 35px #002d621a}.costco-mag-rule-card:before{content:"";background:#e31837;width:5px;height:100%;position:absolute;top:0;left:0}.costco-mag-rule-icon{background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;display:flex}.costco-mag-rule-h3{color:#0f172a;margin:0 0 .5rem;font-size:1.15rem;font-weight:800}.costco-mag-rule-desc{color:#475569;margin:0;font-size:.92rem;line-height:1.65}.costco-mag-deck-nav{scrollbar-width:thin;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.costco-mag-deck-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.costco-mag-deck-btn:hover{background:#e2e8f0}.costco-mag-deck-btn.active{color:#fff;background:#002d62;border-color:#002d62;box-shadow:0 4px 12px #002d6240}.costco-mag-card-main{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:1fr 1.3fr;gap:2rem;padding:2rem;display:grid;box-shadow:0 12px 30px #0000000d}@media (max-width:768px){.costco-mag-card-main{grid-template-columns:1fr;padding:1.5rem}}.costco-mag-item-visual{background:linear-gradient(135deg,#f8fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex;position:relative}.costco-mag-item-emoji{text-align:center;filter:drop-shadow(0 8px 16px #0000001a);margin:1rem 0;font-size:4rem}.costco-mag-item-name{color:#0f172a;margin:0 0 .3rem;font-size:1.3rem;font-weight:800}.costco-mag-item-meta{color:#64748b;font-size:.85rem;font-weight:600}.costco-mag-item-specs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;padding:.85rem;display:grid}.costco-mag-spec-box{flex-direction:column;display:flex}.costco-mag-spec-lbl{color:#94a3b8;font-size:.72rem;font-weight:700}.costco-mag-spec-val{color:#e31837;font-size:.95rem;font-weight:800}.costco-mag-tab-header{border-bottom:2px solid #f1f5f9;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.costco-mag-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.88rem;font-weight:700;transition:all .2s}.costco-mag-tab-btn:hover{color:#0f172a;background:#f8fafc}.costco-mag-tab-btn.active{color:#e31837;background:#fff5f5}.costco-mag-tab-body{color:#334155;font-size:.95rem;line-height:1.7}.costco-mag-step-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.costco-mag-step-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;display:flex}.costco-mag-step-num{color:#fff;background:#e31837;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:.15rem;font-size:.75rem;font-weight:800;display:flex}.costco-mag-step-txt{color:#1e293b;margin:0;font-size:.9rem}.costco-mag-verdict-filter{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.costco-mag-verdict-btn{cursor:pointer;transition:all .25 ease;border:2px solid #0000;border-radius:50px;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:800;display:flex}.costco-mag-verdict-btn.all{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.costco-mag-verdict-btn.buy{color:#166534;background:#f0fdf4;border-color:#86efac}.costco-mag-verdict-btn.warn{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.costco-mag-verdict-btn.active.all{color:#fff;background:#334155;border-color:#334155}.costco-mag-verdict-btn.active.buy{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 4px 14px #16a34a4d}.costco-mag-verdict-btn.active.warn{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 4px 14px #dc26264d}.costco-mag-grid-matrix{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.costco-mag-matrix-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 6px 18px #00000008}.costco-mag-matrix-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000014}.costco-mag-matrix-head{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.costco-mag-matrix-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.costco-mag-v-badge{white-space:nowrap;border-radius:50px;padding:.25rem .65rem;font-size:.72rem;font-weight:800}.costco-mag-v-badge.buy{color:#15803d;background:#dcfce7}.costco-mag-v-badge.warn{color:#b91c1c;background:#fee2e2}.costco-mag-matrix-reason{color:#475569;margin:0 0 1rem;font-size:.88rem;line-height:1.6}.costco-mag-matrix-tip{color:#002d62;background:#f8fafc;border-left:3px solid #002d62;border-radius:10px;padding:.65rem .85rem;font-size:.82rem;font-weight:600}.costco-mag-check-box{color:#fff;background:linear-gradient(135deg,#002d62 0%,#1e3a8a 100%);border-radius:20px;margin-top:2rem;padding:2rem}.costco-mag-check-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.costco-mag-check-title{margin:0;font-size:1.25rem;font-weight:800}.costco-mag-score-pill{color:#002d62;background:#ffc72c;border-radius:50px;padding:.4rem 1rem;font-size:.9rem;font-weight:900}.costco-mag-check-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;display:grid}.costco-mag-check-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .2s;display:flex}.costco-mag-check-item:hover{background:#ffffff2e}.costco-mag-check-input{accent-color:#e31837;cursor:pointer;width:18px;height:18px}.costco-mag-check-text{font-size:.88rem;font-weight:600}.costco-mag-faq-list{flex-direction:column;gap:1rem;display:flex}.costco-mag-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 4px 12px #00000005}.costco-mag-faq-q{color:#002d62;align-items:center;gap:.6rem;margin:0 0 .5rem;font-size:1.05rem;font-weight:800;display:flex}.costco-mag-faq-q:before{content:"Q";color:#fff;background:#e31837;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:900;display:inline-flex}.costco-mag-faq-a{color:#475569;margin:0;font-size:.92rem;line-height:1.65}.apparel-lookbook-container{box-sizing:border-box;width:100%;max-width:100%;font-family:var(--font-sans,system-ui, -apple-system, sans-serif);flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.apparel-hero-card{box-sizing:border-box;background:linear-gradient(135deg,#faf5ef 0%,#f3ece1 100%);border:1px solid #e5dace;border-radius:20px;width:100%;max-width:100%;padding:2rem 2.25rem;box-shadow:0 8px 24px #785f460f}.apparel-hero-badge{color:#f7f3ee;background:#332b25;border-radius:50px;margin-bottom:1rem;padding:.35rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.apparel-hero-title{color:#2b221b;margin:0 0 .8rem;font-size:1.6rem;font-weight:800;line-height:1.35}.apparel-hero-desc{color:#5c4e43;margin:0;font-size:.98rem;line-height:1.7}.apparel-section{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;display:flex}.apparel-section-header{box-sizing:border-box;border-bottom:2px solid #eae3d9;width:100%;max-width:100%;padding-bottom:.75rem}.apparel-section-step{letter-spacing:.1em;color:#8c7662;text-transform:uppercase;font-size:.75rem;font-weight:800}.apparel-section-title{color:#2b221b;margin:.2rem 0 .3rem;font-size:1.35rem;font-weight:800}.apparel-section-subtitle{color:#736354;margin:0;font-size:.9rem}.apparel-brand-tabs{box-sizing:border-box;-webkit-overflow-scrolling:touch;gap:.75rem;width:100%;max-width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.apparel-brand-tab{color:#5c4e43;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fff;border:2px solid #e5dace;border-radius:12px;flex-shrink:0;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .25s;display:flex}.apparel-brand-tab:hover{background:#faf6f0;transform:translateY(-2px)}.apparel-brand-tab.is-active{background:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.brand-dot{border-radius:50%;width:10px;height:10px}.apparel-brand-detail-card{box-sizing:border-box;background:#fff;border:1px solid #e5dace;border-radius:18px;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;padding:1.75rem;display:flex;box-shadow:0 6px 20px #0000000a}.brand-detail-top{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.brand-tag-badge{color:#fff;border-radius:6px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-block}.brand-detail-name{color:#1a1613;margin:0 0 .25rem;font-size:1.4rem;font-weight:800}.brand-detail-catch{color:#6e5e50;margin:0;font-size:.92rem}.brand-lifecycle-box{background:#f8f4ee;border:1px dashed #d5c7b7;border-radius:10px;flex-direction:column;align-items:flex-end;padding:.6rem 1rem;display:flex}.lifecycle-label{color:#8c7662;font-size:.72rem;font-weight:700}.lifecycle-val{color:#2b221b;font-size:.88rem;font-weight:800}.brand-scores-grid{box-sizing:border-box;background:#faf6f0;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:100%;padding:1.25rem;display:grid}.score-item{flex-direction:column;gap:.4rem;display:flex}.score-label-row{color:#4a3e34;justify-content:space-between;font-size:.85rem;font-weight:700;display:flex}.score-num{font-weight:800}.score-bar-bg{background:#e6ded3;border-radius:4px;height:8px;overflow:hidden}.score-bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.brand-pros-cons-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;display:grid}@media (max-width:640px){.brand-pros-cons-grid{grid-template-columns:1fr}}.pros-box,.cons-box{box-sizing:border-box;border-radius:14px;padding:1.2rem}.pros-box{background:#f0fdf4;border:1px solid #bbf7d0}.pros-box h5{color:#166534;margin:0 0 .6rem;font-size:.95rem;font-weight:800}.cons-box{background:#fff1f2;border:1px solid #fecdd3}.cons-box h5{color:#9f1239;margin:0 0 .6rem;font-size:.95rem;font-weight:800}.pros-box ul,.cons-box ul{color:#334155;margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.6}.brand-mustbuy-box{box-sizing:border-box;border-top:1px solid #eae3d9;width:100%;padding-top:1rem}.brand-mustbuy-box h5{color:#2b221b;margin:0 0 .75rem;font-size:.95rem;font-weight:800}.mustbuy-tags{flex-wrap:wrap;gap:.5rem;display:flex}.mustbuy-tag{color:#4a3e34;background:#f4efe8;border:1px solid #dfd5c8;border-radius:8px;padding:.4rem .85rem;font-size:.84rem;font-weight:700}.apparel-filter-bar{box-sizing:border-box;-webkit-overflow-scrolling:touch;gap:.6rem;width:100%;max-width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.filter-chip{color:#5c4e43;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#f4efe8;border:1px solid #dfd5c8;border-radius:50px;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.filter-chip:hover{background:#e9decb}.filter-chip.is-active{color:#f7f3ee;background:#2b221b;border-color:#2b221b}.apparel-scene-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%;max-width:100%;display:grid}.apparel-scene-card{cursor:pointer;perspective:1000px;box-sizing:border-box;background:#fff;border:1px solid #e5dace;border-radius:16px;width:100%;min-height:280px;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:0 4px 14px #0000000a}.apparel-scene-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.scene-card-front,.scene-card-back{box-sizing:border-box;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem;display:flex}.apparel-scene-card.is-flipped .scene-card-front,.apparel-scene-card:not(.is-flipped) .scene-card-back{display:none}.scene-card-back{background:#faf6f0;border:1px solid #dcd1c2}.scene-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.scene-tag{color:#665445;background:#efe7dc;border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:800}.scene-tag-back{color:#f7f3ee;background:#2b221b;border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:800}.flip-hint{color:#998777;font-size:.75rem;font-weight:700}.scene-card-title{color:#1a1613;margin:0 0 1rem;font-size:1.1rem;font-weight:800;line-height:1.4}.scene-comb-box{background:#f8f4ee;border-radius:10px;margin-bottom:1rem;padding:.85rem;font-size:.85rem}.comb-label{color:#736354;margin-bottom:.35rem;font-weight:800;display:block}.scene-comb-box ul{color:#4a3e34;margin:0;padding-left:1.1rem;line-height:1.5}.scene-cost-badge{color:#15803d;font-size:.82rem;font-weight:700}.back-content h5{color:#2b221b;margin:.75rem 0 .3rem;font-size:.88rem;font-weight:800}.back-content p{color:#5c4e43;margin:0;font-size:.84rem;line-height:1.55}.apparel-inspector-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%;max-width:100%;display:grid}.inspector-card{box-sizing:border-box;background:#fff;border:1px solid #e5dace;border-radius:16px;flex-direction:column;justify-content:space-between;gap:1rem;width:100%;padding:1.4rem;display:flex}.inspector-top{align-items:center;gap:.75rem;display:flex}.inspector-icon{background:#f8f4ee;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.inspector-title{color:#2b221b;margin:0 0 .2rem;font-size:1.05rem;font-weight:800}.inspector-subtitle{color:#7a695a;margin:0;font-size:.8rem}.inspector-points ul{color:#4a3e34;margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.55}.inspector-recommend{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:.85rem;font-size:.83rem}.inspector-recommend p{margin:.25rem 0 0;line-height:1.5}.apparel-principles-list{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:100%;display:flex}.principle-card{box-sizing:border-box;background:#fff;border:1px solid #e5dace;border-radius:16px;align-items:flex-start;gap:1.25rem;width:100%;max-width:100%;padding:1.25rem 1.5rem;transition:transform .2s;display:flex}.principle-card:hover{border-color:#c9b9a6;transform:translate(4px)}.principle-num{color:#8c7662;background:#faf6f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:900;display:flex}.principle-title{color:#2b221b;margin:0 0 .4rem;font-size:1.08rem;font-weight:800}.principle-desc{color:#5c4e43;margin:0;font-size:.9rem;line-height:1.6}.apparel-summary-box{color:#f7f3ee;box-sizing:border-box;background:#2b221b;border-radius:18px;width:100%;max-width:100%;padding:1.75rem 2rem}.summary-title{color:#fff;margin:0 0 1.25rem;font-size:1.2rem;font-weight:800}.summary-checklist{box-sizing:border-box;flex-direction:column;gap:.85rem;width:100%;display:flex}.summary-check-item{cursor:pointer;align-items:center;gap:.8rem;font-size:.92rem;line-height:1.5;display:flex}.summary-check-item input[type=checkbox]{accent-color:#8c7662;cursor:pointer;width:18px;height:18px}
