:root{--bg: #f4f6fb;--card-bg: #ffffff;--ink: #1b2230;--ink-soft: #5b6472;--border: #e2e6ee;--accent: #1e293b;--shadow: 0 10px 30px rgba(30, 41, 59, .08);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1420;--card-bg: #171d2b;--ink: #eef1f7;--ink-soft: #a3aebe;--border: #2a3245;--accent: #cbd5f5;--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Sarabun,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}.app{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.hero{text-align:center;margin-bottom:22px}.hero-kicker{font-weight:600;letter-spacing:.04em;color:var(--ink-soft);font-size:.85rem;text-transform:uppercase;margin-bottom:6px}.hero h1{font-size:clamp(1.4rem,3vw,2.1rem);margin:0 0 10px;font-weight:700}.hero-dash{color:var(--ink-soft);font-weight:400}.hero-meta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:var(--ink-soft);font-size:.95rem}.view-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.view-toggle button{border:1px solid var(--border);background:var(--card-bg);color:var(--ink);padding:9px 18px;border-radius:999px;font-size:.95rem;cursor:pointer;font-family:inherit;transition:all .15s ease}.view-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.map-layout,.outline-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:start}@media(max-width:880px){.map-layout,.outline-layout{grid-template-columns:1fr}}.map-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:10px}.radial-wrap{position:relative;width:100%;aspect-ratio:1 / 1;max-height:620px;margin:0 auto}.radial-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.radial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1 / 1;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px;cursor:pointer;box-shadow:0 8px 24px #00000040;font-family:inherit}.radial-center-title{font-weight:700;font-size:clamp(.75rem,1.6vw,1.05rem);line-height:1.2}.radial-center-sub{font-size:clamp(.6rem,1.1vw,.78rem);opacity:.85}.radial-node{position:absolute;transform:translate(-50%,-50%);max-width:130px;min-width:92px;padding:8px 10px;border-radius:14px;border:2px solid;background:var(--card-bg);font-family:inherit;font-size:clamp(.65rem,1.35vw,.82rem);font-weight:600;line-height:1.25;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #00000014}.radial-node:hover{transform:translate(-50%,-50%) scale(1.06)}.radial-node.active{box-shadow:0 6px 18px #00000040}.radial-node-icon{font-size:1.05em}.detail-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:22px 24px;min-height:420px;max-height:640px;overflow-y:auto}.detail-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;color:var(--ink-soft);min-height:380px}.detail-empty-sub{font-size:.88rem;max-width:320px}.detail-kicker{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.detail-body h3{margin:0 0 6px;font-size:1.35rem}.detail-tagline{color:var(--ink-soft);font-style:italic;margin:0 0 14px}.detail-list{padding-left:20px;margin:0 0 14px;display:flex;flex-direction:column;gap:8px}.detail-list li{line-height:1.55}.detail-list.numbered{list-style:decimal}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tag{border:1.5px solid;border-radius:999px;padding:5px 12px;font-size:.82rem;color:var(--ink)}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pill{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:.78rem;color:var(--ink-soft)}.story-box{border-left:4px solid;background:var(--bg);padding:12px 14px;border-radius:8px;margin-bottom:14px;line-height:1.6}.highlight-box{border:1.5px dashed;border-radius:12px;padding:12px 14px;margin-bottom:14px;line-height:1.6;background:var(--bg)}.table-wrap{overflow-x:auto;margin-bottom:14px}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border:1px solid var(--border);padding:8px 10px;text-align:left;white-space:nowrap}th{background:var(--bg);font-weight:700}.group-list{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.group-block{border:1px solid var(--border);border-radius:12px;overflow:hidden}.group-label{color:#fff;font-weight:700;font-size:.82rem;padding:6px 12px}.group-block .tag-cloud{padding:10px 12px;margin:0}.outline{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:20px}.outline-group h4{margin:0 0 8px;font-size:.95rem;color:var(--ink-soft)}.outline-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;padding:9px 8px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.92rem;color:var(--ink)}.outline-row:hover{background:var(--bg)}.outline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.detail-divider{height:1px;background:var(--border);margin:18px 0 14px}.detail-subheading{font-weight:700;font-size:.9rem;color:var(--ink-soft);margin-bottom:10px}.accordion{display:flex;flex-direction:column;gap:8px}.voice-warning{background:#fef3c7;color:#78350f;border:1px solid #f59e0b;border-radius:10px;padding:10px 12px;font-size:.8rem;line-height:1.5}@media(prefers-color-scheme:dark){.voice-warning{background:#451a03;color:#fde68a;border-color:#b45309}}:root[data-theme=dark] .voice-warning{background:#451a03;color:#fde68a;border-color:#b45309}.accordion-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card-bg);border-left:4px solid;padding-right:6px}.accordion-header-btn{flex:1;display:flex;align-items:center;gap:8px;text-align:left;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--ink)}.speak-btn{flex-shrink:0;border:1px solid var(--border);background:var(--bg);color:var(--ink);width:30px;height:30px;border-radius:50%;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.speak-btn:hover{transform:scale(1.08)}.speak-btn.speaking{background:#dc2626;border-color:#dc2626;color:#fff;animation:speak-pulse 1.1s ease-in-out infinite}@keyframes speak-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.accordion-item.open .accordion-header{border-bottom:1px solid var(--border)}.accordion-caret{font-size:.8rem;flex-shrink:0}.accordion-body{padding:12px 16px 14px}.accordion-body .detail-list{margin-bottom:8px}.footer{text-align:center;color:var(--ink-soft);font-size:.8rem;margin-top:34px}.logout-link{background:none;border:none;padding:0;color:var(--ink-soft);font-size:.8rem;font-family:inherit;text-decoration:underline;cursor:pointer}.logout-link:hover{color:var(--ink)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.login-card{width:100%;max-width:380px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:32px 28px;display:flex;flex-direction:column;gap:14px}.login-kicker{font-weight:700;color:var(--ink-soft);font-size:.9rem}.login-title{margin:0;font-size:1.2rem;font-weight:700;line-height:1.35}.login-subtitle{margin:-8px 0 6px;color:var(--ink-soft);font-size:.88rem}.login-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--ink-soft)}.login-field input{font-family:inherit;font-size:.95rem;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--ink)}.login-field input:focus{outline:2px solid var(--accent);outline-offset:1px}.login-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:10px;padding:8px 12px;font-size:.85rem}@media(prefers-color-scheme:dark){.login-error{background:#450a0a;color:#fecaca;border-color:#b91c1c}}.login-submit{margin-top:6px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:11px 16px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.login-submit:hover{opacity:.92}