:root{--bg-color: #070a06;--surface-color: #0c120a;--surface2-color: #141b11;--border-color: #2a3d21;--border-bright: #4a7032;--green: #8cd667;--green-dim: #5a8c42;--green-faint: #2a4018;--text-color: #e0ebd4;--text-dim: #a4b895;--text-faint: #788a6d;--amber: #e6cf5c;--amber-bg: #1a1a08;--amber-border: #6b5f24;--red: #ff5c5c;--red-bg: #210a0a;--red-border: #8c2a2a;--blue: #70c2e8;--blue-bg: #0c1821;--blue-border: #2a5a75;--edit-bg: #0e1a0b;--edit-border: #3a6b22;--kb-color: #4cc870;--kb-bg: #081a0c;--kb-border: #1a4820;--mono-font: "Courier New", monospace}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--mono-font);margin:0;line-height:1.6;font-size:14px}.app-container{min-height:100vh;max-width:1000px;margin:0 auto;padding:20px}.header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:15px 25px;position:sticky;top:0;z-index:100}.header-top{display:flex;align-items:center;gap:15px;margin-bottom:12px}.brigade-tag{background:#0f1e09;border:1px solid var(--border-bright);padding:4px 10px;font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}.app-title{font-size:18px;letter-spacing:2px;color:var(--green);font-weight:700}.app-title-ai{color:var(--kb-color)}.nav-bar{display:flex;gap:2px}.nav-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-dim);padding:10px 20px;cursor:pointer;font-size:12px;letter-spacing:1px;font-family:var(--mono-font);transition:all .2s;flex:1;text-align:center}.nav-btn.active{background:#0f1e09;border-color:var(--border-bright);color:var(--green)}.card{background:var(--surface-color);border:1px solid var(--border-color);padding:20px;margin-bottom:20px}.btn{padding:10px 18px;cursor:pointer;font-size:12px;letter-spacing:1px;font-family:var(--mono-font);transition:all .2s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.5;cursor:default}.btn-green{background:#112509;border-color:var(--border-bright);color:var(--green)}.btn-amber{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.btn-blue{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue)}.btn-red{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.btn-dim{background:transparent;border-color:var(--border-color);color:var(--text-dim)}.btn-faint{background:transparent;border-color:var(--border-color);color:var(--text-faint)}.btn-kb{background:var(--kb-bg);border-color:var(--kb-border);color:var(--kb-color)}.btn-full{width:100%}.input-field{width:100%;background:var(--edit-bg);border:1px solid var(--edit-border);color:var(--text-color);font-family:var(--mono-font);font-size:14px;padding:12px;outline:none;box-sizing:border-box}.label{font-size:11px;color:var(--text-dim);letter-spacing:1px;display:block;margin-bottom:6px;text-transform:uppercase}.mall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.mall-card{border:1px solid var(--border-color);background:var(--surface-color);padding:20px;cursor:pointer;transition:all .2s}.mall-card:hover{border-color:var(--border-bright);background:#0d130a}.tab-container{display:flex;border-bottom:1px solid var(--border-color)}.tab-btn{background:transparent;border:1px solid transparent;border-bottom-color:var(--border-color);color:var(--text-dim);padding:12px 20px;cursor:pointer;font-size:12px;letter-spacing:1px;font-family:var(--mono-font);margin-bottom:-1px}.tab-btn.active{background:#0d1509;border-color:var(--border-bright);border-bottom-color:#0d1509;color:var(--green)}.content-area{background:var(--surface-color);border:1px solid var(--border-color);border-top:none;padding:20px;min-height:300px;font-size:14px;line-height:1.8}.pre-text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--mono-font)}.badge{font-size:10px;padding:2px 6px;border:1px solid;text-transform:uppercase;font-weight:700}.flash-message{border:1px solid var(--border-bright);background:#0d1a09;padding:10px 15px;margin-bottom:15px;font-size:12px;color:var(--green);letter-spacing:1px}.unclear-marker{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border);padding:2px 6px;font-size:12px;font-weight:700}@media (max-width: 600px){.nav-btn{padding:8px 10px;font-size:10px}.header{padding:10px 15px}}