:root{--bg-deep:#07070a;--frame-hi:#3a3a3f;--flap-top-a:#414146;--flap-top-b:#26262a;--flap-bot-a:#1c1c1f;--flap-bot-b:#0e0e10;--ink:#efe9d8;--ink-dim:#7d7768;--amber:#e8a33d;--amber-dim:#7a5a25;--crease:#000;--flap-yellow:#f2c230}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 50% -10%, #14141a 0%, var(--bg-deep) 55%), var(--bg-deep);min-height:100%;color:var(--ink);flex-direction:column;align-items:center;margin:0;padding:28px 14px 60px;font-family:JetBrains Mono,monospace;display:flex}.plate{color:var(--amber);letter-spacing:.35em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}.plate .dot{background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px 2px #e8a33d8c}.board-frame{background:var(--frame-hi);border-radius:14px;justify-self:center;max-width:98vw;padding:22px 22px 20px;position:relative;box-shadow:0 0 0 1px #000,0 30px 60px -20px #000c,inset 0 1px #ffffff0f}.board-frame.has-corner-controls{padding-top:40px}.board-frame:before,.board-frame:after,.board-frame .rivet-tr,.board-frame .rivet-bl{content:"";background:radial-gradient(circle at 35% 30%,#6a6a6a,#1a1a1a 70%);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 1px 1px #000c}.board-frame:before{top:9px;left:9px}.board-frame:after{bottom:9px;right:9px}.board-frame .rivet-tr{top:9px;right:9px}.board-frame .rivet-bl{bottom:9px;left:9px}.board{background:#000;border-radius:6px;padding:clamp(6px,1vw,10px);display:grid;box-shadow:inset 0 2px 10px #000000e6}.flap{border-radius:5px;width:100%;height:100%;position:relative}.flap:after{content:"";opacity:.5;z-index:6;pointer-events:none;background:linear-gradient(#000,#000) top/100% 16% no-repeat,linear-gradient(#000,#000) 50%/100% 16% no-repeat,linear-gradient(#000,#000) bottom/100% 16% no-repeat;width:6%;height:46%;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.card{height:calc(50% - 1px);position:absolute;left:0;right:0;overflow:hidden}.card.top{background:linear-gradient(180deg,var(--flap-top-a),var(--flap-top-b));border-radius:5px 5px 0 0;top:0;box-shadow:inset 0 -1px #0009}.card.bottom{background:linear-gradient(180deg,var(--flap-bot-a),var(--flap-bot-b));border-radius:0 0 5px 5px;bottom:0;box-shadow:inset 0 1px #ffffff08}.glyph{height:var(--cell-h,60px);font-family:Archivo,sans-serif;font-weight:700;font-size:calc(var(--cell-w,30px) * 1.224);color:var(--glyph-color,var(--ink));-webkit-user-select:none;user-select:none;letter-spacing:.02em;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:0;left:10%;right:10%;transform:scaleX(.74)}.card.bottom .glyph,.leaf.back .glyph{top:calc((var(--cell-h,60px) / -2) - 1px)}.leaf{backface-visibility:hidden;height:calc(50% - 1px);position:absolute;left:0;right:0;overflow:hidden}.leaf.front{transform-origin:bottom;background:linear-gradient(180deg,var(--flap-top-a),var(--flap-top-b));z-index:4;border-radius:5px 5px 0 0;top:0;box-shadow:0 1px 2px #00000080,inset 0 -1px #0009}.leaf.back{transform-origin:top;background:linear-gradient(180deg,var(--flap-bot-a),var(--flap-bot-b));z-index:3;border-radius:0 0 5px 5px;bottom:0;transform:rotateX(90deg);box-shadow:0 -1px 2px #00000080}.leaf .glyph{opacity:.97}.crease{background:var(--crease);opacity:.9;z-index:5;pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 1px #ffffff0a}.label-block{grid-template-columns:repeat(var(--n-chars,1), var(--cell-w,30px));gap:var(--board-gap,4px);background:#000;border-radius:5px;align-items:center;height:100%;display:grid;overflow:hidden}.label-char{height:100%;font-family:Archivo,sans-serif;font-weight:700;font-size:calc(var(--cell-h,60px) * .46);color:var(--glyph-color,var(--ink));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:flex}.dropdown-flap .glyph{font-size:calc(var(--cell-h,60px) * .46);letter-spacing:0;white-space:nowrap;text-align:left;transform-origin:0;justify-content:flex-start;left:4%;right:4%}.qr-overlay{background:#fff;border-radius:8px;width:96px;height:96px;padding:6px;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #00000080}.qr-overlay img{width:100%;height:100%;display:block}.stale-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber-dim);background:#e8a33d1f;border-radius:4px;padding:5px 9px;font-size:11px;position:fixed;top:18px;right:18px}.credit-line{letter-spacing:.05em;color:var(--ink-dim);font-size:10px;position:fixed;bottom:18px;left:18px}.sound-toggle,.sound-toggle-inline{color:var(--ink-dim);cursor:pointer;background:#141416;border:1px solid #2a2a2e;border-radius:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.sound-toggle.active,.sound-toggle-inline.active{color:var(--amber);border-color:var(--amber-dim)}.sound-toggle{z-index:2;position:absolute;top:10px;left:16px}.admin-link{z-index:2;color:var(--ink-dim);background:#141416;border:1px solid #2a2a2e;border-radius:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;position:absolute;top:10px;right:16px}.admin-link:hover{color:var(--amber);border-color:var(--amber-dim)}.size-row{border-bottom:1px solid #1e1e21;flex-wrap:wrap;align-items:flex-end;gap:14px;padding-bottom:4px;display:flex}.size-field{flex-direction:column;gap:4px;display:flex}.size-field-wide{flex:1}.size-row .size-field-wide input{width:100%}.size-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.size-field input{width:64px;color:var(--ink);background:#101012;border:1px solid #2a2a2e;border-radius:6px;outline:none;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:13px}.size-field input:focus{border-color:var(--amber-dim)}#resizeBtn{color:var(--ink);background:#141416;height:32px}#resizeBtn:hover{border-color:var(--amber-dim);color:var(--amber)}.size-total{color:var(--ink-dim);letter-spacing:.05em;font-size:11px}.size-total b{color:var(--amber)}.panel{flex-direction:column;gap:10px;min-width:min(720px,92vw);max-width:96vw;margin-top:26px;display:flex}textarea:focus{border-color:var(--amber-dim)}.btn-col{flex-direction:column;gap:8px;display:flex}button{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--ink);background:#141416;border:1px solid #2a2a2e;border-radius:8px;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;transition:filter .15s,transform 50ms}button:active{transform:translateY(1px)}#sendBtn,.btn-primary{color:#221704;background:linear-gradient(#f0b24d,#c9852a);border:none;flex:1}#sendBtn:hover,.btn-primary:hover{filter:brightness(1.08)}#muteBtn{color:var(--ink-dim);background:#141416;min-height:26px}#muteBtn.active{color:var(--amber);border-color:var(--amber-dim)}.meta-row{color:var(--ink-dim);letter-spacing:.05em;justify-content:space-between;font-size:11px;display:flex}.meta-row span#count{color:var(--ink)}.credit-row{color:var(--ink-dim);letter-spacing:.02em;font-size:10px;line-height:1.4}.credit-row a{color:var(--ink-dim)}.credit-row a:hover{color:var(--amber)}.tabs{border-bottom:1px solid #1e1e21;gap:4px;margin-bottom:4px;display:flex}.tab-btn{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:color .15s}.tab-btn.active{color:var(--amber);border-bottom-color:var(--amber)}.tab-btn:hover{color:var(--ink)}.tab-btn:disabled{color:#454548;cursor:not-allowed}.tab-btn:disabled:hover{color:#454548}.tab-panels{display:grid}.tab-panel{flex-direction:column;grid-area:1/1;gap:10px;padding-top:6px;display:flex}.tab-panel-hidden{visibility:hidden;pointer-events:none}.lines-container{flex-direction:column;gap:6px;display:flex}.line-row{align-items:center;gap:8px;display:flex}.line-num{text-align:right;width:16px;color:var(--ink-dim);flex:none;font-size:10px}.line-input{min-width:0;color:var(--ink);text-transform:uppercase;background:#101012;border:1px solid #2a2a2e;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:14px}.line-input:focus{border-color:var(--amber-dim)}.align-group{background:#101012;border:1px solid #2a2a2e;border-radius:8px;flex:none;gap:2px;padding:2px;display:flex}.align-btn{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 7px;display:flex}.align-btn svg{fill:currentColor;display:block}.align-btn.active{color:var(--amber);background:#232326}.align-btn:hover{color:var(--ink)}.msg-actions{gap:10px;margin-top:4px;display:flex}@media (width<=480px){.line-row{flex-wrap:wrap}.align-group{margin-left:24px}}.mode-group{background:#101012;border:1px solid #2a2a2e;border-radius:8px;gap:2px;padding:2px;display:flex}.mode-btn{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 14px;font-size:11px}.mode-btn.active{color:var(--amber);background:#232326}.mode-btn:hover{color:var(--ink)}.tpl-hint{color:var(--ink-dim);font-size:10px;line-height:1.4}.tpl-hint code{color:var(--ink);background:#101012;border:1px solid #2a2a2e;border-radius:4px;padding:1px 5px}.preset-block{background:#101012;border:1px solid #2a2a2e;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.preset-row{flex-wrap:wrap;gap:8px;display:flex}.preset-row select,.preset-row input[type=text]{min-width:140px;color:var(--ink);background:#141416;border:1px solid #2a2a2e;border-radius:6px;outline:none;flex:1;padding:7px 9px;font-family:JetBrains Mono,monospace;font-size:12px}.preset-row select:focus,.preset-row input[type=text]:focus{border-color:var(--amber-dim)}.preset-row button{color:var(--ink);white-space:nowrap;background:#1c1c1f;font-size:11px}.preset-row button:hover{border-color:var(--amber-dim);color:var(--amber)}.preset-row button.danger:hover{color:#e5674f;border-color:#a3432f}.tpl-settings-row{align-items:center;gap:8px;display:flex}.tpl-settings-row .line-num{text-align:right;width:16px;color:var(--ink-dim);flex:none;font-size:10px}.apply-below-btn{color:var(--ink-dim);white-space:nowrap;background:#141416;flex:none;font-size:10px}.apply-below-btn:hover{border-color:var(--amber-dim);color:var(--amber)}.tpl-input{min-width:0;color:var(--ink);background:#101012;border:1px solid #2a2a2e;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:13px}.tpl-input:focus{border-color:var(--amber-dim)}.color-group{background:#101012;border:1px solid #2a2a2e;border-radius:8px;flex:none;gap:2px;padding:2px;display:flex}.color-btn{cursor:pointer;border:1px solid #0000;border-radius:5px;width:22px;height:22px;padding:0}.color-btn[data-color=white]{background:var(--ink)}.color-btn[data-color=yellow]{background:var(--flap-yellow)}.color-btn.active{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.tpl-msg-row{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;font-size:13px;display:flex}.tpl-msg-row .line-num{text-align:right;width:16px;color:var(--ink-dim);flex:none;font-size:10px}.tpl-label-preview{letter-spacing:.05em;padding:2px 0;font-family:JetBrains Mono,monospace}.tpl-live-badge{letter-spacing:.08em;color:var(--amber);border:1px solid var(--amber-dim);background:#e8a33d1f;border-radius:4px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.tpl-field-input{color:var(--ink);text-transform:uppercase;text-align:center;background:#101012;border:1px solid #2a2a2e;border-radius:6px;outline:none;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:13px}.tpl-field-input:focus{border-color:var(--amber-dim)}.tpl-dropdown-input{color:var(--ink);background:#101012;border:1px solid #2a2a2e;border-radius:6px;outline:none;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:13px}.tpl-dropdown-input:focus{border-color:var(--amber-dim)}.tpl-empty-note{color:var(--ink-dim);font-size:11px;font-style:italic}.tpl-freetext-input{min-width:0;color:var(--ink);text-transform:uppercase;background:#101012;border:1px solid #2a2a2e;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:13px}.tpl-freetext-input:focus{border-color:var(--amber-dim)}.tpl-freetext-input::placeholder{text-transform:none;color:var(--ink-dim);font-style:italic}.gate-card{background:#101012;border:1px solid #2a2a2e;border-radius:10px;flex-direction:column;gap:12px;width:min(360px,92vw);padding:20px;display:flex}.gate-card input[type=password],.gate-card input[type=text]{color:var(--ink);background:#141416;border:1px solid #2a2a2e;border-radius:8px;outline:none;padding:9px 11px;font-family:JetBrains Mono,monospace;font-size:14px}.gate-card input:focus{border-color:var(--amber-dim)}.error-text{color:#e5674f;font-size:12px}.note-text{color:var(--ink-dim);font-size:11px;line-height:1.4}.forgot-password-link{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:underline}.forgot-password-link:hover{color:var(--amber)}.submission-row{border-bottom:1px solid #1e1e21;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.submission-row .actions{gap:6px;display:flex}.submission-row .approve{color:var(--amber);background:#1c1c1f}.submission-row .reject{color:#e5674f;background:#1c1c1f}@media (width<=520px){.plate{letter-spacing:.25em;font-size:10px}#muteBtn{flex:none;padding:0 12px}}.hero-section{flex-direction:column;align-items:center;gap:14px;margin-bottom:8px;display:flex}.hero-subhead{color:var(--ink-dim);text-align:center;max-width:480px;font-size:13px;line-height:1.5}.landing-copy{width:min(560px,92vw);color:var(--ink-dim);text-align:center;margin-top:18px;font-size:13px;line-height:1.6}.feature-list{grid-template-columns:1fr 1fr;gap:10px 20px;width:min(560px,92vw);margin-top:22px;padding:0;list-style:none;display:grid}.feature-list li{color:var(--ink);align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.feature-list li:before{content:"";background:var(--amber);border-radius:50%;flex:none;width:6px;height:6px;margin-top:5px;box-shadow:0 0 6px 2px #e8a33d66}@media (width<=520px){.feature-list{grid-template-columns:1fr}}.landing-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:min(560px,92vw);margin-top:28px;display:flex}.landing-actions a,.landing-actions button{height:38px;padding:0 20px;font-size:12px}.btn-secondary{color:var(--ink);background:#141416}.btn-secondary:hover{border-color:var(--amber-dim);color:var(--amber)}.slug-form{background:#101012;border:1px solid #2a2a2e;border-radius:10px;flex-direction:column;gap:10px;width:min(360px,92vw);margin-top:16px;padding:16px;display:flex}.slug-form input[type=text]{color:var(--ink);text-transform:lowercase;background:#141416;border:1px solid #2a2a2e;border-radius:8px;outline:none;padding:9px 11px;font-family:JetBrains Mono,monospace;font-size:14px}.slug-form input:focus{border-color:var(--amber-dim)}