:root{--ink-console: #0A0C10;--ink-panel: #11141C;--ink-raised: #171B25;--ink-input: #08090D;--ink-0e: #0E1118;--ink-070809: #070809;--gold: #C9A24B;--gold-bright: #E7CC86;--gold-deep: #1B1407;--paper: #F2EDE2;--paper-2: #C6BFB0;--paper-3: #B8B2A4;--muted: #9D9789;--muted-2: #8A8475;--muted-3: #7C776C;--faint: #6E6A60;--faint-2: #5C594F;--faint-3: #4F4C45;--green: #8FB98A;--off: #3A3E48;--danger: #C97A6A;--serif: "EB Garamond", serif;--display: "Cormorant Garamond", serif;--mono: "IBM Plex Mono", monospace;--gold-grad: linear-gradient(180deg, #EBD095, #C9A24B);--hair-16: rgba(201,162,75,.16);--hair-18: rgba(201,162,75,.18)}*{box-sizing:border-box}body{margin:0;background:var(--ink-console);color:var(--paper);-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:#0c0e14}input,textarea{font-family:var(--mono)}input::placeholder,textarea::placeholder{color:#4a4842}button{font-family:var(--mono)}@keyframes pcfade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pctoast{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes pcspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app-bg{position:relative;min-height:100vh;background:var(--ink-console);background-image:radial-gradient(100% 60% at 50% -10%,rgba(231,160,80,.07),transparent 60%)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.wordmark{font-family:var(--display);font-weight:600;font-size:30px;letter-spacing:.4em;text-align:center;color:var(--paper);padding-left:.4em}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted-2);text-align:center;margin:12px 0 30px}.login-card{width:100%;max-width:412px;background:linear-gradient(180deg,#11141c,#0b0d12);border:1px solid rgba(201,162,75,.22);border-radius:4px;padding:clamp(32px,5vw,46px);box-shadow:0 40px 110px -45px #000000d9;animation:pcfade .6s ease both}.login-sub{font-family:var(--serif);font-size:16px;line-height:1.55;color:#9d9789;text-align:center;margin:0 0 26px}.login-sub .em{color:var(--paper-2)}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px;background:var(--ink-0e);color:var(--paper);font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(201,162,75,.4);border-radius:2px;cursor:pointer;transition:all .2s}.btn-google:hover{background:#c9a24b14;border-color:var(--gold-bright)}.g-glyph{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(201,162,75,.5);font-family:var(--display);font-weight:700;font-size:13px;color:var(--gold-bright)}.reassure{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:18px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#7c776c;text-align:center;line-height:1.6}.reassure .dot{color:var(--green)}.login-error{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--danger);text-align:center;margin-top:16px;line-height:1.6;min-height:1em}.back-link{display:block;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);text-decoration:none;margin-top:22px;transition:color .2s}.back-link:hover{color:var(--gold)}.auth-card{width:100%;max-width:412px;text-align:center;animation:pcfade .4s ease both}.spinner{width:34px;height:34px;border-radius:50%;border:2px solid rgba(201,162,75,.22);border-top-color:var(--gold-bright);margin:36px auto 0;animation:pcspin .8s linear infinite}.auth-line1{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:28px 0 8px}.auth-line2{font-family:var(--serif);font-size:16px;color:#9d9789;margin:0}.topbar{position:sticky;top:0;z-index:20;background:#0a0c11e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair-16);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar-left{display:flex;align-items:center;gap:16px}.topbar .mark{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:.36em;color:var(--paper);padding-left:.36em}.topbar .sep{width:1px;height:20px;background:#c9a24b4d}.topbar .label{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.topbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.env-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);border:1px solid var(--hair-18);padding:7px 12px;border-radius:20px}.env-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(201,162,75,.4);font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--gold-bright)}.signout{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);cursor:pointer;background:none;border:none;transition:color .2s}.signout:hover{color:var(--gold-bright)}.shell{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:0;flex-wrap:wrap}.sidebar{flex:1 1 210px;max-width:240px;min-width:190px;padding:28px 18px;border-right:1px solid rgba(201,162,75,.12);position:sticky;top:62px}.nav-item{display:block;width:100%;text-align:left;cursor:pointer;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:12px 14px;border-radius:2px;margin-bottom:4px;border:none;border-left:2px solid transparent;background:transparent;color:var(--muted-2);transition:color .15s}.nav-item:hover{color:var(--paper-2)}.nav-item.active{border-left-color:var(--gold-bright);background:#c9a24b1a;color:var(--paper)}.sidebar-note{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--faint-3);line-height:1.7;margin-top:24px;padding:0 4px}.main{flex:999 1 560px;min-width:0;padding:32px 24px 80px}.view{animation:pcfade .35s ease both}.h1{font-family:var(--display);font-weight:600;font-size:clamp(32px,5vw,44px);line-height:1;margin:0;color:#f4efe5}.lead{font-family:var(--serif);font-size:18px;color:#9d9789;margin:12px 0 28px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.tile{background:var(--ink-panel);border:1px solid var(--hair-16);border-radius:3px;padding:18px 20px}.tile-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-3)}.tile-big{font-family:var(--display);font-weight:600;font-size:34px;color:var(--gold-bright);margin-top:8px;line-height:1}.tile-big .of{font-size:18px;color:var(--faint)}.tile-val{font-family:var(--display);font-weight:600;font-size:26px;color:var(--paper);margin-top:12px;line-height:1.05}.tile-sub{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:6px}.ov-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;align-items:flex-start}.activity-card{flex:1 1 340px;min-width:0;background:var(--ink-0e);border:1px solid rgba(201,162,75,.14);border-radius:3px;padding:20px 22px}.card-title{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.activity-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(201,162,75,.07)}.activity-row .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--green)}.activity-row .lbl{flex:1;font-family:var(--serif);font-size:16px;color:var(--paper-2)}.activity-row .meta{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--faint);white-space:nowrap}.actions-col{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:10px}.qa{width:100%;padding:14px 18px;text-align:left;background:var(--ink-panel);color:var(--paper);font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(201,162,75,.28);border-radius:2px;cursor:pointer;transition:all .2s}.qa:hover{border-color:var(--gold-bright);background:#c9a24b0f}.qa.gold{background:var(--gold-grad);color:var(--gold-deep);border-color:#ebd095}.qa.gold:hover{filter:brightness(1.06);background:var(--gold-grad)}.btn-gold{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;background:var(--gold-grad);color:var(--gold-deep);font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;border:1px solid #EBD095;border-radius:2px;cursor:pointer;transition:all .2s}.btn-gold:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-gold:disabled{opacity:.55;cursor:default;transform:none;filter:none}.pixels-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.deploy-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.deploy-meta .ts{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--faint)}.pixels-grid{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;align-items:flex-start}.pixels-left{flex:1 1 480px;min-width:0}.pixels-right{flex:1 1 320px;position:sticky;top:88px;align-self:flex-start}.pixel-card{background:var(--ink-panel);border:1px solid var(--hair-18);border-radius:3px;padding:18px 20px;margin-bottom:14px}.pixel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pixel-name{font-family:var(--serif);font-size:20px;color:var(--paper)}.pixel-subline{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--muted-3);margin-top:4px}.toggle{width:42px;height:24px;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0;border:1px solid var(--off);background:#23262f;transition:background .15s,border-color .15s}.toggle .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted-2);transition:transform .15s,background .15s}.toggle.on{border-color:var(--gold-bright);background:var(--gold-grad)}.toggle.on .knob{background:var(--gold-deep);transform:translate(18px)}.pixel-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px}.status{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.status .dot{width:7px;height:7px;border-radius:50%}.status.live .dot{background:var(--green)}.status.live .t{color:var(--muted)}.status.live .e{color:var(--faint-2)}.status.need .dot{background:var(--gold)}.status.need .t{color:var(--muted)}.status.off .dot{background:var(--off)}.status.off .t{color:var(--faint)}.remove{background:transparent;border:none;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint-2);transition:color .2s}.remove:hover{color:var(--danger)}.code-area{width:100%;padding:11px 13px;background:var(--ink-input);border:1px solid var(--hair-18);border-radius:2px;color:var(--paper-3);font-size:11.5px;line-height:1.6;outline:none;resize:vertical;transition:border-color .2s}.code-area:focus{border-color:var(--gold-bright)}.installer-btn{width:100%;padding:15px;background:transparent;color:var(--gold-bright);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;border:1px dashed rgba(201,162,75,.4);border-radius:3px;cursor:pointer;transition:all .2s}.installer-btn:hover{background:#c9a24b0f;border-color:var(--gold-bright)}.installer{background:var(--ink-0e);border:1px solid rgba(201,162,75,.3);border-radius:3px;padding:20px 22px}.installer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.installer-head .t{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.installer-close{background:transparent;border:none;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);transition:color .2s}.installer-close:hover{color:var(--gold-bright)}.field-label{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-3);margin-bottom:7px}.field-input{width:100%;padding:11px 13px;background:var(--ink-input);border:1px solid var(--hair-18);border-radius:2px;color:var(--paper);font-size:12.5px;outline:none;margin-bottom:14px;transition:border-color .2s}.field-input:focus{border-color:var(--gold-bright)}.preview{background:var(--ink-070809);border:1px solid rgba(201,162,75,.2);border-radius:3px;overflow:hidden}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(201,162,75,.14)}.preview-head .t{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--gold)}.badge{font-size:9.5px;letter-spacing:.06em;color:var(--muted-3);border:1px solid rgba(201,162,75,.24);padding:2px 7px;border-radius:10px}.copy-btn{padding:6px 13px;background:transparent;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(201,162,75,.28);border-radius:2px;cursor:pointer;transition:all .2s}.copy-btn:hover{color:var(--gold-bright);border-color:var(--gold-bright)}.preview pre{margin:0;padding:16px 18px;font-family:var(--mono);font-size:11.5px;line-height:1.75;color:var(--paper-3);white-space:pre-wrap;word-break:break-word;max-height:330px;overflow:auto}.preview-foot{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid rgba(201,162,75,.14)}.preview-foot .t{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);line-height:1.4}.attr-card{background:var(--ink-panel);border:1px dashed rgba(201,162,75,.24);border-radius:3px;padding:16px 18px;margin-top:16px}.attr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.attr-title{font-family:var(--serif);font-size:17px;color:var(--paper)}.attr-sub{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted-3);margin-top:4px;line-height:1.5}.attr-copy{flex-shrink:0;padding:8px 14px;background:transparent;color:var(--gold-bright);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(201,162,75,.4);border-radius:2px;cursor:pointer;transition:all .2s}.attr-copy:hover{background:#c9a24b14;border-color:var(--gold-bright)}.attr-input{width:100%;margin-top:12px;padding:9px 11px;background:var(--ink-input);border:1px solid var(--hair-18);border-radius:2px;color:var(--paper-3);font-size:11px;outline:none;transition:border-color .2s}.attr-input:focus{border-color:var(--gold-bright)}.foot-note{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--faint-2);line-height:1.7;margin-top:14px;padding:0 4px}.foot-note .em{color:var(--muted-3)}.settings{max-width:680px}.panel{background:var(--ink-panel);border:1px solid var(--hair-16);border-radius:3px;margin-bottom:18px}.panel-pad{padding:6px 22px}.panel-pad-b{padding:6px 22px 20px}.panel-title{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding:16px 0 10px;border-bottom:1px solid rgba(201,162,75,.1)}.panel-title.flex{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0 14px}.panel-title .count{color:var(--faint);letter-spacing:.04em}.srow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid rgba(201,162,75,.07)}.srow:last-child{border-bottom:none}.srow .k{font-family:var(--serif);font-size:17px;color:var(--paper-2)}.srow .v{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}.srow .v.on{display:inline-flex;align-items:center;gap:8px;color:var(--paper)}.srow .v.on .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.seat{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(201,162,75,.07)}.seat .ava{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(201,162,75,.4);font-family:var(--display);font-weight:600;font-size:14px;color:var(--gold-bright);flex-shrink:0}.seat .meta{flex:1;min-width:0}.seat .lbl{font-family:var(--serif);font-size:17px;color:var(--paper)}.seat .eml{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--faint);margin-top:2px}.seat .role{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(201,162,75,.22);padding:5px 11px;border-radius:20px}.btn-outline{padding:11px 20px;background:transparent;color:var(--gold-bright);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(201,162,75,.4);border-radius:2px;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#c9a24b14;border-color:var(--gold-bright)}.btn-outline.mt{margin-top:16px}.device-panel{background:var(--ink-panel);border:1px solid var(--hair-16);border-radius:3px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.device-panel .k{font-family:var(--serif);font-size:17px;color:var(--paper)}.device-panel .s{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--faint);margin-top:3px}.btn-quiet{padding:11px 20px;background:transparent;color:var(--paper-2);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(201,162,75,.28);border-radius:2px;cursor:pointer;transition:all .2s}.btn-quiet:hover{border-color:var(--gold-bright);color:var(--paper)}.invite-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.invite-row input{flex:1 1 220px;min-width:0;padding:11px 13px;background:var(--ink-input);border:1px solid var(--hair-18);border-radius:2px;color:var(--paper);font-size:12.5px;outline:none}.invite-row input:focus{border-color:var(--gold-bright)}.invite-result{font-family:var(--mono);font-size:11px;color:var(--paper-2);margin-top:12px;line-height:1.6;word-break:break-all}.invite-result code{color:var(--gold-bright)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:50;background:var(--ink-raised);border:1px solid rgba(201,162,75,.45);color:var(--paper);padding:12px 24px;border-radius:3px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;box-shadow:0 20px 50px -20px #000c;animation:pctoast .25s ease both}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.muted-note{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}