:root{--color-bg:#fff8ed;--color-card:#fff;--color-primary:#7a4319;--color-primary-dark:#5a2f0c;--color-accent:#f6c74a;--color-text:#2a2118;--color-muted:#5d534a;--color-border:#e5d6bc;--color-success:#2e7d32;--shadow-sm:0 1px 3px #3c281414;--shadow-md:0 4px 12px #3c28141f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--tap-min:44px;color:var(--color-text);background:var(--color-bg);font-family:Hiragino Sans,Yu Gothic,Meiryo,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--color-bg);min-height:100%;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}ruby rt{color:var(--color-muted);-webkit-user-select:none;user-select:none;font-size:.55em}.furigana-off ruby rt{display:none}h1,h2,h3{color:var(--color-text);margin:0;font-weight:700}p{margin:0}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.app-header{z-index:10;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.app-title{color:#fff;min-height:var(--tap-min);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:1.1rem;font-weight:700;display:flex}.title-emoji{font-size:1.6rem}.app-title ruby rt{color:#ffffffd9}.furigana-toggle{white-space:nowrap;min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--radius-sm);color:#fff;background:0 0;border:2px solid #fff;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.1;display:inline-flex}.furigana-toggle-icon{letter-spacing:.02em;font-size:.85rem}.furigana-toggle-state{font-size:.78rem;font-weight:800}.app-main{flex:1;padding:16px}.cta-section{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.primary-cta{background:var(--color-accent);color:#4a2509;border-radius:var(--radius-md);min-height:var(--tap-min);box-shadow:var(--shadow-sm);text-align:center;flex:calc(50% - 8px);justify-content:center;align-items:center;gap:8px;padding:14px 12px;font-size:1rem;font-weight:700;display:flex}.primary-cta .cta-text ruby rt{color:#4a2509}.primary-cta.map-cta{color:#fff;background:#3f6b32}.primary-cta.map-cta .cta-text ruby rt{color:#ffffffe6}.cta-emoji{font-size:1.4rem}.secondary-cta{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--tap-min);min-width:var(--tap-min);color:var(--color-text);justify-content:center;align-items:center;gap:4px;padding:12px;font-size:.9rem;font-weight:700;display:flex}.list-controls{justify-content:space-between;align-items:center;gap:8px;margin:12px 0;display:flex}.section-title{font-size:1rem;font-weight:700}.sort-control{align-items:center;gap:4px;font-size:.85rem;display:flex}.sort-control select{min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;padding:8px;font-family:inherit}.sort-pills{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:.85rem;display:flex}.sort-pill-label{color:var(--color-text);margin-right:4px;font-weight:700}.sort-pill{min-height:var(--tap-min);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:2px;padding:6px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.sort-pill.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.sort-pill.selected ruby rt{color:#ffffffd9}.sort-pill-sub{margin-left:2px;font-size:.75rem;font-weight:400}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dropping-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;min-height:140px;padding:12px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.animal-badge{border:1px solid var(--color-border);width:32px;height:32px;box-shadow:var(--shadow-sm);pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:58px;right:18px}.dropping-card:active{box-shadow:var(--shadow-md);transform:scale(.98)}.thumb{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff4dd,#ffe7b8);justify-content:center;align-items:center;height:70px;margin-bottom:8px;display:flex;position:relative}.thumb-poop{filter:drop-shadow(0 2px 2px #00000026);font-size:2.4rem}.thumb-emoji{box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;padding:2px;font-size:1.4rem;position:absolute;bottom:4px;right:6px}.card-title{margin-bottom:6px;font-size:.95rem;font-weight:700}.card-terrain{color:var(--color-muted);flex-wrap:wrap;gap:4px;font-size:.75rem;display:flex}.terrain-icon{align-items:center;gap:2px;display:inline-flex}.detail-page,.results-page,.settings-page,.wizard-page{padding-bottom:32px}.back-link{min-height:var(--tap-min);color:var(--color-primary-dark);align-items:center;padding:8px 4px;font-size:.95rem;font-weight:600;display:inline-flex}.detail-hero{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff4dd,#ffe7b8);justify-content:center;align-items:center;height:160px;margin:8px 0 12px;display:flex;position:relative}.hero-poop{filter:drop-shadow(0 4px 4px #0003);font-size:5rem}.hero-emoji{box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;padding:6px;font-size:2.6rem;position:absolute;bottom:12px;right:16px}.detail-title{margin-bottom:12px;font-size:1.6rem;font-weight:700}.speak-button{min-height:var(--tap-min);border-radius:var(--radius-md);border:2px solid var(--color-border);color:var(--color-text);background:#fff;align-items:center;gap:6px;margin-bottom:16px;padding:10px 16px;font-weight:600;display:inline-flex}.speak-button:disabled{opacity:.55;cursor:not-allowed}.coming-soon{color:var(--color-muted);margin-left:4px;font-size:.7rem}.info-card,.desc-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.card-heading{border-bottom:2px solid var(--color-accent);margin-bottom:8px;padding-bottom:4px;font-size:1.05rem}.info-list{flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.info-row{grid-template-columns:6em 1fr;align-items:start;gap:8px;margin:0;display:grid}.info-row dt{color:var(--color-muted);font-size:.9rem;font-weight:700}.info-row dd{margin:0;font-size:.95rem}.badge-inline{border:1px solid var(--color-border);background:#fff1d4;border-radius:12px;margin:0 4px 4px 0;padding:2px 8px;font-size:.85rem;display:inline-block}.short-desc{font-size:1.05rem;font-weight:600;line-height:1.6}.long-desc{font-size:.95rem;line-height:1.7}.wizard-progress{color:var(--color-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:flex}.progress-dot{background:var(--color-border);border-radius:4px;width:28px;height:8px;display:inline-block}.progress-dot.active{background:var(--color-primary)}.progress-text{margin-left:8px}.wizard-step .step-title{margin-bottom:12px;font-size:1.3rem}.option-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.option-btn{border-radius:var(--radius-md);border:2px solid var(--color-border);min-height:96px;color:var(--color-text);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-weight:600;transition:all .1s;display:flex}.option-btn.selected{border-color:var(--color-primary);background:#fff4dd;box-shadow:0 0 0 2px #7a43194d}.option-emoji{font-size:2rem}.option-label{font-size:.95rem}.wizard-actions{background:linear-gradient(180deg, transparent 0%, var(--color-bg) 30%);gap:8px;padding:12px 0;display:flex;position:sticky;bottom:0}.action-btn{min-height:var(--tap-min);border-radius:var(--radius-md);border:2px solid var(--color-border);color:var(--color-text);background:#fff;flex:1;padding:12px;font-weight:700}.action-btn.next{background:var(--color-accent);border-color:var(--color-accent);color:#4a2509;flex:1.4}.action-btn.next ruby rt{color:#4a2509}.action-btn.skip{background:#f5ede0}.page-title{margin:8px 0 12px;font-size:1.5rem}.chip{border:1px solid var(--color-border);background:#fff1d4;border-radius:999px;padding:4px 10px;font-size:.85rem;display:inline-block}.result-count{margin-bottom:12px;font-weight:600}.empty-state{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px 16px}.loosen-btn{background:var(--color-accent);color:#4a2509;border-radius:var(--radius-md);min-height:var(--tap-min);margin-top:16px;padding:12px 20px;font-weight:700;display:inline-block}.loosen-btn ruby rt{color:#4a2509}.settings-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-label h2{margin-bottom:4px;font-size:1.05rem}.setting-desc{color:var(--color-muted);font-size:.85rem}.toggle-switch{min-width:80px;min-height:var(--tap-min);border:2px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:700}.toggle-switch.on{background:var(--color-success);color:#fff;border-color:var(--color-success)}.map-page{padding-bottom:32px}.map-hint{color:var(--color-muted);margin:4px 0 12px;font-size:.9rem}.map-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:82vh;min-height:360px;max-height:720px;box-shadow:var(--shadow-sm);background:#fff;margin-bottom:12px;position:relative;overflow:hidden}.map-label-overlay{pointer-events:none;position:absolute;inset:0}.map-label-html{color:#2a2118;white-space:nowrap;background:#ffffffeb;border:1px solid #0002;border-radius:999px;padding:4px 10px;font-size:1rem;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000026}.map-label-html ruby rt{color:inherit;opacity:.95}.fukuoka-map{width:100%;height:100%;display:block}.map-region{cursor:pointer;outline:none}.map-region:focus path,.map-region.is-hover path{filter:brightness(.85)}.map-region path{transition:fill .15s,filter .15s}.map-label{fill:#2a2118;pointer-events:none;font-family:Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:18px;font-weight:700}.map-legend{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.legend-btn{min-height:var(--tap-min);border:2px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.legend-btn.is-hover,.legend-btn:focus{border-color:var(--color-primary)}.legend-swatch{border:1px solid #00000020;border-radius:4px;width:16px;height:16px;display:inline-block}.speech-controls{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.speak-button{min-height:var(--tap-min);border-radius:var(--radius-md);border:2px solid var(--color-border);color:var(--color-text);background:#fff;align-self:flex-start;align-items:center;gap:6px;padding:10px 16px;font-weight:700;display:inline-flex}.speak-button.is-speaking{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.speak-button.is-speaking ruby rt{color:#ffffffe6}.speech-speeds{flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.speech-speed-label{margin-right:2px;font-weight:700}.speed-pill{min-height:var(--tap-min);border:2px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:700}.speed-pill.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.speed-pill.selected ruby rt{color:#ffffffe6}.speech-fallback{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:#fff1d4;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;font-size:.85rem;display:inline-flex}.manner-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff1d4;border:2px solid #c47d3a;border-left:6px solid #7a4319;margin-bottom:12px;padding:14px 16px;position:relative}.manner-icon{color:#fff;background:#7a4319;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex;position:absolute;top:-10px;left:12px}.manner-heading{color:#4a2509;margin-top:8px;margin-bottom:6px;font-size:1rem}.manner-text{color:#2a2118;font-size:.95rem;line-height:1.7}.condition-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--color-border);min-height:var(--tap-min);color:var(--color-text);background:#fff1d4;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.chip-removable{cursor:pointer;font-family:inherit}.chip-removable:hover,.chip-removable:focus{border-color:var(--color-primary)}.chip-remove{color:#fff;background:#7a4319;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;font-size:.85rem;font-weight:700;line-height:1;display:inline-flex}.chip-add{border:2px dashed var(--color-primary);color:var(--color-primary-dark);background:#fff;font-weight:700}.relief-hints{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;background:#fff8ed;margin:16px 0;padding:12px}.relief-hint-lead{color:var(--color-text);margin-bottom:6px;font-size:.9rem;font-weight:700}.relief-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.relief-btn{text-align:left;width:100%;min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text);background:#fff;padding:8px 12px;font-size:.9rem;font-weight:600}.relief-btn:hover,.relief-btn:focus{border-color:var(--color-primary);background:#fff1d4}.app-header{flex-direction:column;align-items:stretch;gap:4px;padding:8px 16px 6px}.app-header-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:6px;min-width:0;display:flex}.header-link.my-link{white-space:nowrap;min-height:var(--tap-min);border-radius:var(--radius-sm);color:#fff;background:#5a2f0c;border:2px solid #ffffff8c;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.header-link.my-link:hover,.header-link.my-link:focus{border-color:#fff}.header-link-text ruby rt{color:#ffffffe0}.app-header-brand{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.fukuoka-header-badge{background:var(--color-accent);color:#4a2509;border:1.5px solid #4a2509;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.fukuoka-header-badge ruby rt{color:#4a2509;font-size:.62em}.fhb-pin{font-size:.95rem}.fukuoka-inline-badge{background:var(--color-accent);color:#4a2509;white-space:nowrap;border:1.5px solid #4a2509;border-radius:999px;align-items:center;gap:3px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.fukuoka-inline-badge ruby rt{color:#4a2509;font-size:.62em}.page-top-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.wizard-brand-spacer{width:1px}.hero-section{margin:4px 0 14px}.fukuoka-hero-badge{color:#4a2509;box-shadow:0 3px 0 #4a25092e, var(--shadow-sm);background:linear-gradient(135deg,#fde18a 0%,#f6c74a 60%,#f0b020 100%);border:3px solid #4a2509;border-radius:22px;align-items:center;gap:10px;padding:12px 16px 14px;font-weight:700;display:flex;position:relative}.fukuoka-hero-badge:after{content:"";border-top:14px solid #4a2509;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;bottom:-14px;left:36px}.fukuoka-hero-badge:before{content:"";z-index:1;border-top:11px solid #f6c74a;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;bottom:-10px;left:38px}.fbb-emoji{filter:drop-shadow(0 1px 1px #0003);font-size:1.6rem}.fbb-content{flex-direction:column;gap:2px;line-height:1.35;display:flex}.fbb-line1{align-items:baseline;gap:2px;font-size:1.15rem;font-weight:800;display:inline-flex}.fbb-line2{color:#4a2509;opacity:.92;font-size:.85rem;font-weight:600}.fbb-bang{color:#b8451a;margin-left:2px;font-size:1.3rem}.fukuoka-hero-badge ruby rt{color:#4a2509}.found-button{min-height:var(--tap-min);color:#fff;background:#a8390f;border:2px solid #7a2a0c;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:12px 22px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 2px #00000026}.found-button:hover,.found-button:focus{background:#7a2a0c}.found-button ruby rt{color:#ffffffeb}.detail-top-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.owners-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.owner-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.owner-item{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fffaf0;align-items:flex-start;gap:10px;padding:10px;display:flex}.owner-item.is-primary{background:#fff1d4;border-color:#c47d3a}.owner-emoji{font-size:1.6rem;line-height:1}.owner-body{flex:1}.owner-name{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 2px;font-weight:700;display:inline-flex}.owner-badge{color:#fff;background:#7a4319;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.owner-badge ruby rt{color:#ffffffe6}.owner-desc{color:var(--color-text);margin:0;font-size:.88rem;line-height:1.55}.forest-state-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(#ecf6e2 0%,#d6ecbf 100%);border:2px solid #4a7a32;margin-bottom:12px;padding:14px 16px 16px;position:relative}.fs-icon{color:#fff;background:#4a7a32;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;position:absolute;top:-14px;left:14px}.fs-heading{color:#1f3a16;border-bottom:2px solid #4a7a32;margin:8px 0;padding-bottom:4px;font-size:1.05rem}.fs-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fs-item{border-radius:var(--radius-sm);background:#fff;border:1px solid #b6cea0;padding:10px 12px}.fs-bullet{font-size:1rem}.fs-child{color:#1f3a16;margin:0 0 4px;font-size:1.02rem;font-weight:700;line-height:1.55}.fs-detail{color:#2a2118;margin:0;font-size:.92rem;line-height:1.7}.related-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.related-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.related-item{border-radius:var(--radius-sm);border:1px solid var(--color-border);min-height:var(--tap-min);background:#fffaf0;align-items:center;gap:10px;padding:10px;display:flex}.related-item:hover,.related-item:focus{border-color:var(--color-primary);background:#fff1d4}.related-emoji{font-size:1.6rem;line-height:1}.related-body{flex-direction:column;flex:1;gap:2px;display:flex}.related-name{font-weight:700}.related-meta{color:var(--color-muted);gap:6px;font-size:.78rem;display:inline-flex}.modal-backdrop{z-index:100;background:#1e12088c;justify-content:center;align-items:flex-end;padding:12px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.found-modal{background:#fff;border-radius:18px 18px 12px 12px;outline:none;width:100%;max-width:460px;max-height:92vh;padding:18px 16px 16px;position:relative;overflow-y:auto;box-shadow:0 -6px 24px #00000038}@media (width>=480px){.modal-backdrop{align-items:center}.found-modal{border-radius:16px}}.modal-close{width:36px;height:36px;min-width:var(--tap-min);min-height:var(--tap-min);border:2px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:50%;font-size:1.1rem;font-weight:700;position:absolute;top:8px;right:8px}.modal-title{margin:0 0 4px;font-size:1.2rem}.modal-subtitle{color:var(--color-muted);margin:0 0 12px;font-size:.92rem}.found-form{flex-direction:column;gap:12px;display:flex}.form-row{flex-direction:column;gap:4px;display:flex}.form-row.place-row{border:none;margin:0;padding:0}.form-label{color:#4a4035;font-size:.92rem;font-weight:700}.form-input,.form-textarea{border-radius:var(--radius-sm);border:2px solid var(--color-border);min-height:var(--tap-min);color:var(--color-text);background:#fff;padding:10px;font-family:inherit;font-size:.95rem}.form-textarea{resize:vertical;min-height:76px}.place-options{flex-wrap:wrap;gap:6px;display:flex}.place-pill{min-height:var(--tap-min);border:2px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.place-pill.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.place-pill.selected ruby rt{color:#ffffffe6}.modal-actions{gap:8px;margin-top:4px;display:flex}.found-modal-success{text-align:center;padding:12px 0 0}.success-msg{color:#1f3a16;margin:0 0 12px;font-size:1.05rem;font-weight:700}.my-zukan-page{padding-bottom:32px}.page-title-row{justify-content:space-between;align-items:center;gap:8px;margin:8px 0 6px;display:flex}.my-zukan-summary{color:var(--color-text);margin:0 0 12px;font-weight:600}.my-zukan-empty{text-align:center;padding:28px 16px}.my-zukan-empty-emoji{margin:0 0 8px;font-size:2.6rem}.my-zukan-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.my-zukan-group{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px}.my-zukan-card-head{border-radius:var(--radius-sm);min-height:var(--tap-min);background:#fff1d4;flex-direction:row;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.my-zukan-card-head:hover,.my-zukan-card-head:focus{background:#ffe7b8}.my-zukan-emoji{flex:none;font-size:2rem;line-height:1}.my-zukan-card-title{flex-direction:column;flex:auto;align-items:stretch;gap:2px;min-width:0;font-size:1.05rem;font-weight:700;display:flex}.my-zukan-name{white-space:normal;width:100%;display:block}.my-zukan-count{color:#5a4030;font-size:.82rem;font-weight:600}.my-zukan-obs-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:inside decimal;display:flex}.my-zukan-obs{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fffaf0;padding:8px 10px;position:relative}.obs-meta{flex-wrap:wrap;gap:12px;font-size:.9rem;font-weight:700;display:flex}.obs-place,.obs-date{align-items:center;gap:4px;display:inline-flex}.obs-memo{color:var(--color-text);margin:4px 0 0;font-size:.92rem;line-height:1.6}.obs-remove{min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:#7a3326;background:#fff;padding:6px 10px;font-size:.78rem;font-weight:700;position:absolute;top:6px;right:6px}.obs-remove:hover,.obs-remove:focus{background:#ffe2dc;border-color:#b03327}.my-obs-card{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:#fffaf0;margin-bottom:12px;padding:14px 16px}.my-obs-list{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:inside decimal;display:flex}.my-obs-item{font-size:.92rem;line-height:1.55}.my-obs-link{color:var(--color-primary-dark);min-height:var(--tap-min);padding:6px 0;font-weight:700;display:inline-block}.primary-cta.my-cta{color:#fff;background:#4a7a32;border:2px solid #2e5b1e}.primary-cta.my-cta .cta-text ruby rt{color:#ffffffe6}@media (width<=480px){.profile-avatar-name{display:none}.profile-avatar-btn{min-width:var(--tap-min);justify-content:center;padding:4px 8px}}@media (width<=380px){.app-header{padding-left:10px;padding-right:10px}.app-header-row{gap:6px}.header-actions{gap:4px}.header-link.my-link,.furigana-toggle{padding:6px 8px}}.profile-switcher{position:relative}.profile-avatar-btn{color:#fff;min-height:var(--tap-min);background:#ffffff26;border:2px solid #fff;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.82rem;font-weight:700;display:inline-flex}.profile-avatar{font-size:1.25rem}.profile-avatar-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:7em;overflow:hidden}.profile-avatar-name ruby rt{color:#ffffffd9}.profile-menu{left:auto;right:8px;top:var(--profile-menu-top,96px);border:2px solid var(--color-primary);border-radius:var(--radius-md);min-width:min(240px,100vw - 16px);max-width:calc(100vw - 16px);box-shadow:var(--shadow-md);z-index:30;background:#fff;margin:0;padding:6px;list-style:none;position:fixed}.profile-menu-head{color:#5a4030;border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:6px 8px 4px;font-size:.78rem;font-weight:700}.profile-menu-item,.profile-menu-add{border-radius:var(--radius-sm);width:100%;min-height:var(--tap-min);color:var(--color-text);text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.92rem;font-weight:600;display:flex}.profile-menu-item:hover,.profile-menu-item:focus,.profile-menu-add:hover,.profile-menu-add:focus,.profile-menu-item.active{background:#fff3df}.profile-menu-avatar{font-size:1.2rem}.profile-menu-active{color:var(--color-success);margin-left:auto;font-weight:700}.profile-menu-add{border-top:1px dashed var(--color-border);color:var(--color-primary-dark);margin-top:4px}.profile-menu-row{align-items:stretch;gap:4px;display:flex;position:relative}.profile-menu-row .profile-menu-item{flex:auto;min-width:0}.profile-menu-row .profile-menu-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-menu-edit{border:2px solid var(--color-primary);color:#4a2509;border-radius:var(--radius-sm);min-height:var(--tap-min);min-width:var(--tap-min);white-space:nowrap;cursor:pointer;background:#fff;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.8rem;font-weight:700;display:inline-flex}.profile-menu-edit:hover,.profile-menu-edit:focus{background:#fff3df}.profile-menu-edit-label{white-space:nowrap;font-size:.78rem}.profile-menu-edit-label ruby{white-space:nowrap}.my-zukan-profile-edit{min-height:var(--tap-min);border:2px solid var(--color-primary);color:#4a2509;white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;margin-left:8px;padding:4px 10px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.my-zukan-profile-edit:hover,.my-zukan-profile-edit:focus{background:#fff3df}.profile-setup-form .form-input-error{background:#fff4f1;border-color:#b03327}.profile-setup-form .form-help{color:#5a4030;font-size:.78rem;line-height:1.5}.form-saved{border:2px solid var(--color-success);color:#1b4d1b;border-radius:var(--radius-sm);background:#e3f2dc;margin:0;padding:8px 12px;font-weight:700}.settings-profile-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.settings-profile-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:var(--tap-min);background:#fff;align-items:center;gap:8px;padding:8px 10px;display:flex}.settings-profile-avatar{font-size:1.4rem}.settings-profile-name{color:var(--color-text);flex:auto;font-weight:700}.settings-profile-active{color:#5a4030;margin-left:6px;font-size:.8rem;font-weight:600}.settings-profile-edit{min-height:var(--tap-min);border:2px solid var(--color-primary);color:#4a2509;white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.settings-profile-row .settings-profile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-profile-edit:hover,.settings-profile-edit:focus{background:#fff3df}.profile-setup-page{max-width:520px;margin:0 auto;padding:8px 0}.profile-setup-lead{color:var(--color-text);margin:8px 0 16px;line-height:1.7}.profile-setup-form{flex-direction:column;gap:14px;display:flex}.profile-setup-form .form-row{flex-direction:column;gap:6px;display:flex}.profile-setup-form .form-label{font-size:.95rem;font-weight:700}.profile-setup-form .form-hint{color:#5a4030;margin-left:4px;font-size:.82rem;font-weight:400}.profile-setup-form .form-input{border-radius:var(--radius-sm);border:2px solid var(--color-border);min-height:var(--tap-min);color:var(--color-text);background:#fff;padding:12px;font-family:inherit;font-size:1rem}.profile-setup-form .form-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.avatar-options{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.avatar-option{border:2px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--tap-min);min-width:var(--tap-min);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:6px;font-size:1.6rem;display:inline-flex}.avatar-option.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary) inset;background:#fff3df}.form-error{color:#b03327;margin:0;font-size:.92rem;font-weight:700}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.back-link-spacer{width:1px;display:inline-block}.completion-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:12px 0;padding:12px 16px}.completion-summary{margin:0 0 6px;font-size:.98rem;font-weight:700}.completion-bar{border:1px solid var(--color-border);background:#f3e7d0;border-radius:999px;height:16px;overflow:hidden}.completion-fill{background:linear-gradient(90deg,#4a7a32 0%,#3f6b32 100%);border-radius:999px;height:100%;transition:width .4s}.badges-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px 16px 16px}.badge-shelf{grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.badge-tile{border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center;background:#fffaf0;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:10px 8px;display:flex;position:relative}.badge-tile.locked{color:#4a3826;background:#efe5d3}.badge-tile.locked .badge-icon{filter:grayscale(.4);opacity:.7}.badge-icon{font-size:1.8rem}.badge-name{margin:0;font-size:.86rem;font-weight:700;line-height:1.4}.badge-cond{color:#5a4030;margin:0;font-size:.74rem;line-height:1.4}.badge-earned-tag{background:var(--color-success);color:#fff;border-radius:999px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:4px;right:4px}.badge-earned-tag ruby rt{color:#ffffffe6}.badge-modal-backdrop{z-index:100;background:#140c048c;justify-content:center;align-items:center;padding:16px;animation:.2s badge-modal-fade;display:flex;position:fixed;inset:0}@keyframes badge-modal-fade{0%{opacity:0}to{opacity:1}}.badge-modal{border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-md);text-align:center;border:3px solid var(--color-accent);background:#fff;padding:24px 18px 20px;animation:.4s cubic-bezier(.2,1.2,.4,1) badge-modal-pop;position:relative}@keyframes badge-modal-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.badge-confetti{pointer-events:none;justify-content:space-around;font-size:1.4rem;display:flex;position:absolute;top:-18px;left:0;right:0}.badge-confetti span{animation:1.6s infinite confetti-drop;display:inline-block}.badge-confetti span:nth-child(2){animation-delay:.15s}.badge-confetti span:nth-child(3){animation-delay:.3s}.badge-confetti span:nth-child(4){animation-delay:.45s}.badge-confetti span:nth-child(5){animation-delay:.6s}@keyframes confetti-drop{0%{opacity:1;transform:translateY(-10px)rotate(0)}60%{opacity:1;transform:translateY(20px)rotate(220deg)}to{opacity:0;transform:translateY(40px)rotate(360deg)}}.badge-modal-title{color:var(--color-primary-dark);margin:4px 0 12px;font-size:1.1rem}.badge-modal-icon{margin:4px 0 6px;font-size:4rem;line-height:1;animation:.8s badge-icon-spin}@keyframes badge-icon-spin{0%{opacity:0;transform:rotate(-30deg)scale(.5)}60%{opacity:1;transform:rotate(10deg)scale(1.15)}to{opacity:1;transform:rotate(0)scale(1)}}.badge-modal-name{margin:4px 0;font-size:1.15rem;font-weight:700}.badge-modal-condition{color:var(--color-primary-dark);margin:4px 0 8px;font-size:.92rem;font-weight:700}.badge-modal-desc{color:var(--color-text);margin:0 0 12px;font-size:.92rem;line-height:1.6}.badge-modal-remaining{color:#7a4319;margin:0 0 12px;font-size:.86rem;font-weight:700}.badge-modal-actions{justify-content:center;display:flex}.share-button{min-height:var(--tap-min);border-radius:var(--radius-md);border:2px solid var(--color-primary);color:#4a2509;background:#fff;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.share-button:hover,.share-button:focus{background:#fff3df}.share-toast{color:#fff;box-shadow:var(--shadow-md);z-index:200;background:#2a2118;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:700;animation:.2s toast-pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.share-toast ruby rt{color:#ffffffe6}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.detail-action-row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 12px;display:flex}.detail-action-row .found-button{flex:auto}.bookmark-button{min-height:var(--tap-min);border-radius:var(--radius-md);border:2px solid var(--color-accent);color:#4a2509;background:#fff;align-items:center;gap:4px;padding:10px 14px;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.bookmark-button.is-on{background:var(--color-accent);color:#4a2509;border-color:#c97f1c}.search-history{background:var(--color-card);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin:12px 0;padding:10px 14px}.search-history .card-heading{margin:0 0 6px;font-size:.95rem}.search-history-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.search-history-item{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:var(--tap-min);color:var(--color-text);cursor:pointer;background:#fffaf0;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.92rem;font-weight:600;display:flex}.search-history-item:hover,.search-history-item:focus{border-color:var(--color-primary);background:#fff3df}.my-zukan-tabs{gap:6px;margin:12px 0 8px;display:flex}.my-zukan-tab{border:2px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--tap-min);color:var(--color-text);background:#fff;flex:1 1 0;padding:10px 8px;font-family:inherit;font-size:.9rem;font-weight:700}.my-zukan-tab.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.my-zukan-tab.selected ruby rt{color:#ffffffe6}.my-zukan-profile{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fffaf0;margin:4px 0;padding:6px 10px;font-size:.92rem;font-weight:600;display:inline-block}.my-zukan-share-row{justify-content:flex-start;margin:12px 0;display:flex}.bookmark-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.bookmark-link{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--tap-min);color:var(--color-text);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:10px;padding:10px 12px;display:flex}.bookmark-emoji{font-size:1.5rem}.bookmark-name{flex:auto;font-weight:700}.bookmark-meta{color:#5a4030;font-size:.84rem}.results-share-row{margin:4px 0 12px}.profile-danger-zone{border-radius:var(--radius-md);background:#fff5f3;border:1px dashed #d18579;margin-top:36px;padding:16px 14px 14px}.danger-btn{width:100%;min-height:var(--tap-min);border-radius:var(--radius-md);color:#b03327;cursor:pointer;background:#fff;border:2px solid #b03327;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.danger-btn:hover,.danger-btn:focus{background:#fde9e6}.danger-btn:focus{outline-offset:2px;outline:2px solid #b03327}.danger-btn ruby rt{color:#b03327}.profile-danger-help{color:#6a3530;margin:10px 0 0;font-size:.86rem;line-height:1.6}.confirm-modal{background:#fff;border-radius:18px 18px 12px 12px;outline:none;width:100%;max-width:440px;padding:18px 18px 16px;position:relative;box-shadow:0 -6px 24px #00000038}@media (width>=480px){.confirm-modal{border-radius:16px}}.confirm-modal .modal-title{color:#6a2d24;margin:0 0 6px;font-size:1.15rem}.confirm-modal-name{border-radius:var(--radius-sm);text-align:center;background:#fff3df;margin:0 0 10px;padding:6px 10px;font-size:1.02rem;font-weight:700}.confirm-modal-body{margin:0 0 8px;font-weight:700;line-height:1.6}.confirm-modal-warn{color:#6a3530;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff5f3;border-left:3px solid #b03327;margin:0 0 14px;padding:8px 10px;font-size:.92rem;line-height:1.7}.confirm-modal-actions{justify-content:flex-end;gap:8px}.action-btn.danger-btn-confirm{color:#fff;background:#b03327;border:2px solid #b03327;font-weight:700}.action-btn.danger-btn-confirm:hover,.action-btn.danger-btn-confirm:focus{background:#8e271d;border-color:#8e271d}.action-btn.danger-btn-confirm ruby rt{color:#ffffffeb}.offline-banner{color:#fff;box-shadow:var(--shadow-sm);background:#5a2f0c;border-bottom:2px solid #4a2509;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;display:flex}.offline-banner-icon{font-size:1.1rem;line-height:1}.offline-banner-text{flex:1;line-height:1.45}.offline-banner-text ruby rt{color:#ffffffeb}.offline-prepare-card{margin-top:12px}.offline-prepare-status{color:#4a4035;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 4px;font-size:.88rem;display:inline-flex}.offline-prepare-time{color:#2a2118;font-weight:700}.offline-prepare-progress{margin:12px 0 8px}.offline-prepare-bar{border:1px solid var(--color-border);background:#f0e3c8;border-radius:6px;width:100%;height:12px;overflow:hidden}.offline-prepare-bar-fill{background:linear-gradient(90deg,#4a7a32,#6ba045);height:100%;transition:width .2s}.offline-prepare-progress-text{color:#2a2118;margin:6px 0 0;font-size:.92rem;font-weight:700}.offline-prepare-toast{border-radius:var(--radius-sm);color:#1f3a16;background:#e8f5da;border:2px solid #4a7a32;margin:10px 0 4px;padding:8px 12px;font-size:.95rem;font-weight:700}.offline-prepare-error{border-radius:var(--radius-sm);color:#5a1d05;background:#fde7d3;border:2px solid #a8390f;margin:10px 0 4px;padding:8px 12px;font-size:.92rem;font-weight:700}.offline-prepare-btn{width:100%;margin-top:12px}.offline-prepare-btn:disabled{opacity:.6;cursor:not-allowed}.offline-prepare-count{margin-left:6px;font-size:.85rem;font-weight:600}.offline-prepare-hint{color:#4a4035;margin:8px 0 0;font-size:.85rem}.offline-error-page{flex-direction:column;gap:14px;padding:16px 4px 32px;display:flex}.offline-error-msg{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:#2a2118;box-shadow:var(--shadow-sm);margin:0;padding:14px 16px;font-size:.95rem;line-height:1.7}.offline-error-actions{flex-direction:column;gap:10px;display:flex}.offline-error-actions .primary-cta{flex:auto;width:100%}.offline-error-actions .secondary-cta{width:100%}.dropping-illustration{shape-rendering:geometricprecision;border-radius:8px;width:100%;height:100%;display:block}.dropping-illustration.is-thumb{width:100%;max-width:100%;height:100%;max-height:100%}.dropping-illustration.is-detail{aspect-ratio:1;border-radius:14px;width:100%;max-width:240px;height:auto;box-shadow:0 2px 6px #3c28142e}.dropping-card .thumb{background:0 0;height:88px;padding:0;overflow:hidden}.dropping-card .thumb .dropping-illustration{width:100%;height:100%}.detail-hero{background:0 0;border:none;justify-content:center;align-items:center;height:200px;padding:8px;display:flex}.detail-hero .dropping-illustration{aspect-ratio:1;width:auto;height:100%;max-height:100%}.detail-reference{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:8px;margin:4px 0 16px;padding:12px;display:flex}.detail-reference .dropping-illustration{width:min(240px,70vw);height:auto}.detail-reference-caption{color:var(--color-muted);text-align:center;margin:0;font-size:.85rem;line-height:1.6}.dropping-illustration.is-pet{outline:1px solid #e8749059}