:root{color-scheme:dark;--bg:#090a0a;--panel:#111313;--panel2:#181a1a;--line:#2a2d2d;--text:#f4f3ed;--muted:#949994;--accent:#f5c84c;--accent2:#ffe58f;--good:#54d399;--bad:#ff6b6b;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#24231d 0,transparent 38%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}.site-header{height:68px;padding:0 max(20px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(9,10,10,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:760;letter-spacing:-.02em}.brand-mark{display:grid;grid-template-columns:repeat(3,7px);gap:3px}.brand-mark i{display:block;width:7px;height:20px;border-radius:2px;background:var(--accent)}.brand-mark i:nth-child(2){opacity:.72}.brand-mark i:nth-child(3){opacity:.42}.site-header nav{display:flex;gap:6px;align-items:center}.site-header nav a,.site-header nav button{padding:9px 12px;color:var(--muted);text-decoration:none;border:0;background:none;cursor:pointer;border-radius:9px}.site-header nav a:hover,.site-header nav button:hover,.site-header nav a.active{color:var(--text);background:var(--panel2)}.site-header nav form{display:inline}.page{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:46px 0 70px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1;margin:4px 0 10px;letter-spacing:-.055em}.page-heading p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.69rem;font-weight:800;color:var(--accent)!important}.connection-pill{white-space:nowrap;border:1px solid var(--line);background:var(--panel);padding:9px 12px;border-radius:999px;color:var(--muted);font-size:.82rem}.connection-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#707575;margin-right:7px}.connection-pill.connected span{background:var(--good);box-shadow:0 0 10px var(--good)}.connection-pill.error span{background:var(--bad)}.connection-pill.pending span{background:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.card{background:linear-gradient(145deg,rgba(25,27,27,.97),rgba(15,17,17,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 55px rgba(0,0,0,.25)}.composer-panel{padding:18px}.mode-tabs{display:inline-flex;background:#090a0a;border:1px solid var(--line);padding:4px;border-radius:12px;margin-bottom:18px}.mode-tab{border:0;background:transparent;color:var(--muted);padding:8px 14px;border-radius:8px;cursor:pointer}.mode-tab.active{background:#292b29;color:var(--text);box-shadow:inset 0 0 0 1px #353936}.compose-tools{display:grid;gap:9px;margin-bottom:18px}.compose-tools label,.login-card label{font-size:.8rem;font-weight:700;color:#d6d7d3}.compose-tools textarea,.compose-tools select,.login-card input{width:100%;border:1px solid #343837;border-radius:11px;background:#0b0c0c;color:var(--text);padding:12px;outline:none}.compose-tools textarea{resize:vertical;min-height:92px}.compose-tools textarea:focus,.compose-tools select:focus,.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,200,76,.11)}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.tool-row label{display:flex;align-items:center;gap:8px}.tool-row select{padding:7px 30px 7px 9px}.muted{color:var(--muted);font-size:.82rem}.board-shell{padding:clamp(10px,2vw,20px);background:#030404;border:1px solid #2c2f2f;border-radius:15px;box-shadow:inset 0 0 30px #000,0 8px 25px rgba(0,0,0,.3);overflow-x:auto}.board{display:grid;grid-template-columns:repeat(15,minmax(31px,1fr));gap:clamp(3px,.55vw,7px);min-width:550px}.flap{aspect-ratio:.71;border:1px solid #2a2c2c;border-radius:4px;background:linear-gradient(#121414,#090a0a);color:#f7f5e9;display:grid;place-items:center;font-weight:850;font-size:clamp(.82rem,2vw,1.5rem);line-height:1;box-shadow:inset 0 -1px 0 #000,0 1px 2px #000;position:relative;padding:0}.flap::after{content:"";position:absolute;left:0;right:0;top:49%;height:1px;background:#040505;box-shadow:0 1px rgba(255,255,255,.045)}button.flap{cursor:pointer}.board .flap.selected{outline:2px solid var(--accent);outline-offset:2px;z-index:2}.kind-color{color:transparent}.code-63{background:#d63636}.code-64{background:#df792f}.code-65{background:#e6c747}.code-66{background:#4f9e5d}.code-67{background:#3f72ba}.code-68{background:#7653a8}.code-69{background:#e8e5da}.code-70{background:#050606}.code-71{background:#ddd9ce}.kind-heart{color:#e34e56}.editor-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}.button-group{display:flex;gap:8px}.button,.icon-button{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:750;cursor:pointer;transition:.15s ease}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button:disabled,.icon-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.button.primary{background:var(--accent);color:#15130b;box-shadow:0 8px 25px rgba(245,200,76,.15)}.button.secondary{background:#eeeeea;color:#171818}.button.ghost,.icon-button{background:#1e2020;border-color:#343737;color:var(--text)}.button.small{padding:7px 10px;font-size:.76rem}.button.full{width:100%}.send-button{min-width:120px}.side-panel{display:grid;gap:20px}.current-card,.palette-card{padding:18px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-heading h2,.table-card h2{margin:3px 0 0;font-size:1.1rem}.mini-board{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;background:#020303;border:1px solid #2a2d2d;border-radius:9px;padding:8px;margin:17px 0 10px}.mini-board .flap{min-width:0;border-radius:1px;font-size:.42rem}.palette{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:14px}.palette .flap{font-size:.87rem;aspect-ratio:1;border-radius:7px}.notice{margin-top:15px;padding:12px 14px;border:1px solid #3b3e3d;border-radius:11px;background:#1d2020;color:#dfe0dd;font-size:.88rem}.notice.success{border-color:rgba(84,211,153,.45);background:rgba(84,211,153,.08);color:#a4edca}.notice.error{border-color:rgba(255,107,107,.46);background:rgba(255,107,107,.08);color:#ffb0b0}.notice.pending,.notice.info{border-color:rgba(245,200,76,.4);background:rgba(245,200,76,.07);color:var(--accent2)}.hidden{display:none!important}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.stat-card p{margin:0 0 10px;color:var(--muted);font-size:.75rem}.stat-card strong{display:block;font-size:1.05rem;overflow-wrap:anywhere}.stat-card span{display:block;color:var(--muted);font-size:.72rem;margin-top:6px}.stat-card.good{border-color:rgba(84,211,153,.25)}.stat-card.bad{border-color:rgba(255,107,107,.3)}.table-card{padding:18px;margin-top:20px}.table-scroll{overflow:auto;margin-top:14px}table{border-collapse:collapse;width:100%;font-size:.78rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px;white-space:nowrap}th{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.empty-state{color:var(--muted)}.login-body{display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);padding:34px;border-radius:22px;box-shadow:0 30px 80px #000}.login-card h1{font-size:2rem;margin:14px 0 8px;letter-spacing:-.04em}.login-card>p{color:var(--muted)}.login-card form{display:grid;gap:10px;margin-top:24px}.login-card .notice{margin:18px 0 0}@media(max-width:900px){.workspace{grid-template-columns:1fr}.side-panel{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-header{height:60px;padding:0 14px}.brand>span:last-child{display:none}.site-header nav a,.site-header nav button{padding:8px}.page{width:calc(100% - 24px);padding:28px 0 50px}.page-heading{display:block}.editor-heading .connection-pill{display:inline-block;margin-top:16px}.page-heading h1{font-size:2.45rem}.composer-panel{padding:12px;border-radius:15px}.board-shell{margin-left:-4px;margin-right:-4px;padding:9px}.board{min-width:0;grid-template-columns:repeat(15,minmax(0,1fr));gap:2px}.board .flap{font-size:.62rem;border-radius:2px}.editor-actions{align-items:stretch}.button-group{display:grid;grid-template-columns:repeat(3,1fr);flex:1}.send-button{min-width:105px}.side-panel{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:13px}.status-page .page-heading .button{margin-top:18px;width:100%}.table-card{padding:14px}.palette{grid-template-columns:repeat(8,1fr)}}

.settings-card{padding:18px;margin-bottom:20px}.settings-card h2{margin:3px 0 4px}.settings-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:16px}.settings-row label{font-size:.75rem;font-weight:700}.settings-row select{display:block;width:100%;margin-top:6px;border:1px solid #343837;border-radius:10px;background:#0b0c0c;color:var(--text);padding:10px}@media(max-width:620px){.settings-row{grid-template-columns:1fr 1fr}.settings-row .button{grid-column:1/-1}}
.auto-refresh-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;margin:0 0 14px;cursor:pointer}.auto-refresh-control input{accent-color:var(--accent);width:16px;height:16px}