: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;--flap-green:#6bbf7a;--flap-red:#d1554a}*{box-sizing:border-box}[x-cloak]{display:none!important}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}body.display-page{height:100dvh;padding:0;display:block;overflow:hidden}.board-frame.display-frame{--frame-border:clamp(8px, 1.4vmin, 22px);max-width:none;padding:var(--frame-border);border-radius:0;place-self:stretch stretch;display:flex;position:fixed;inset:0}.display-frame .board{flex:1;min-width:0;min-height:0;padding:clamp(4px,1vmin,14px)}.display-frame:before,.display-frame:after,.display-frame .rivet-tr,.display-frame .rivet-bl{width:4px;height:4px}.display-frame:before{top:calc(var(--frame-border) / 2 - 2px);left:calc(var(--frame-border) / 2 - 2px)}.display-frame:after{bottom:calc(var(--frame-border) / 2 - 2px);right:calc(var(--frame-border) / 2 - 2px)}.display-frame .rivet-tr{top:calc(var(--frame-border) / 2 - 2px);right:calc(var(--frame-border) / 2 - 2px)}.display-frame .rivet-bl{bottom:calc(var(--frame-border) / 2 - 2px);left:calc(var(--frame-border) / 2 - 2px)}.display-frame .corner-controls-left{top:calc(var(--frame-border) + 8px);left:calc(var(--frame-border) + 8px)}.display-frame .admin-link{top:calc(var(--frame-border) + 8px);right:calc(var(--frame-border) + 8px)}.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{--flap-radius:clamp(2px, calc(var(--cell-w,30px) * .05), 4px);background:var(--board-bg,#000);border-radius:6px;padding:clamp(6px,1vw,10px);display:grid;box-shadow:inset 0 2px 10px #000000e6}.flap{border-radius:var(--flap-radius);width:100%;height:100%;position:relative}.flap:before,.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%)}.flap:before{left:3%;right:auto}.dropdown-flap:before{display:none}.card{height:50%;position:absolute;left:0;right:0;overflow:hidden}.card.top{border-radius:var(--flap-radius) var(--flap-radius) 0 0;background:linear-gradient(180deg,var(--flap-top-a),var(--flap-top-b));top:0}.card.bottom{border-radius:0 0 var(--flap-radius) var(--flap-radius);background:linear-gradient(180deg,var(--flap-bot-a),var(--flap-bot-b));bottom:0}.glyph{height:var(--cell-h,60px);font-family:Archivo,sans-serif;font-weight:700;font-size:calc(var(--cell-w,30px) * 1.224 * var(--glyph-scale,1));color:var(--glyph-color,var(--ink));-webkit-user-select:none;user-select:none;letter-spacing:.02em;transform:translateY(calc(var(--cell-h,60px) * var(--glyph-nudge,.03))) scaleX(.74);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:0;left:10%;right:10%}.card.bottom .glyph,.leaf.back .glyph{top:calc(var(--cell-h,60px) / -2)}.leaf{backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.leaf.front{border-radius:var(--flap-radius) var(--flap-radius) 0 0;transform-origin:bottom;background:linear-gradient(180deg,var(--flap-top-a),var(--flap-top-b));z-index:4;top:0}.leaf.back{border-radius:0 0 var(--flap-radius) var(--flap-radius);transform-origin:top;background:linear-gradient(180deg,var(--flap-bot-a),var(--flap-bot-b));z-index:3;bottom:0;transform:rotateX(90deg)}.leaf .glyph{opacity:.97}.crease{background:var(--crease);opacity:.75;z-index:5;pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.label-block{grid-template-columns:repeat(var(--n-chars,1), var(--cell-w,30px));gap:var(--board-gap,4px);border-radius:var(--flap-radius);background:var(--tile-base,#000);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-w,30px) * 1.224 * var(--glyph-scale,1));color:var(--glyph-color,var(--ink));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:flex}.label-glyph{height:100%;font-family:Archivo,sans-serif;font-weight:700;font-size:calc(var(--cell-w,30px) * 1.224 * var(--glyph-scale,1));color:var(--glyph-color,var(--ink));-webkit-user-select:none;user-select:none;white-space:nowrap;transform-origin:0;grid-column:1/-1;justify-content:flex-start;align-items:center;line-height:1;display:flex}.dropdown-flap .glyph{font-size:calc(var(--cell-w,30px) * 1.224 * var(--glyph-scale,1));letter-spacing:0;white-space:nowrap;text-align:left;transform-origin:0;justify-content:flex-start;left:4%;right:4%}.board.font-oswald .glyph,.board.font-oswald .label-char,.board.font-oswald .label-glyph{--glyph-nudge:0;font-family:Oswald,sans-serif}.board.font-jetbrains_mono .glyph,.board.font-jetbrains_mono .label-char,.board.font-jetbrains_mono .label-glyph{--glyph-nudge:0;font-family:JetBrains Mono,monospace}.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{height:var(--frame-border,18px);font-size:clamp(7px, calc(var(--frame-border,18px) * .55), 11px);letter-spacing:.08em;color:var(--ink-dim);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.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}.corner-controls-left{z-index:2;gap:6px;display:flex;position:absolute;top:10px;left:16px}.corner-controls-left .sound-toggle{position:static}.corner-controls-left,.admin-link{transition:opacity .4s}body.controls-idle{cursor:none}body.controls-idle .corner-controls-left,body.controls-idle .admin-link{opacity:0;pointer-events:none}.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}.settings-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);border-top:1px solid #1e1e21;margin:14px 0 -4px;padding-top:14px;font-size:11px}.settings-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.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,.size-field select{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{width:64px}.size-field select{width:170px}.size-field input:focus,.size-field select: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)}.board-type-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:6px;display:grid}.board-type-card{text-align:left;color:var(--ink-dim);cursor:pointer;background:#101012;border:1px solid #2a2a2e;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;font-size:11px;line-height:1.4;display:flex}.board-type-card strong{color:var(--ink);font-size:12px}.board-type-card:hover{border-color:#3a3a40}.board-type-card.active{border-color:var(--amber);background:#18181b}.board-type-card.active strong{color:var(--amber)}.event-moment-row{border-bottom:1px solid #1e1e22;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:flex}.event-moment-actions{gap:4px;margin-left:auto;display:flex}.event-moment-times{flex-direction:column;gap:4px;margin-top:6px;display:flex}.event-moment-times .preset-row{flex-wrap:wrap;align-items:center;gap:6px}.event-moment-row input[type=text],.event-moment-row input[type=number],.event-moment-row select,.event-moment-times .preset-row input,.event-moment-times .preset-row select{width:auto;min-width:0;color:var(--ink);background:#101012;border:1px solid #2a2a2e;border-radius:6px;outline:none;flex:none;padding:5px 7px;font-family:JetBrains Mono,monospace;font-size:12px}.event-moment-row input:focus,.event-moment-row select:focus,.event-moment-times .preset-row input:focus,.event-moment-times .preset-row select:focus{border-color:var(--amber-dim)}.guest-slot-toggle{color:var(--ink-dim);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.tpl-hint{color:var(--ink-dim);font-size:10px;line-height:1.4}.tpl-help{overflow-wrap:anywhere;max-width:calc(100vw - 32px);color:var(--ink-dim);border:1px solid #2a2a2e;border-radius:6px;margin:0 0 12px;padding:8px 12px;font-size:11px;line-height:1.5}.tpl-help summary{cursor:pointer;color:var(--ink)}.tpl-help summary:hover{color:var(--amber)}.tpl-help p{margin:8px 0 0}.tpl-help dl{grid-template-columns:max-content 1fr;gap:6px 12px;margin:8px 0 0;display:grid}.tpl-help dt,.tpl-help dd{margin:0}@media (width<=560px){.tpl-help dl{grid-template-columns:1fr;gap:2px}.tpl-help dd{margin-bottom:6px}}.tpl-help code,.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)}.swatch-dropdown{flex:none;display:inline-block;position:relative}.swatch-panel{z-index:10;background:#101012;border:1px solid #2a2a2e;border-radius:8px;gap:2px;padding:2px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.color-btn{cursor:pointer;border:1px solid #0000;border-radius:5px;width:22px;height:22px;padding:0}.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)}.tv-page{justify-content:center;min-height:100vh;padding:5vh 5vw}.tv-card{text-align:center;background:#101012;border:1px solid #2a2a2e;border-radius:14px;flex-direction:column;align-items:center;gap:3vh;width:min(900px,92vw);padding:4vh 4vw;display:flex}.tv-heading{color:var(--ink);margin:0;font-size:clamp(20px,3.2vw,40px)}.tv-code{gap:clamp(6px,1vw,14px);min-height:clamp(60px,11vw,150px);display:flex}.tv-code-char{background:linear-gradient(180deg, var(--flap-top-a) 0 50%, var(--flap-bot-a) 50% 100%);width:clamp(44px,8vw,110px);height:clamp(60px,11vw,150px);color:var(--flap-yellow);border-radius:8px;justify-content:center;align-items:center;font-family:Archivo,sans-serif;font-size:clamp(38px,7vw,96px);display:flex;box-shadow:inset 0 -1px #000}.tv-steps{text-align:left;color:var(--ink-dim);margin:0;padding-left:1.4em;font-size:clamp(13px,1.6vw,20px);line-height:1.6}.tv-page .note-text{font-size:clamp(12px,1.3vw,16px)}body.phone-app{align-items:stretch;padding:0}html:has(body.phone-app){align-items:stretch;padding:0}body.phone-app{-webkit-tap-highlight-color:transparent;min-height:100dvh}.phone-topbar{z-index:10;min-height:52px;padding:calc(env(safe-area-inset-top) + 6px) 12px 6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07070aeb;border-bottom:1px solid #1e1e21;align-items:center;gap:8px;display:flex;position:sticky;top:0}.phone-topbar-title{min-width:0;color:var(--amber);letter-spacing:.2em;text-transform:uppercase;flex:1;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.phone-topbar-title span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-topbar-title .dot{background:var(--amber);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 6px 2px #e8a33d8c}.phone-icon-btn{letter-spacing:0;min-width:44px;min-height:44px;padding:0;font-size:20px}.phone-main{width:100%;max-width:640px;padding:16px 16px calc(96px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.phone-main>section{flex-direction:column;gap:12px;display:flex}.phone-heading{color:var(--ink);margin:4px 0;font-size:20px}.phone-subheading{color:var(--amber);letter-spacing:.15em;text-transform:uppercase;margin:12px 0 2px;font-size:12px}.phone-list{flex-direction:column;gap:8px;display:flex}.phone-list-item{text-align:left;text-transform:none;letter-spacing:normal;background:#101012;align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:flex}.phone-list-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.phone-list-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.phone-list-sub{color:var(--ink-dim);font-size:12px;font-weight:400}.phone-chevron{color:var(--ink-dim);font-size:24px}.phone-badge{color:#fff;text-align:center;background:#d1554a;border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:12px;line-height:22px}.phone-wide-btn{flex:none;width:100%;min-height:48px}.phone-card{background:#101012;border:1px solid #2a2a2e;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.phone-card-title{color:var(--ink);font-size:14px;font-weight:600}.phone-form{flex-direction:column;gap:10px;display:flex}.phone-label{color:var(--ink-dim);font-size:12px}.phone-app input[type=text],.phone-app input[type=password],.phone-app select,.phone-input{min-height:44px;color:var(--ink);background:#141416;border:1px solid #2a2a2e;border-radius:8px;outline:none;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:16px}.phone-app input:focus,.phone-app select:focus{border-color:var(--amber-dim)}.phone-slug-input{color:var(--ink-dim);align-items:center;gap:6px;display:flex}.phone-slug-input input{flex:1;min-width:0}.phone-code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:22px!important}.phone-preview{margin-bottom:14px}.static-board{grid-template-columns:repeat(var(--cols,20), 1fr);background:var(--board-bg,#000);border:1px solid #2a2a2e;border-radius:10px;gap:2px;padding:8px;display:grid;container-type:inline-size}.static-tile,.static-label{--cell:calc((100cqw - 2px * (var(--cols,20) - 1)) / var(--cols,20));min-width:0;height:calc(var(--cell) / .62);color:var(--glyph-color,var(--ink));font-family:Archivo,sans-serif;font-weight:700;font-size:calc(var(--cell) * .8);white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;line-height:1;display:flex;overflow:hidden}.static-tile{background:linear-gradient(180deg, var(--tile-top,#2a2a2e) 0 50%, var(--tile-bottom,#111113) 50% 100%);position:relative}.static-tile:after{content:"";opacity:.85;background:#000;height:1px;position:absolute;top:50%;left:0;right:0}.static-label{background:var(--tile-base,#1a1a1d);letter-spacing:.12em;font-size:calc(var(--cell) * .8 * var(--squeeze,1));justify-content:flex-start;padding:0 2px}.static-board.font-oswald .static-tile,.static-board.font-oswald .static-label{font-family:Oswald,sans-serif}.static-board.font-jetbrains_mono .static-tile,.static-board.font-jetbrains_mono .static-label{font-family:JetBrains Mono,monospace}.phone-lines{flex-direction:column;gap:10px;display:flex}.phone-line{align-items:center;gap:8px;display:flex}.phone-line .phone-input{text-transform:uppercase;flex:1;min-width:0}.phone-line-wrap{align-items:flex-start}.phone-line-num{width:20px;color:var(--ink-dim);text-align:right;flex:none;padding-top:2px;font-size:12px}.phone-line .align-btn{justify-content:center;min-width:36px;min-height:40px}.phone-fields{flex-wrap:wrap;flex:1;gap:6px;display:flex}.phone-fields .phone-input{text-transform:uppercase;flex:80px}.phone-toggle{min-height:40px;color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.phone-toggle input{width:22px;height:22px;accent-color:var(--amber)}.phone-submission{color:var(--ink);word-break:break-word;font-size:16px}.phone-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.phone-actions button{flex:1;min-height:44px}.phone-approve{color:var(--flap-green)!important;border-color:#2e5a36!important}.phone-reject{color:#e5674f!important;border-color:#5a2a24!important}.phone-status{gap:10px;font-size:12px;display:flex}.phone-on{color:var(--flap-green)}.phone-off{color:var(--ink-dim)}.phone-override{color:var(--amber)}.phone-board-footer{flex-direction:column;align-items:center;gap:10px;margin-top:24px;display:flex}.phone-link{min-height:40px;color:var(--ink-dim);text-transform:none;letter-spacing:normal;background:0 0;border:none;font-size:13px;text-decoration:underline}.phone-danger{color:#e5674f}.phone-footnote{text-align:center;margin-top:8px}.phone-tabbar{z-index:10;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101012f5;border-top:1px solid #2a2a2e;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.phone-tabbar button{min-height:54px;color:var(--ink-dim);letter-spacing:.06em;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:10px;display:flex;position:relative}.phone-tabbar button span[aria-hidden]{letter-spacing:0;text-transform:none;height:24px;font-size:20px;line-height:24px}.phone-tabbar button.active{color:var(--amber)}.phone-tab-badge{position:absolute;top:2px;left:calc(50% + 8px)}.phone-line-label{min-height:32px;color:var(--ink-dim);letter-spacing:.08em;flex:1;align-items:center;font-size:14px;display:flex}
