:root{color-scheme:dark;--bg:#0a0b0d;--bg-2:#0f1012;--bg-3:#15171b;--panel:rgba(24,26,31,.72);--panel-solid:#16181d;--surface:hsla(0,0%,100%,.035);--surface-hover:hsla(0,0%,100%,.07);--ink:#e7e9ee;--ink-strong:#f5f6f8;--muted:#969ba6;--faint:#6c717c;--line:hsla(0,0%,100%,.09);--line-strong:hsla(0,0%,100%,.16);--brand:#8ab4f8;--brand-dark:#6f9bff;--brand-ink:#0a1020;--brand-soft:rgba(138,180,248,.14);--brand-glow:rgba(138,180,248,.28);--major:#f4796b;--minor:#f5c451;--mini:#7fb0ff;--green:#4ade94;--major-soft:hsla(6,86%,69%,.14);--minor-soft:rgba(245,196,81,.14);--mini-soft:rgba(127,176,255,.14);--green-soft:rgba(74,222,148,.14);--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.45);--shadow-sm:0 1px 2px rgba(0,0,0,.35);--blur:saturate(160%) blur(14px);--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--ink);font-family:Segoe UI,Inter,Sarabun,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.55;background-color:var(--bg);background-image:radial-gradient(1100px 620px at 12% -8%,rgba(138,180,248,.1),transparent 60%),radial-gradient(900px 520px at 112% 4%,rgba(167,139,250,.08),transparent 55%),radial-gradient(800px 800px at 50% 120%,rgba(80,120,200,.06),transparent 60%);background-attachment:fixed;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark);text-decoration:underline}.icon-btn,.nav-back,[role=button],a,button,select,summary{cursor:pointer}.btn:focus-visible,.icon-btn:focus-visible,.nav-back:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,th:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-soft),0 0 0 1px var(--brand);border-radius:10px}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.14) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.14);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.24);background-clip:padding-box}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:14px;padding:14px 28px;color:var(--ink);background:rgba(12,13,16,.62);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line)}.app-header,.app-header .logo{display:flex;align-items:center}.app-header .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8ab4f8,#6f9bff);color:var(--brand-ink);justify-content:center;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 6px 18px var(--brand-glow);transition:transform .12s ease,box-shadow .15s ease}.app-header .logo:hover{transform:translateY(-1px);box-shadow:0 0 0 1px hsla(0,0%,100%,.12),0 8px 22px var(--brand-glow)}.nav-back{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.nav-back:hover{background:var(--surface-hover);border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.nav-back:active{transform:translateX(-1px)}.app-header h1{font-size:16px;margin:0;font-weight:650;color:var(--ink-strong);letter-spacing:.01em}.app-header .sub{font-size:12px;color:var(--muted)}.header-nav a{color:var(--muted);font-weight:600;font-size:13px;padding:6px 10px;border-radius:8px}.header-nav a:hover{color:var(--ink-strong);background:var(--surface-hover);text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:28px 28px 64px}.panel{background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.page-title{font-size:24px;font-weight:750;margin:0 0 4px;color:var(--ink-strong);letter-spacing:-.01em}.page-sub{color:var(--muted);margin:0 0 22px}.filters{padding:22px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:16px;gap:16px}.filters .row2{grid-column:1/span 3;display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-gap:16px;gap:16px;align-items:end}.field label{display:block;font-weight:600;font-size:12px;margin-bottom:7px;color:var(--ink)}.field .hint{font-size:11px;color:var(--muted);font-weight:400}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:11px;font:inherit;color:var(--ink);background:var(--surface);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,select:hover,textarea:hover{background:var(--surface-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);background:rgba(138,180,248,.06);box-shadow:0 0 0 3px var(--brand-soft)}select option{background:var(--bg-3);color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 17px;border-radius:11px;border:1px solid transparent;font:inherit;font-weight:650;cursor:pointer;white-space:nowrap;transition:transform .08s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#8ab4f8,#6f9bff);color:var(--brand-ink);box-shadow:0 6px 18px var(--brand-glow),inset 0 1px 0 hsla(0,0%,100%,.25)}.btn-primary:hover{filter:brightness(1.04)}.btn-ghost{background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--brand)}.btn-danger{background:var(--major-soft);border-color:hsla(6,86%,69%,.4);color:var(--major)}.btn-danger:hover{background:hsla(6,86%,69%,.2)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.table-wrap{overflow-x:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:1100px}td,th{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:hsla(0,0%,100%,.03);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);position:-webkit-sticky;position:sticky;top:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}th:hover{color:var(--ink)}th .arrow{color:var(--brand);font-size:10px;margin-left:4px}tbody tr{transition:background .12s ease}tbody tr:hover{background:rgba(138,180,248,.06)}td.topic-name{font-weight:650}td.center{text-align:center}.tag{display:inline-block;background:var(--brand-soft);color:var(--brand);border:1px solid rgba(138,180,248,.22);padding:2px 10px;margin:2px 3px 2px 0;font-weight:600}.badge,.tag{border-radius:999px;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-weight:700;border:1px solid transparent}.badge-active{background:var(--green-soft);color:var(--green);border-color:rgba(74,222,148,.25)}.badge-inactive{background:var(--surface);color:var(--muted);border-color:var(--line)}.badge-major{background:var(--major-soft);color:var(--major);border-color:hsla(6,86%,69%,.25)}.badge-minor{background:var(--minor-soft);color:var(--minor);border-color:rgba(245,196,81,.25)}.badge-mini{background:var(--mini-soft);color:var(--mini);border-color:rgba(127,176,255,.25)}.actions{display:flex;gap:6px}.icon-btn{width:33px;height:33px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s ease,border-color .15s ease,transform .08s ease}.icon-btn:hover{background:var(--surface-hover);border-color:var(--brand)}.icon-btn:active{transform:translateY(1px)}.icon-btn.danger:hover{background:var(--major-soft);border-color:hsla(6,86%,69%,.4)}.toolbar-row{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:14px;flex-wrap:wrap}.admin-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(4,6,10,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center}.admin-modal-backdrop,.auth-gate{display:flex;justify-content:center;padding:20px}.auth-gate{min-height:calc(100vh - 64px);align-items:flex-start}.admin-modal{width:100%;max-width:380px;background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line-strong,var(--line));border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 26px 24px;color:var(--ink)}.login-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px;background:var(--brand-soft);color:var(--brand);border:1px solid var(--brand-glow);box-shadow:0 0 0 6px rgba(138,180,248,.06)}.login-title{text-align:center;margin:0 0 4px;font-size:19px}.login-sub{text-align:center;color:var(--muted);font-size:13px;margin:0 0 22px;line-height:1.5}.login-field{margin-bottom:14px}.login-field>label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:600}.login-input-wrap{position:relative}.login-input-wrap input{width:100%;padding-right:46px}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;padding:5px 7px;border-radius:7px;line-height:1;transition:none}.login-eye:hover{color:var(--ink);background:var(--surface-hover)}.login-error{display:flex;gap:6px;align-items:center;color:var(--major);font-size:13px;margin:0 0 12px}.login-btn-full{width:100%;justify-content:center;height:42px;font-size:15px}.login-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center;line-height:1.7}.login-foot .role-dot{font-weight:700}.count-pill{color:var(--muted);font-size:13px}.empty{padding:52px;text-align:center;color:var(--muted)}.form{padding:28px;max-width:860px}.form .form-row{margin-bottom:22px}.radio-group{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.radio-group label{display:inline-flex;align-items:center;gap:7px;font-weight:500;cursor:pointer}.radio-group input{width:auto;accent-color:var(--brand)}input[type=checkbox],input[type=radio]{width:auto;padding:0;border:none;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;accent-color:var(--brand)}input[type=checkbox]:focus,input[type=checkbox]:hover,input[type=radio]:focus,input[type=radio]:hover{background:none;box-shadow:none}.tag-input-row{display:flex;gap:8px;align-items:center}.tag-input-row input{flex:1 1}.tag-chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.tag-chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);color:var(--brand);border:1px solid rgba(138,180,248,.22);border-radius:999px;padding:4px 8px 4px 12px;font-weight:600}.tag-chip button{border:none;background:transparent;color:var(--brand);cursor:pointer;font-size:13px}.form-foot{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.combo{position:relative}.combo>input{width:100%}.combo-menu{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--bg-3);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.5);max-height:260px;overflow-y:auto}.combo-opt{padding:8px 11px;border-radius:7px;cursor:pointer;color:var(--ink);font-size:14px;line-height:1.4}.combo-opt.active,.combo-opt:hover{background:var(--brand-soft);color:var(--brand)}.inline-other{display:flex;gap:10px;align-items:center}.inline-other input{width:260px}.error-box{background:var(--major-soft);color:var(--major);border:1px solid hsla(6,86%,69%,.35);padding:11px 14px;border-radius:11px}.crumb,.error-box{margin-bottom:16px}.crumb{font-size:13px}.crumb,.crumb a{color:var(--muted)}.crumb a:hover{color:var(--ink)}.crumb b{color:var(--ink-strong)}.ver-panel{margin:0 22px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.ver-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.ver-list{display:flex;flex-direction:column}.ver-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line)}.ver-row:last-child{border-bottom:none}.ver-meta{color:var(--muted);font-size:13px}.ver-actions{margin-left:auto;display:flex;gap:6px}.ver-viewing{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 22px 12px;padding:10px 14px;border:1px solid var(--minor);border-radius:11px;background:rgba(245,180,90,.1);color:var(--ink);font-size:14px}.settings-shell{display:grid;grid-template-columns:264px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}@media (max-width:880px){.settings-shell{grid-template-columns:1fr}}.settings-side{position:-webkit-sticky;position:sticky;top:18px;background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;box-shadow:var(--shadow-sm)}.settings-side-head{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:4px 10px 10px}.settings-side-group{margin-bottom:12px}.settings-side-group:last-child{margin-bottom:0}.settings-side-label{font-size:11px;font-weight:600;color:var(--faint);padding:6px 10px 4px}.settings-side-link{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;margin:1px 0;border:1px solid transparent;border-radius:11px;background:none;color:var(--muted);cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease,border-color .14s ease}.settings-side-link:hover{background:var(--surface-hover);color:var(--ink)}.settings-side-link.is-active{background:var(--brand-soft);border-color:rgba(138,180,248,.3);color:var(--ink-strong)}.settings-side-link .ico{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--surface);font-size:15px}.settings-side-link.is-active .ico{background:rgba(138,180,248,.22)}.settings-side-link .txt{display:flex;flex-direction:column;min-width:0}.settings-side-link .t1{font-size:13.5px;font-weight:600;line-height:1.3}.settings-side-link .t2{font-size:11px;color:var(--faint);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-side-link.is-active .t2{color:var(--muted)}.settings-main{min-width:0}.settings-main-head{display:flex;align-items:center;gap:14px;margin:2px 0 18px}.settings-main-head .ico{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);border:1px solid rgba(138,180,248,.24);font-size:21px}.settings-main-head h2{margin:0;font-size:19px;color:var(--ink-strong)}.settings-main-head p{margin:2px 0 0;font-size:13px;color:var(--muted)}.step-endpoint{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 16px}.step-endpoint-head{font-size:13.5px;color:var(--ink-strong)}.step-endpoint-fo{border-top:1px dashed var(--line);padding-top:12px;margin-top:2px}.wiki-shell{background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.wiki-head{gap:14px;padding:16px 22px;border-bottom:1px solid var(--line)}.wiki-head,.wiki-head .rss-ico{display:flex;align-items:center}.wiki-head .rss-ico{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8ab4f8,#6f9bff);color:var(--brand-ink);justify-content:center;box-shadow:0 4px 14px var(--brand-glow)}.wiki-head .title{font-weight:700;font-size:16px;color:var(--ink-strong)}.wiki-head .meta{font-size:12px;color:var(--muted)}.wiki-head .spacer{flex:1 1}.head-tabs{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px}.head-tabs button{border:none;background:transparent;padding:7px 14px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;color:var(--muted);transition:background .15s ease,color .15s ease}.head-tabs button:hover{color:var(--ink)}.head-tabs button.active{background:rgba(138,180,248,.16);color:var(--brand);box-shadow:inset 0 0 0 1px rgba(138,180,248,.25)}.doc-title-row{display:flex;align-items:center;gap:12px;padding:18px 22px 6px}.doc-title-row .doc-title{font-size:20px;font-weight:750;color:var(--ink-strong)}.md-badge{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.saved-meta{margin-left:auto;font-size:12px;color:var(--muted)}.mode-toggle{display:inline-flex;gap:6px}.toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.02)}.toolbar button{width:32px;height:30px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;color:var(--ink);transition:background .15s ease}.toolbar button:hover{background:var(--surface-hover)}.toolbar .sep{width:1px;background:var(--line);margin:4px}.toolbar .close{margin-left:auto;width:auto;padding:0 10px;color:var(--muted);font-weight:600}.split{display:grid;grid-template-columns:1fr 1fr;min-height:460px}.split .pane{padding:14px 18px}.split .pane.source{border-right:1px solid var(--line)}.pane-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px}.md-textarea{width:100%;min-height:420px;border:none;resize:vertical;background:transparent;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7;color:var(--ink)}.md-textarea:focus{outline:none}.preview-only{padding:22px 26px}.md-render{color:var(--ink)}.md-render h1{font-size:23px;color:var(--ink-strong);border-bottom:1px solid var(--line);padding-bottom:8px;margin-top:4px}.md-render h2{font-size:18px;color:var(--ink-strong);margin-top:26px}.md-render h3{font-size:15px;color:var(--ink-strong);margin-top:20px}.md-render p{margin:10px 0}.md-render ol,.md-render ul{padding-left:22px}.md-render li{margin:4px 0}.md-render code{background:rgba(138,180,248,.12);padding:1px 6px;border-radius:6px;font-family:Consolas,monospace;font-size:12.5px;color:#f3b0a6}.md-render pre{background:#0b0d11;border:1px solid var(--line);color:#e2e8f0;padding:14px 16px;border-radius:12px;overflow-x:auto}.md-render pre code{background:transparent;color:inherit;padding:0}.md-render blockquote{border-left:3px solid var(--brand);margin:12px 0;padding:6px 14px;color:var(--ink);background:var(--brand-soft);border-radius:0 10px 10px 0}.md-render table{width:auto;min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.md-render td,.md-render th{border:1px solid var(--line);padding:7px 12px}.md-render th{background:hsla(0,0%,100%,.04);color:var(--ink)}.md-render a{color:var(--brand)}.md-render img{max-width:100%;border-radius:12px}.img-placeholder{background:var(--surface);border:1px dashed var(--line-strong);border-radius:12px;padding:30px;text-align:center;color:var(--muted)}.add-cell-row{display:flex;justify-content:center;gap:12px;padding:16px;border-top:1px solid var(--line);background:hsla(0,0%,100%,.02)}.add-cell-row .btn-ghost{border-style:dashed}.gk-card{margin-top:22px}.gk-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:16px 20px}.gk-metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.gk-metric .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.gk-metric .v{font-size:18px;font-weight:700;color:var(--ink-strong)}.score-bar{height:6px;background:hsla(0,0%,100%,.08);border-radius:999px;margin-top:6px;overflow:hidden}.score-bar>span{display:block;height:100%;background:linear-gradient(90deg,#8ab4f8,#6f9bff)}@media (max-width:860px){.split{grid-template-columns:1fr}.split .pane.source{border-right:none;border-bottom:1px solid var(--line)}}