:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f8;--surface:#fff;--border:#e2e2e6;--text:#1c1c1f;--text-muted:#6b6b73;--primary:#2f5fd6;--primary-hover:#244aab;--danger:#d64545;--danger-hover:#b83636;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:880px;margin:0 auto;padding:0 16px 48px}.nav{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;display:flex}.nav-brand{color:var(--text);margin-right:auto;font-size:1.1rem;font-weight:700}.nav-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav-links a,.nav-links button.link{color:var(--text-muted)}.nav-links a.active{color:var(--primary);font-weight:600}.badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}h1{font-size:1.5rem}h2{font-size:1.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-link{color:inherit;display:block}.card-link:hover{border-color:var(--primary);text-decoration:none}.form{flex-direction:column;gap:14px;max-width:480px;display:flex}.form-row{flex-direction:column;gap:4px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.form-grid{grid-template-columns:1fr}}label{color:var(--text-muted);font-size:.85rem;font-weight:600}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}input[type=checkbox],input[type=radio]{background:0 0;border:none;width:auto;padding:0}textarea{resize:vertical;min-height:100px}fieldset{border:1px solid var(--border);border-radius:6px;padding:10px 12px}legend{color:var(--text-muted);padding:0 4px;font-size:.85rem;font-weight:600}.fieldset-toggle{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.fieldset-toggle-arrow{font-size:.7em;transition:transform .15s;display:inline-block}.fieldset-toggle-arrow.open{transform:rotate(90deg)}.checkbox-grid{flex-wrap:wrap;gap:8px 16px;display:flex}.checkbox-grid label{color:var(--text);align-items:center;gap:6px;font-weight:400;display:flex}.prefecture-selector{flex-direction:column;gap:4px;display:flex}.prefecture-region-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.prefecture-region-all{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;font-weight:400;display:flex}.prefecture-region-body{margin:6px 0 8px 18px}button{font:inherit;cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:6px;padding:9px 16px;font-weight:600}button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}button.secondary:hover{background:var(--bg)}button.danger{background:var(--danger);border-color:var(--danger)}button.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}button.link{color:var(--primary);background:0 0;border:none;padding:0;font-weight:400}button.link:hover{background:0 0;text-decoration:underline}.button-link{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:6px;padding:9px 16px;font-weight:600;display:inline-block}.button-link:hover{background:var(--primary-hover);border-color:var(--primary-hover);text-decoration:none}.button-link.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button-link.secondary:hover{background:var(--bg)}.error{color:var(--danger);font-size:.9rem}.muted{color:var(--text-muted);font-size:.9rem}.tag-list{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.tag{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.8rem}.actions{flex-wrap:wrap;gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:48px 16px}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.thread-list-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.message-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.message-bubble{background:var(--bg);border:1px solid var(--border);border-radius:12px;max-width:70%;padding:8px 12px}.message-bubble.mine{background:var(--primary);color:#fff;border-color:var(--primary);align-self:flex-end}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.send-form{gap:8px;display:flex}.send-form textarea{flex:1;min-height:44px}.avatar{object-fit:cover;background:var(--bg);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:96px;height:96px}.avatar-sm{width:40px;height:40px}.card.viewed{background:var(--bg)}.card.viewed h2{color:var(--text-muted);font-weight:500}.youtube-embed{width:100%;margin:12px 0;padding-top:56.25%;position:relative}.youtube-embed iframe{border-radius:var(--radius);border:none;width:100%;height:100%;position:absolute;inset:0}.footer{border-top:1px solid var(--border);justify-content:center;padding:24px 16px 32px;display:flex}
