:root{--navy: #004a75;--blue: #0077bd;--blue-mid: #00629b;--blue-light: #57a5d3;--blue-lighter: #94c6e3;--cyan: #268bc7;--ok: #1e7b34;--bad: #c1272d;--warn: #b25e00;--font-display: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r: 16px;--r-sm: 11px;--r-xs: 8px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 45, 72, .08);--shadow: 0 4px 16px rgba(0, 45, 72, .1);--shadow-lg: 0 12px 32px rgba(0, 45, 72, .16);--t: .16s ease;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-8: 3rem;--bg: #f4f4f4;--surface: #ffffff;--surface-2: #f7f7f7;--border: #e8e8e8;--text: #43454b;--muted: #727376;--primary: var(--blue-mid);--primary-strong: var(--navy);--on-primary: #ffffff;--topbar: #0077bd;--on-topbar: #ffffff;--accent-soft: rgba(38, 139, 199, .12);--ring: rgba(0, 119, 189, .4);--theme-color: #0077bd}:root[data-theme=dark]{--bg: #0a1a26;--surface: #10242f;--surface-2: #16303e;--border: #234756;--text: #e9eff3;--muted: #9bb0bd;--primary: #57a5d3;--primary-strong: #94c6e3;--on-primary: #0a1a26;--topbar: #002d48;--on-topbar: #dcecf6;--accent-soft: rgba(87, 165, 211, .16);--ring: rgba(87, 165, 211, .45);--theme-color: #002d48}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a1a26;--surface: #10242f;--surface-2: #16303e;--border: #234756;--text: #e9eff3;--muted: #9bb0bd;--primary: #57a5d3;--primary-strong: #94c6e3;--on-primary: #0a1a26;--topbar: #002d48;--on-topbar: #dcecf6;--accent-soft: rgba(87, 165, 211, .16);--ring: rgba(87, 165, 211, .45);--theme-color: #002d48}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-display);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.5px;line-height:1.2}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{min-height:100%;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.6rem 1rem;border:1px solid transparent;border-radius:var(--r-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:background var(--t),border-color var(--t),transform var(--t),opacity var(--t);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--blue-mid)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-subtle{background:var(--surface-2);color:var(--text)}.btn-subtle:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.spinner{display:flex;align-items:center;gap:var(--sp-3);color:var(--muted);padding:var(--sp-6);justify-content:center}.spinner-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:var(--sp-8) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-icon{font-size:2.5rem;color:var(--primary);opacity:.7}.empty h3{color:var(--text)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--avatar-bg, var(--primary));color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.toast-stack{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:1000;max-width:min(92vw,380px)}.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:var(--r-sm);padding:.7rem .9rem;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast-ok{border-left-color:var(--ok)}.toast-bad{border-left-color:var(--bad)}.toast span{flex:1;font-size:.9rem}.toast-close{background:none;border:none;color:var(--muted);cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.app-topbar{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);height:60px;background:var(--topbar);color:var(--on-topbar);flex-shrink:0}body.map-immersive{overflow:hidden;overscroll-behavior:none}body.map-immersive #app{position:fixed;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);overflow:hidden}.tab-bar{display:flex;align-items:stretch;gap:2px;flex-shrink:0;height:38px;padding:0 var(--sp-3);background:var(--surface-2);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.tab{display:flex;align-items:center;gap:var(--sp-2);padding:0 .5rem 0 .8rem;max-width:220px;min-width:0;align-self:center;height:28px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--muted);cursor:pointer;font-size:.82rem;white-space:nowrap}.tab:hover{background:var(--surface);color:var(--text)}.tab.is-active{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:600}.tab-dash{padding:0 .7rem;flex-shrink:0}.tab-dash i{font-size:.85rem}.tab-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--muted)}.tab-status.ok{background:#3ba55d}.tab-status.warn{background:#d9a441}.tab-status.bad{background:#d95151}.tab-title{overflow:hidden;text-overflow:ellipsis}.tab-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;color:var(--muted);border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.7rem}.tab-close:hover{background:var(--surface-2);color:var(--bad)}.app-topbar .brand{display:flex;align-items:center}.brand-logo{display:block;height:38px;width:auto}.app-topbar .spacer{flex:1}.topbar-btn{background:transparent;border:none;color:var(--on-topbar);width:38px;height:38px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.topbar-btn:hover{background:#ffffff1f}.version-chip{background:#ffffff14;color:var(--on-topbar);border:0;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.68rem;padding:.2rem .6rem;cursor:pointer;opacity:.85;white-space:nowrap}.version-chip:hover{background:#ffffff29;opacity:1}.user-avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:inline-flex;line-height:0}.user-avatar-btn .avatar{border:2px solid rgba(255,255,255,.25)}.user-avatar-btn:hover .avatar{border-color:#ffffff8c}.usermenu-pop{position:fixed;z-index:950;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:var(--sp-2);animation:modal-pop .14s ease}.usermenu-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-3)}.usermenu-id{display:flex;flex-direction:column;min-width:0}.usermenu-id strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usermenu-id small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usermenu-role{margin-top:3px;align-self:flex-start;font-size:.68rem;color:var(--primary-strong);background:var(--accent-soft);border-radius:var(--r-pill);padding:1px 8px}.usermenu-sep{height:1px;background:var(--border);margin:var(--sp-1) 0}.usermenu-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;background:none;border:none;color:var(--text);padding:.6rem .7rem;border-radius:var(--r-sm);cursor:pointer;font-size:.9rem;text-align:left}.usermenu-item i{width:18px;color:var(--muted)}.usermenu-item:hover{background:var(--surface-2)}.usermenu-item.danger:hover,.usermenu-item.danger:hover i{color:var(--bad)}.popup-menu{position:fixed;z-index:950;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:var(--sp-2);animation:modal-pop .14s ease}.popup-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;background:none;border:none;color:var(--text);padding:.6rem .7rem;border-radius:var(--r-sm);cursor:pointer;font-size:.9rem;text-align:left}.popup-item i{width:18px;color:var(--muted)}.popup-item:hover:not(:disabled){background:var(--surface-2)}.popup-item:disabled{opacity:.45;cursor:not-allowed}.popup-item.danger:hover:not(:disabled),.popup-item.danger:hover:not(:disabled) i{color:var(--bad)}.block-list{list-style:none;margin:var(--sp-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1);max-height:50vh;overflow-y:auto}.block-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-sm)}.block-info{flex:1;min-width:0;display:flex;flex-direction:column}.block-info strong{font-size:.92rem}.block-info span{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:none;border:none;color:var(--muted);width:32px;height:32px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn.danger:hover:not(:disabled){color:var(--bad)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.create-form{display:flex;flex-direction:column;gap:var(--sp-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field>span{font-size:.85rem;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea{padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font:inherit;transition:border-color var(--t),box-shadow var(--t)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.ai-textarea{min-height:180px;resize:vertical;line-height:1.5}.ai-generating{padding:var(--sp-6) 0;display:flex;justify-content:center}.map-details{display:flex;flex-direction:column;gap:var(--sp-5)}.md-section{display:flex;flex-direction:column;gap:var(--sp-2)}.md-label{font-size:.85rem;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:var(--sp-2)}.md-label i{color:var(--primary)}.md-hint{margin:0;font-size:.82rem;color:var(--muted)}.md-hint code{font-size:.78rem;background:var(--surface-2);padding:1px 5px;border-radius:4px}.md-row{display:flex;align-items:center;gap:var(--sp-2)}.md-code{flex:1;min-width:0;font-family:var(--font-mono, monospace);font-size:.8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.5rem .6rem;overflow-x:auto;white-space:nowrap}.md-token{color:var(--primary-strong)}.md-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.md-snippet{width:100%;resize:vertical;font-family:var(--font-mono, monospace);font-size:.74rem;line-height:1.45;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);padding:.6rem;white-space:pre;overflow:auto}.page{flex:1;padding:var(--sp-5);max-width:1100px;width:100%;margin:0 auto}.modal-backdrop{position:fixed;inset:0;background:#0a111c8c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:900;animation:fade-in .15s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:90vh;overflow:auto;animation:modal-pop .18s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal-head h2{font-size:1.1rem}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem}.modal-body{padding:var(--sp-5)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.rich-overlay{position:fixed;inset:0;background:#0a111c8c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:1200;animation:fade-in .15s ease}.rich-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);width:100%;max-width:1000px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.rich-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex:none}.rich-title{font-size:1rem;color:var(--navy)}.rich-actions{display:flex;gap:var(--sp-2)}.rich-editor{flex:1;min-height:0}.md-preview{overflow:auto;padding:0}.md-preview .toastui-editor-contents{padding:var(--sp-5) var(--sp-6)}.md-raw{margin:0;padding:var(--sp-5) var(--sp-6);font-family:var(--font-mono);font-size:.82rem;line-height:1.55;color:var(--text);white-space:pre-wrap;word-break:break-word}@media(max-width:640px){.rich-overlay{padding:0}.rich-modal{height:100vh;max-width:100%;border-radius:0}}