@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.author-list-container{background:#fff;border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);gap:1rem;max-height:600px;overflow:hidden;display:flex;flex-direction:column}.author-list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.author-list-header h3{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin:0}.view-toggle{display:flex;background:var(--color-bg);padding:.25rem;border-radius:var(--radius-sm)}.toggle-btn{padding:.4rem .8rem;font-size:.8rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-light);transition:all .2s ease}.toggle-btn.active{background:#fff;color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-sm)}.author-list-content{overflow-y:auto;flex:1;padding-right:.5rem}.author-list-content::-webkit-scrollbar{width:6px}.author-list-content::-webkit-scrollbar-track{background:transparent}.author-list-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.region-section{margin-bottom:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.region-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--color-bg);border:none;cursor:pointer;transition:background .2s ease}.region-header:hover{background:#eaeaea}.region-title{font-weight:600;color:var(--color-primary)}.region-count{font-size:.8rem;color:var(--color-text-light);margin-left:auto;margin-right:1rem;background:#fff;padding:.1rem .5rem;border-radius:10px}.region-arrow{font-size:.7rem;color:var(--color-text-light);transition:transform .2s ease}.region-arrow.expanded{transform:rotate(180deg)}.region-grid{padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;background:#fff}.simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;padding-top:.5rem}.author-grid-item{display:flex;flex-direction:column;align-items:flex-start;padding:.8rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.author-grid-item:hover{border-color:var(--color-manga);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.author-grid-item.selected{border-color:var(--color-primary);background:#f0f4f8;box-shadow:0 0 0 2px var(--color-primary)}.author-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;width:100%}.author-item-name{font-weight:600;font-size:.95rem;color:var(--color-primary)}.author-item-meta{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--color-text-light);width:100%}.author-item-work{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}@media(max-width:640px){.author-list-container{max-height:none;padding:1rem}.author-list-header h3{font-size:1rem}.view-toggle{gap:.25rem}.toggle-btn{padding:.5rem .75rem;min-height:36px}.region-grid,.simple-grid{grid-template-columns:1fr;gap:.6rem}.region-header{padding:.9rem 1rem;min-height:48px}.author-grid-item{padding:1rem;min-height:60px}.author-item-name{font-size:1rem}.author-item-meta{font-size:.85rem}}:root{--color-primary: #2c3e50;--color-secondary: #34495e;--color-accent: #e74c3c;--color-manga: #3498db;--color-anime: #e74c3c;--color-bg: #f5f3f0;--color-card: #ffffff;--color-text: #2c3e50;--color-text-light: #7f8c8d;--color-border: #ecf0f1;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:2rem;text-align:center;color:#fff;position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.title{font-family:Zen Maru Gothic,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1rem;opacity:.9;position:relative}.language-toggle{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.75rem;z-index:10}.lang-label{font-size:.85rem;opacity:.7;transition:opacity .2s ease;font-weight:500}.lang-label.active{opacity:1;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff4d;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#ffffff80}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch:hover .toggle-slider{background-color:#fff6}.toggle-switch input:checked:hover+.toggle-slider{background-color:#fff9}.main-content{display:flex;flex:1;gap:0}.sidebar{width:320px;background:var(--color-card);border-right:1px solid var(--color-border);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.filter-panel{background:var(--color-bg);border-radius:var(--radius-md);padding:1.25rem}.filter-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-primary);display:flex;align-items:center;gap:.5rem}.filter-title:before{content:"◆";font-size:.7rem;color:var(--color-accent)}.filter-section{margin-bottom:1.25rem}.filter-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem;color:var(--color-text-light)}.category-buttons{display:flex;gap:.5rem}.category-btn{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:var(--color-manga)}.category-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.decade-dropdown-container{position:relative}.decade-dropdown-btn{width:100%;padding:.6rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease}.decade-dropdown-btn:hover{border-color:var(--color-manga)}.dropdown-arrow{font-size:.7rem;color:var(--color-text-light)}.decade-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:.25rem;box-shadow:var(--shadow-md);z-index:100;max-height:300px;overflow-y:auto}.decade-actions{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border)}.decade-actions button{flex:1;padding:.4rem;font-size:.75rem;border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.decade-actions button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.decade-checkboxes{padding:.5rem}.decade-checkbox{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease}.decade-checkbox:hover{background:var(--color-bg)}.decade-checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.search-input{width:100%;padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--color-manga)}.legend{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.legend-title{font-size:.85rem;font-weight:500;margin-bottom:.75rem;color:var(--color-text-light)}.legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem}.legend-circle{width:16px;height:16px;border-radius:50%;border:2px solid}.legend-circle.manga{border-color:var(--color-manga);background:#3498db1a}.legend-circle.anime{border-color:var(--color-anime);background:#e74c3c1a}.stats-toggle-mobile{display:none;width:100%;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--color-primary);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s ease;min-height:44px}.stats-toggle-mobile:hover{background:#fff;border-color:var(--color-manga)}.stats-toggle-mobile .toggle-arrow{font-size:.7rem;color:var(--color-text-light);transition:transform .2s ease}.stats-toggle-mobile .toggle-arrow.expanded{transform:rotate(180deg)}.stats-panel{background:var(--color-bg);border-radius:var(--radius-md);padding:1.25rem}.stats-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-primary);display:flex;align-items:center;gap:.5rem}.stats-title:before{content:"◆";font-size:.7rem;color:var(--color-accent)}.stat-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed var(--color-border)}.stat-label{font-size:.85rem;color:var(--color-text-light)}.stat-value{font-size:.9rem;font-weight:600;color:var(--color-primary)}.top-prefectures{margin-top:1rem}.top-prefectures h4{font-size:.85rem;font-weight:500;color:var(--color-text-light);margin-bottom:.75rem}.top-prefectures ol{list-style:none;counter-reset:ranking}.top-prefectures li{counter-increment:ranking;display:flex;align-items:center;padding:.4rem 0;font-size:.85rem}.top-prefectures li:before{content:counter(ranking);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:50%;margin-right:.75rem}.pref-name{flex:1}.pref-count{color:var(--color-text-light);font-size:.8rem}.map-area{flex:1;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;overflow:hidden}.japan-map-container{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;flex:1;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative}.japan-map-container.loading,.japan-map-container.error{background:var(--color-bg)}.loading-message,.error-message{text-align:center;padding:2rem;color:var(--color-text-light)}.loading-message p,.error-message p{margin-top:1rem;font-size:.95rem}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--color-accent)}.japan-map-container svg{max-width:100%;max-height:100%;cursor:grab}.japan-map-container svg:active{cursor:grabbing}.author-marker{transition:transform .1s ease,opacity .4s ease}.zoom-controls{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.25rem;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:.5rem;z-index:10}.zoom-controls button{width:32px;height:32px;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-sm);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-primary)}.zoom-controls button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.zoom-controls .zoom-level{font-size:.7rem;text-align:center;padding:.25rem 0;color:var(--color-text-light);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.zoom-controls .reset-btn{margin-top:.25rem;font-size:1rem}.author-list{background:#fff;border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.author-list h3{font-size:.95rem;font-weight:600;margin-bottom:.75rem;color:var(--color-primary)}.author-list-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.author-list-scroll::-webkit-scrollbar{height:6px}.author-list-scroll::-webkit-scrollbar-track{background:var(--color-bg);border-radius:3px}.author-list-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.author-list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:.85rem}.author-list-item:hover{background:#fff;border-color:var(--color-manga)}.author-list-item.selected{background:var(--color-primary);color:#fff}.category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-dot.manga{background:var(--color-manga)}.category-dot.anime{background:var(--color-anime)}.author-list-name{font-weight:500}.author-list-pref{font-size:.75rem;opacity:.7}.author-card-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.author-card{background:#fff;border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--color-bg);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.close-btn:hover{background:var(--color-primary);color:#fff}.author-header{display:flex;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,var(--color-bg) 0%,white 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.author-image-container{width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-md)}.author-image{width:100%;height:100%;object-fit:cover}.author-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:2rem;font-weight:700}.author-info{display:flex;flex-direction:column;justify-content:center}.author-name{font-family:Zen Maru Gothic,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.author-name-romaji{font-size:.85rem;color:var(--color-text-light);margin-bottom:.5rem}.author-category{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.author-category.manga{background:#3498db1a;color:var(--color-manga)}.author-category.anime{background:#e74c3c1a;color:var(--color-anime)}.author-details{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0}.detail-label{font-size:.85rem;color:var(--color-text-light)}.detail-value{font-size:.9rem;font-weight:500}.author-works{padding:1rem 1.5rem}.works-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-primary)}.works-list{list-style:none}.work-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px dashed var(--color-border)}.work-item:last-child{border-bottom:none}.work-title{font-weight:500}.work-year{font-size:.8rem;color:var(--color-text-light)}.author-links{padding:1rem 1.5rem;background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.wikipedia-link{display:block;text-align:center;color:var(--color-manga);text-decoration:none;font-size:.9rem;font-weight:500;padding:.75rem;background:#fff;border-radius:var(--radius-sm);transition:all .2s ease}.wikipedia-link:hover{background:var(--color-manga);color:#fff}.footer{background:var(--color-primary);color:#fff;padding:1rem;text-align:center;font-size:.85rem;opacity:.9}@media(max-width:1024px){.main-content{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--color-border)}.filter-panel,.stats-panel{flex:1;min-width:280px}}@media(max-width:640px){.header{padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center}.language-toggle{position:relative;top:auto;right:auto;justify-content:center;margin-bottom:.75rem;order:-1}.title{font-size:1.4rem;text-align:center}.subtitle{font-size:.85rem;text-align:center}.lang-label{font-size:.8rem}.toggle-switch{width:44px;height:24px}.toggle-slider:before{height:18px;width:18px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.category-btn{padding:.75rem 1rem;font-size:.9rem;min-height:44px}.zoom-controls button{width:44px;height:44px;font-size:1.5rem}.decade-dropdown-btn{padding:.75rem 1rem;min-height:44px}.decade-checkbox{padding:.6rem .75rem;min-height:44px}.search-input{padding:.75rem 1rem;min-height:44px;font-size:16px}.japan-map-container{min-height:350px;max-height:60vh}.map-area{padding:.75rem;gap:1rem}.sidebar{flex-direction:column;padding:1rem;gap:1rem}.stats-toggle-mobile{display:flex}.filter-panel{min-width:auto;padding:1rem}.stats-panel{min-width:auto;max-height:0;overflow:hidden;padding:0;opacity:0;transition:all .3s ease}.stats-panel.expanded{max-height:500px;padding:1rem;opacity:1}.stats-panel .stats-title{display:none}.author-card-overlay{align-items:flex-end;padding:0}.author-card{max-width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.author-header{flex-direction:column;text-align:center;gap:1rem}.author-image-container{width:80px;height:80px;margin:0 auto}.author-info{align-items:center}.close-btn{top:.75rem;right:.75rem;width:40px;height:40px}.author-grid-item{padding:1rem;min-height:60px}.author-list-container{max-height:none}}