.mon-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px;display:grid}.mon-stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.mon-stat-val{font-size:26px;font-weight:700;line-height:1.1}.mon-stat-of{color:var(--text-dim);font-size:16px;font-weight:500}.mon-stat-label{color:var(--text-dim);margin-top:4px;font-size:12px}.mon-section{margin-bottom:24px}.mon-section-title{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:600}.mon-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:10px;display:grid}.mon-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:11px;padding:11px 14px;transition:border-color .15s,transform .12s,background .15s;display:flex}.mon-item:hover{border-color:var(--accent);background:var(--bg-panel-hover);transform:translateY(-1px)}.mon-dot{border-radius:50%;flex:none;width:11px;height:11px}.mon-item-body{flex:1;min-width:0}.mon-item-name{overflow-wrap:break-word;font-size:13.5px;font-weight:600}.mon-item-detail{color:var(--text-dim);white-space:normal;overflow-wrap:anywhere;margin-top:1px;font-size:11.5px}.mon-item-code{color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:5px;flex:none;padding:1px 6px;font-family:monospace;font-size:11px}.mon-item-code.ok{color:var(--ok)}.mon-item-code.warn{color:var(--warn);border-color:var(--warn)}.mon-item-code.danger{color:var(--danger);border-color:var(--danger)}.mon-note{margin:-4px 0 10px;font-size:12px}.mon-off{color:var(--text-dim);align-items:center;gap:8px;margin:0 0 24px;font-size:12px;display:flex}.mon-off .mon-dot{width:8px;height:8px}.mon-err{border:1px solid var(--danger);background:#f851491a;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:13px}.mon-restart{width:26px;height:26px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:0;font-size:14px;line-height:1;transition:color .12s,border-color .12s,background .12s,transform .45s}.mon-restart:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:#58a6ff1a}.mon-restart:active:not(:disabled){transform:rotate(180deg)}.mon-restart:disabled{opacity:.55;cursor:default}.mon-restart.err{color:var(--danger);border-color:var(--danger)}.koko-dialog{border:1px solid rgba(var(--neon-rgb,88, 166, 255), .38);background:var(--bg-panel);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);box-shadow:0 30px 80px -20px #000000d9, 0 0 44px -18px rgba(var(--neon-rgb,88, 166, 255), .65);border-radius:14px;padding:0}.koko-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02060ead}.koko-dialog--secret{width:min(560px,100vw - 32px)}.koko-dialog__form{gap:12px;padding:20px 22px;display:grid}.koko-dialog__title{margin:0;font-size:17px;font-weight:650}.koko-dialog__body{gap:10px;line-height:1.5;display:grid}.koko-dialog__body p,.koko-dialog__error{margin:0}.koko-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.koko-dialog__warn{border:1px solid var(--warn);background:#d299221a;border-radius:8px;padding:9px 12px}.secret-box{border:1px dashed rgba(var(--neon-rgb,88, 166, 255), .55);background:var(--bg);border-radius:10px;gap:6px;padding:12px 14px;display:grid}.secret-box__label{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.secret-box__value{color:#eef9ff;white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;font-family:SF Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.55}@media (prefers-reduced-motion:no-preference){.koko-dialog[open]{animation:.16s ease-out koko-dialog-in}@keyframes koko-dialog-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}}.walkie-scope__open{white-space:nowrap;border-radius:999px;margin:4px auto 0;padding:1px 8px;font-size:11.5px;line-height:1.6;display:block}.walkie-scope{width:min(640px,92vw)}.walkie-scope__modes{border:0;gap:6px;margin:0;padding:0;display:grid}.walkie-scope__lists{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.walkie-scope__lists{grid-template-columns:1fr}}.walkie-scope__lists h3{margin:0 0 4px;font-size:13px;font-weight:650}.walkie-scope__lists ul{border:1px solid var(--line,#7f7f7f4d);border-radius:8px;max-height:260px;margin:0;padding:6px 8px;list-style:none;overflow:auto}.walkie-scope__lists li{padding:2px 0}.settings-page .settings-intro{max-width:760px;margin:18px 0 0}.settings-page .settings-tabs{flex-wrap:wrap;margin-top:14px}.settings-page .settings-tabs .koko-admin-tab{align-items:center;gap:7px;text-decoration:none;display:inline-flex}.settings-tabs__icon{opacity:.85}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:16px;display:grid}.settings-stack{gap:16px;display:grid}.settings-page .settings-card{border-radius:12px;margin-bottom:0;padding:18px 20px}.settings-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-card__title{align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:650;display:flex}.settings-card__hint{margin:0 0 12px;font-size:13px}.settings-page .settings-card__off{margin:12px 0 0}.settings-note{border:1px solid rgba(var(--neon-rgb), .35);background:rgba(var(--neon-rgb), .07);border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:13px;line-height:1.45}.settings-ok{color:var(--ok);margin:10px 0 0;font-size:13px}.settings-fact{margin:0 0 10px;font-size:13px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;display:inline-flex}.choice:hover{border-color:rgba(var(--neon-rgb), .5)}.choice input{margin:0}.choice.is-selected{border-color:var(--neon);background:rgba(var(--neon-rgb), .1)}:root:not([data-neon=off]) .choice.is-selected{box-shadow:0 0 18px -8px rgba(var(--neon-rgb), .9)}.choice__title{font-weight:600}.choice__sub{color:var(--text-dim);font-size:12px}.choice:has(input:focus-visible){outline:2px solid var(--neon);outline-offset:2px}.switch-row{cursor:pointer;align-items:center;gap:10px;margin:2px 0 10px;font-weight:600;display:inline-flex}.switch-row input{opacity:0;width:1px;height:1px;position:absolute}.switch-row__track{border:1px solid var(--border);background:var(--bg);border-radius:999px;flex:none;width:40px;height:22px;display:inline-block;position:relative}.switch-row__track:after{content:"";background:var(--text-dim);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px}.switch-row input:checked+.switch-row__track{border-color:var(--neon);background:rgba(var(--neon-rgb), .25)}.switch-row input:checked+.switch-row__track:after{background:var(--neon);box-shadow:0 0 10px rgba(var(--neon-rgb), .9);left:20px}.switch-row input:focus-visible+.switch-row__track{outline:2px solid var(--neon);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.switch-row__track:after{transition:left .18s,background-color .18s}}.neon-preview{border:1px dashed var(--border);background:var(--sidebar-bg,var(--bg));border-radius:10px;flex-wrap:wrap;gap:8px;margin-top:4px;padding:12px;display:flex}.neon-preview__item{color:#ccd6e4;border-radius:6px;padding:7px 12px}.neon-preview__item.is-active{color:#f1f9ff;background:rgba(var(--neon-rgb), .08);box-shadow:inset 3px 0 0 var(--accent)}:root:not([data-neon=off]) .neon-preview__item.is-active{background:linear-gradient(90deg, rgba(var(--neon-rgb), .2), rgba(var(--neon-rgb), .05));box-shadow:inset 3px 0 0 var(--neon), inset 0 0 0 1px rgba(var(--neon-rgb), .34), 0 0 22px -8px rgba(var(--neon-rgb), .85)}.settings-save{color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:14px 0 0;font-size:12px;display:flex}.settings-save.is-warn{color:var(--warn)}.settings-save__flash{color:var(--ok);opacity:0;font-weight:600}.settings-save__flash.is-on{opacity:1}.settings-select{width:100%;max-width:420px}.settings-fieldset{border:0;margin:16px 0 0;padding:0}.settings-fieldset legend{margin-bottom:8px;padding:0;font-weight:600}.settings-preview__list{gap:10px;margin:4px 0 12px;display:grid}.settings-preview__list div{border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:10px 12px}.settings-preview__list dt{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.settings-preview__list dd{margin:3px 0 0;font-size:15px}.settings-form{gap:10px;display:grid}.settings-field{gap:5px;font-weight:600;display:grid}.settings-field input,.settings-field select{width:100%;max-width:420px;font-weight:400}.settings-form__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.state-pill{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.state-pill.is-on{border-color:rgba(var(--ok-rgb), .6);color:var(--ok)}.role-pill{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:650;display:inline-block}.role-pill--owner{border-color:rgba(var(--neon-2-rgb), .7);color:#c7b8ff}.role-pill--admin{border-color:rgba(var(--neon-rgb), .7);color:var(--neon-text)}.role-pill--viewer{color:var(--text-dim)}.role-pill--unknown{border-color:rgba(var(--warn-rgb), .6);color:var(--warn)}:root:not([data-neon=off]) .role-pill--owner,:root:not([data-neon=off]) .role-pill--admin{box-shadow:0 0 12px -5px}.settings-page .account-hero{align-items:flex-start;gap:18px;display:flex}.account-hero__avatar{border:1px solid rgba(var(--neon-rgb), .55);background:radial-gradient(circle at 30% 25%, rgba(var(--neon-rgb), .35), rgba(var(--neon-2-rgb), .18) 60%, var(--bg));color:#f1f9ff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:grid}:root:not([data-neon=off]) .account-hero__avatar{box-shadow:0 0 24px -6px rgba(var(--neon-rgb), .8)}.account-hero__body{flex:1;min-width:0}.account-hero__name{overflow-wrap:anywhere;margin:0;font-size:20px}.account-hero__meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.account-facts{flex-wrap:wrap;gap:8px 24px;margin:12px 0 6px;display:flex}.account-facts dt{color:var(--text-dim);font-size:11px}.account-facts dd{overflow-wrap:anywhere;margin:2px 0 0}.account-hero__signin{margin:4px 0 0;font-size:13px}.session-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.session-row{border:1px solid var(--border);background:var(--bg);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.session-row.is-current{border-color:rgba(var(--ok-rgb), .45)}.session-row__body{gap:2px;min-width:0;display:grid}.session-row__name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.session-row__meta{overflow-wrap:anywhere;font-size:12px}.totp-enroll p{margin:0}.totp-enroll__grid{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.totp-enroll__qr{image-rendering:pixelated;background:#fff;border-radius:10px;padding:8px}.totp-enroll__side{flex:1;gap:8px;min-width:220px;display:grid}.settings-page .admins-card{padding:18px 0 6px}.settings-page .admins-card>.settings-card__head,.settings-page .admins-card>.settings-note,.settings-page .admins-card>.settings-ok,.settings-page .admins-card>.admins-add{margin-inline:20px}.settings-page .admins-card>.settings-ok{margin-top:0;margin-bottom:12px}.admins-table td{vertical-align:middle}.admins-table td.mono{white-space:nowrap}.settings-page .admins-card .settings-card__head>button{white-space:nowrap;flex:none}.admins-table tr.is-me td:first-child{box-shadow:inset 3px 0 0 rgba(var(--neon-rgb), .8)}.admins-user{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.admins-why{font-size:12px}.admins-add{border:1px solid rgba(var(--neon-rgb), .35);background:rgba(var(--neon-rgb), .04);border-radius:10px;margin-bottom:16px;padding:14px}.admins-add__title{margin:0 0 10px;font-size:15px}.admins-add__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:12px 0;display:grid}.admins-pending{border-color:rgba(var(--neon-rgb), .4);background:linear-gradient(135deg, rgba(var(--neon-rgb), .08), transparent 55%), var(--bg-panel)}.admins-pending p{max-width:760px;margin:0 0 10px}.roles-legend{gap:8px;margin:0;display:grid}.roles-legend div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.roles-legend dd{margin:0}@media (width<=780px){.settings-page .account-hero{flex-direction:column}}.media-panel{gap:16px;display:grid}.media-panel>*{min-width:0}.media-panel .media-card{border-radius:12px;margin-bottom:0;padding:18px 20px}.media-card__title{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:650;display:flex}.media-card__title .tenant-tab__count{margin-left:0;font-weight:500}.media-card__hint{max-width:820px;margin:0 0 14px;font-size:13px;line-height:1.5}.media-unsupported{max-width:760px}.media-empty{margin:8px 0 0}.media-note{margin:0 0 10px;font-size:13px}.media-sets{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px;display:grid}.media-set{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:12px 14px}.media-set.is-on{border-color:rgba(var(--neon-rgb), .55);background:rgba(var(--neon-rgb), .06)}:root:not([data-neon=off]) .media-set.is-on{box-shadow:0 0 18px -10px rgba(var(--neon-rgb), .9)}.media-panel .media-set .switch-row{white-space:normal;align-items:flex-start;margin:0;font-weight:400;display:flex}.media-panel .media-set .switch-row__track{margin-top:1px}.media-set__text{gap:2px;display:grid}.media-set__text strong{font-weight:650}.media-set__text small{font-size:12px;line-height:1.45}.media-panel .media-switch{white-space:nowrap;margin:0;font-size:13px;font-weight:500}.media-drop{border:1.5px dashed rgba(var(--neon-rgb), .45);background:linear-gradient(135deg, rgba(var(--neon-rgb), .07), transparent 60%), var(--bg);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:12px;padding:16px 18px;display:flex}.media-drop__text{gap:2px;min-width:0;display:grid}.media-drop__text strong{font-weight:650}.media-drop__text .dim{font-size:13px}.media-drop.is-over{border-style:solid;border-color:var(--neon);background:rgba(var(--neon-rgb), .12)}:root:not([data-neon=off]) .media-drop.is-over{box-shadow:0 0 0 3px rgba(var(--neon-rgb), .16), 0 0 26px -6px rgba(var(--neon-rgb), .9)}.media-drop.is-disabled{border-color:var(--border);background:var(--bg)}.media-log{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:13px}.media-log ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.media-log__row{grid-template-columns:18px minmax(0,max-content) minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.media-log__mark{color:var(--text-dim);text-align:center}.media-log__name{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:600;overflow:hidden}.media-log__text{color:var(--text-dim);overflow-wrap:anywhere}.media-log__row.is-done .media-log__mark{color:var(--ok)}.media-log__row.is-error .media-log__mark,.media-log__row.is-error .media-log__text{color:#ff8d86}.media-panel .media-log__clear{color:var(--text-dim);margin-top:6px;font-size:12px}.media-errors{gap:6px;margin-bottom:12px;display:grid}.media-panel .media-error{justify-content:space-between;align-items:flex-start;gap:10px;margin:0;display:flex}.media-panel .media-error button.link{color:inherit}.media-panel button.media-inline{max-width:100%;color:var(--text);overflow-wrap:anywhere;align-items:baseline;gap:6px;font-weight:600;display:inline-flex}.media-panel button.media-inline:hover:not(:disabled){color:var(--neon-text)}.media-panel button.media-inline:disabled{opacity:1;cursor:default}.media-inline__pen{color:var(--text-dim);opacity:0;font-size:12px;font-weight:400}.media-inline:hover .media-inline__pen,.media-inline:focus-visible .media-inline__pen{opacity:1}.media-inline-edit{gap:4px;min-width:0;max-width:100%;display:inline-grid}.media-panel .media-inline-edit input{width:100%;min-width:120px;padding:4px 8px;font-weight:400}.media-inline-edit__error{color:#ff8d86;font-size:12px;font-weight:400;line-height:1.35}.media-off-pill{border:1px solid rgba(var(--warn-rgb), .6);color:var(--warn);border-radius:999px;margin-left:8px;padding:0 7px;font-size:11px}.media-move{gap:4px;display:inline-flex}.media-panel .media-move button{min-width:30px;padding:3px 8px}.clip-list{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.clip-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;grid-template-columns:auto auto minmax(160px,1fr) minmax(170px,240px) auto auto auto;grid-template-areas:"play emoji main volume enabled move delete";align-items:center;gap:10px 14px;padding:10px 12px;display:grid}.clip-row:hover,.clip-row:focus-within{border-color:rgba(var(--neon-rgb), .35)}.clip-row>.clip-play{grid-area:play}.clip-row>.clip-emoji-wrap{grid-area:emoji}.clip-row>.clip-main{grid-area:main}.clip-row>.clip-volume{grid-area:volume}.clip-row>.clip-enabled{grid-area:enabled}.clip-row>.media-move{grid-area:move}.clip-row>.clip-delete{grid-area:delete}.clip-row.is-off .clip-main,.clip-row.is-off .clip-play{opacity:.6}.media-panel .clip-play{border:1px solid rgba(var(--neon-rgb), .55);background:rgba(var(--neon-rgb), .1);width:36px;height:36px;color:var(--neon-text);border-radius:50%;place-items:center;padding:0;font-size:13px;line-height:1;display:grid}.media-panel .clip-play:hover:not(:disabled){background:rgba(var(--neon-rgb), .22)}.media-panel .clip-play.is-playing,.media-panel .clip-play.is-playing:hover:not(:disabled){border-color:var(--neon);background:rgba(var(--neon-rgb), .3);color:#f1f9ff}:root:not([data-neon=off]) .media-panel .clip-play.is-playing{box-shadow:0 0 16px -2px rgba(var(--neon-rgb), .9)}.clip-emoji-wrap{display:inline-block;position:relative}.media-panel input.clip-emoji{text-align:center;width:46px;height:36px;padding:2px;font-size:20px;line-height:1}.media-panel input.clip-emoji::placeholder{color:var(--text-dim);opacity:.7;font-size:16px}.media-panel input.clip-emoji[aria-invalid=true]{border-color:var(--danger)}.clip-emoji-error{z-index:3;border:1px solid var(--danger);background:var(--bg-panel);border-radius:6px;width:max-content;max-width:260px;padding:4px 8px;position:absolute;top:calc(100% + 4px);left:0}.clip-main{justify-items:start;gap:2px;min-width:0;display:grid}.clip-meta{font-size:12px}.clip-volume{align-items:center;gap:8px;min-width:0;display:flex}.media-panel .clip-volume input[type=range]{min-width:0;accent-color:var(--neon);background:0 0;border:0;flex:1;padding:0}.clip-volume output{font-variant-numeric:tabular-nums;text-align:right;min-width:46px;font-size:13px}.clip-switch-label{font-size:13px}.gif-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.gif-pack-create{gap:8px;margin-bottom:10px;display:flex}.gif-pack-create input{flex:1;min-width:0}.gif-pack-list{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.media-panel .gif-pack-btn{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:8px 10px;display:flex}.media-panel .gif-pack-btn:hover:not(:disabled){background:rgba(var(--neon-rgb), .07)}.media-panel .gif-pack-btn.is-selected,.media-panel .gif-pack-btn.is-selected:hover:not(:disabled){border-color:rgba(var(--neon-rgb), .45);background:rgba(var(--neon-rgb), .12);color:#f1f9ff}:root:not([data-neon=off]) .media-panel .gif-pack-btn.is-selected{box-shadow:inset 3px 0 0 var(--neon), 0 0 18px -10px rgba(var(--neon-rgb), .9)}.gif-pack-btn__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.gif-pack-btn__count{flex:none;font-size:12px}.gif-pack__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gif-pack__head .media-card__title{min-width:0}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.gif-tile{border:1px solid var(--border);background:var(--bg);border-radius:12px;grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.gif-tile:hover,.gif-tile:focus-within{border-color:rgba(var(--neon-rgb), .45)}:root:not([data-neon=off]) .gif-tile:hover,:root:not([data-neon=off]) .gif-tile:focus-within{box-shadow:0 10px 28px -18px rgba(var(--neon-rgb), .9)}.gif-tile__media{aspect-ratio:4/3;border-bottom:1px solid var(--border);background-color:#0b1220;background-image:conic-gradient(#ffffff0b 25%, transparent 0 50%, #ffffff0b 0 75%, transparent 0);background-size:16px 16px;place-items:center;display:grid;position:relative;overflow:hidden}.gif-tile__media img,.gif-tile__media video{object-fit:contain;width:100%;height:100%}.gif-tile__placeholder{color:var(--text-dim);letter-spacing:.08em;font-weight:700}.gif-tile__off{border:1px solid rgba(var(--warn-rgb), .6);color:var(--warn);background:#060a13d9;border-radius:999px;padding:1px 8px;font-size:11px;position:absolute;top:8px;left:8px}.gif-tile.is-off .gif-tile__media>:not(.gif-tile__off){opacity:.45}.gif-tile__body{align-content:start;justify-items:start;gap:6px;min-width:0;padding:10px 12px 12px;display:grid}.media-panel .gif-tile__tags{font-weight:400}.gif-tile__meta{overflow-wrap:anywhere;font-size:11px}.gif-tile__meta code{font-size:11px}.gif-tile__actions{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.gif-tile__actions .danger-outline{margin-left:auto}.media-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.media-chip{border:1px solid rgba(var(--neon-rgb), .35);background:rgba(var(--neon-rgb), .08);color:var(--neon-text);border-radius:999px;padding:0 7px;font-size:12px;font-weight:500;line-height:1.6}.ui-sound-group{margin-top:18px}.ui-sound-group__title{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 8px;font-size:12px;font-weight:650;display:flex}.ui-sound-group__title:before{background:var(--neon);content:"";border-radius:2px;width:12px;height:2px}:root:not([data-neon=off]) .ui-sound-group__title:before{box-shadow:0 0 8px rgba(var(--neon-rgb), .9)}.ui-sound-group__count{color:rgb(var(--neon-2-rgb));letter-spacing:.02em;text-transform:none;font-weight:600}.ui-sound-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ui-sound-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;grid-template-columns:minmax(0,1fr) 268px 200px 262px;grid-template-areas:"main play volume actions";align-items:center;gap:8px 14px;padding:9px 12px;display:grid}.ui-sound-row:hover,.ui-sound-row:focus-within{border-color:rgba(var(--neon-rgb), .35)}.ui-sound-row.is-own{border-color:rgba(var(--neon-2-rgb), .5);background:linear-gradient(90deg, rgba(var(--neon-2-rgb), .09), transparent 55%), var(--bg)}:root:not([data-neon=off]) .ui-sound-row.is-own{box-shadow:0 0 18px -12px rgba(var(--neon-2-rgb), .95)}.ui-sound-row>.ui-sound-main{grid-area:main}.ui-sound-row>.ui-sound-play{grid-area:play}.ui-sound-row>.ui-sound-volume{grid-area:volume}.ui-sound-row>.ui-sound-actions{grid-area:actions}.ui-sound-row>.ui-sound-feedback{grid-column:1/-1}.ui-sound-feedback{gap:2px;min-width:0;display:grid}.ui-sound-main{justify-items:start;gap:3px;min-width:0;display:grid}.ui-sound-name{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.ui-sound-name strong{overflow-wrap:anywhere;font-weight:600}.ui-sound-tag{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:0 7px;font-size:11px;line-height:1.6}.ui-sound-tag.is-own{border-color:rgba(var(--neon-2-rgb), .6);background:rgba(var(--neon-2-rgb), .12);color:#c9bcff}.ui-sound-meta{font-size:12px}.ui-sound-meta__part{white-space:nowrap}.ui-sound-status-wrap{flex-wrap:wrap;gap:2px 12px;min-width:0;display:flex}.ui-sound-status{overflow-wrap:anywhere;font-size:12px;line-height:1.4}.ui-sound-status.is-work,.ui-sound-status.is-note{color:var(--text-dim)}.ui-sound-status.is-done{color:var(--ok)}.ui-sound-status.is-warn{color:var(--warn)}.ui-sound-status.is-error{color:#ff8d86}.ui-sound-play,.ui-sound-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ui-sound-actions{justify-content:flex-end}.media-panel .ui-sound-btn{border:1px solid rgba(var(--neon-rgb), .5);background:rgba(var(--neon-rgb), .08);color:var(--neon-text);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 8px;font-size:13px;display:inline-flex}.media-panel .ui-sound-btn:hover:not(:disabled){background:rgba(var(--neon-rgb), .2)}.media-panel .ui-sound-btn.is-own{border-color:rgba(var(--neon-2-rgb), .65);background:rgba(var(--neon-2-rgb), .1);color:#c9bcff}.media-panel .ui-sound-btn.is-own:hover:not(:disabled){background:rgba(var(--neon-2-rgb), .22)}.ui-sound-btn__icon{background:rgba(var(--neon-rgb), .18);border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;line-height:1;display:inline-grid}.ui-sound-btn.is-own .ui-sound-btn__icon{background:rgba(var(--neon-2-rgb), .24)}.media-panel .ui-sound-btn.is-playing,.media-panel .ui-sound-btn.is-playing:hover:not(:disabled){border-color:var(--neon);background:rgba(var(--neon-rgb), .3);color:#f1f9ff}.media-panel .ui-sound-btn.is-own.is-playing,.media-panel .ui-sound-btn.is-own.is-playing:hover:not(:disabled){border-color:rgb(var(--neon-2-rgb));background:rgba(var(--neon-2-rgb), .34)}:root:not([data-neon=off]) .media-panel .ui-sound-btn.is-playing{box-shadow:0 0 14px -2px rgba(var(--neon-rgb), .9)}:root:not([data-neon=off]) .media-panel .ui-sound-btn.is-own.is-playing{box-shadow:0 0 14px -2px rgba(var(--neon-2-rgb), .95)}.media-panel .ui-sound-volume input[type=range]{accent-color:rgb(var(--neon-2-rgb))}.tenant-tabs{flex-wrap:wrap}@media (width<=1180px){.clip-row{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"play emoji main move delete""volume volume volume enabled enabled"}.ui-sound-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"main main actions""play volume volume"}}@media (width<=900px){.gif-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.media-panel .media-card{padding:14px}.clip-row{flex-wrap:wrap;display:flex}.clip-row>.clip-main{flex:1 1 0}.clip-row>.clip-volume{flex:100%;order:1}.clip-row>.clip-enabled{order:2}.clip-row>.media-move{order:3}.clip-row>.clip-delete{order:4;margin-left:auto}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-log__name{max-width:140px}.ui-sound-row{flex-wrap:wrap;display:flex}.ui-sound-row>.ui-sound-main,.ui-sound-row>.ui-sound-feedback{flex:100%}.ui-sound-row>.ui-sound-volume{flex:100%;order:1}.ui-sound-row>.ui-sound-actions{flex:auto;order:2;justify-content:flex-start}}@media (prefers-reduced-motion:no-preference){.media-drop,.media-set,.clip-row,.gif-tile,.ui-sound-row,.media-panel .clip-play,.media-panel .gif-pack-btn,.media-panel .ui-sound-btn{transition:border-color .18s,box-shadow .25s,background-color .18s}.media-inline__pen{transition:opacity .15s}:root:not([data-neon=off]) .media-panel .clip-play.is-playing,:root:not([data-neon=off]) .media-panel .ui-sound-btn.is-playing:not(.is-own){animation:1.4s ease-in-out infinite media-playing}@keyframes media-playing{0%,to{box-shadow:0 0 10px -3px rgba(var(--neon-rgb), .7)}50%{box-shadow:0 0 20px 0 rgba(var(--neon-rgb), 1)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0d1117;--bg-panel:#161b22;--bg-panel-hover:#1f262d;--border:#2a313a;--text:#e6edf3;--text-dim:#8b949e;--accent:#58a6ff;--danger:#f85149;--ok:#3fb950;--warn:#d29922;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){background:var(--bg-panel-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#0d1117;border-color:var(--accent)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}input,textarea,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;padding:20px 0;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);padding:0 20px 20px;font-size:16px;font-weight:600}.sidebar nav{flex-direction:column;gap:2px;padding:12px 8px;display:flex}.sidebar nav a{color:var(--text);border-radius:6px;padding:8px 12px}.sidebar nav a.active{background:var(--bg-panel-hover);color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:auto;padding:12px 20px;font-size:12px}.main{width:100%;max-width:1400px;padding:24px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h1{margin:0;font-size:22px;font-weight:600}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:16px}.stat-card .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px}.stat-card .value{font-size:24px;font-weight:600}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 12px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.pill{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.danger{color:var(--danger);border-color:var(--danger)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar input[type=search],.toolbar input[type=text]{flex:1;min-width:200px}.error{color:var(--danger);border:1px solid var(--danger);background:#f851491a;border-radius:6px;margin-bottom:12px;padding:8px 12px}.feature-off{color:var(--text);border:1px solid var(--warn);background:#d299221a;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px;line-height:1.45}.feature-off strong{color:var(--warn)}.empty{text-align:center;color:var(--text-dim);padding:40px 20px}.mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.dim{color:var(--text-dim)}.row-gap{flex-direction:column;gap:8px;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;width:360px;padding:32px;display:flex}.koko-admin-tabs{border-bottom:1px solid var(--border);gap:4px;margin:16px 0 12px;display:flex}.koko-admin-tab{color:var(--fg-dim,#8b949e);cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px}.koko-admin-tab:hover{color:var(--fg,#c9d1d9)}.koko-admin-tab.active{color:var(--fg,#c9d1d9);border-bottom-color:#2f81f7}.koko-admin-pack-form,.koko-admin-item-form{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.koko-admin-pack-form input[type=text],.koko-admin-item-form input[type=text]{min-width:220px}button.link{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}button.link:hover{color:#2f81f7}button.small{padding:4px 10px;font-size:12px}.koko-admin-item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px;display:grid}.koko-admin-item-tile{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.koko-admin-item-tile img{object-fit:contain;width:80px;height:80px;image-rendering:-webkit-optimize-contrast}.koko-admin-item-tile code{color:var(--fg-dim,#8b949e);font-size:12px}.koko-admin-clip-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.koko-admin-clip-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr auto 220px auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.koko-admin-clip-row audio{width:220px;height:32px}.koko-admin-clip-name{font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-password-row{align-items:stretch;gap:6px;display:flex}.login-password-row input{flex:auto;min-width:0}.login-password-toggle{cursor:pointer;flex:none;padding:0 12px;font-size:16px;line-height:1}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100dvh}.sidebar{scrollbar-width:thin;height:100dvh;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:10px;font-size:15px;display:flex}.sidebar-brand small{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.sidebar-brand__mark{flex:none;width:34px;height:34px;display:block}.sidebar nav{gap:14px}.sidebar-nav-group{flex-direction:column;gap:2px;display:flex}.sidebar-nav-group__label{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;padding:0 12px 5px;font-size:10px;font-weight:700}.sidebar nav a{align-items:center;gap:9px;min-height:36px;display:flex}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.sidebar-nav-icon{width:20px;color:var(--text-dim);flex:0 0 20px;place-items:center;display:grid}.sidebar nav a.active .sidebar-nav-icon{color:var(--accent)}.sidebar-nav-text{flex:1;min-width:0}.sidebar nav a.nav-off .sidebar-nav-text,.sidebar nav a.nav-off .sidebar-nav-icon{opacity:.5}.sidebar-nav-off{color:var(--text-dim);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:0 4px;font-size:10px}.sidebar-nav-badge{background:var(--danger);color:#fff;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.main{min-width:0;max-width:1600px;padding:28px clamp(20px,3vw,48px) 56px}.page-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:750}.admin-intro-card{background:radial-gradient(circle at 90% 0, #3fb9501f, transparent 38%), linear-gradient(135deg, #58a6ff14, transparent 52%), var(--bg-panel);border:1px solid #58a6ff47;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex}.admin-intro-card p{max-width:760px;color:var(--text-dim);margin:5px 0 0}.admin-intro-card__facts{color:var(--text-dim);flex:none;gap:5px;font-size:12px;display:grid}.tenant-wizard{border-radius:14px;padding:0;overflow:hidden}.tenant-wizard__header{border-bottom:1px solid var(--border);background:linear-gradient(140deg,#58a6ff1a,#0000 60%);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px;display:flex}.tenant-wizard__header h2,.table-card__header h3,.tenant-section-heading h3{margin:0}.tenant-wizard__header p.dim{max-width:650px;margin:6px 0 0}.tenant-wizard__progress{color:var(--text-dim);gap:8px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.tenant-wizard__progress li{white-space:nowrap;align-items:center;gap:5px;display:flex}.tenant-wizard__progress li span{border:1px solid var(--border);background:var(--bg);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.tenant-wizard__progress li.is-current span{border-color:var(--accent);color:var(--accent)}.tenant-wizard__progress li.is-ready{color:var(--ok)}.tenant-wizard__progress li.is-ready span{border-color:var(--ok);background:#3fb9501a}.tenant-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 22px 4px;display:grid}button.tenant-mode-card{text-align:left;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:16px;display:grid}button.tenant-mode-card.is-selected{border-color:var(--accent);background:#58a6ff1a;box-shadow:inset 0 0 0 1px #58a6ff1f}.tenant-mode-card__icon{background:var(--bg);width:40px;height:40px;color:var(--accent);border-radius:10px;grid-row:span 2;place-items:center;font-size:19px;display:grid}.tenant-mode-card strong{font-size:14px}.tenant-mode-card small{color:var(--text-dim);margin-top:2px;line-height:1.35}.tenant-requirements,.tenant-wizard__section{border:1px solid var(--border);background:#0d111752;border-radius:12px;margin:18px 22px 0;padding:18px}.tenant-requirements{background:#d299220e;border-color:#d2992259}.tenant-section-heading{align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.tenant-section-heading p{color:var(--text-dim);margin:3px 0 0}.tenant-step-number{width:28px;height:28px;color:var(--accent);background:#58a6ff1a;border:1px solid #58a6ff73;border-radius:9px;flex:0 0 28px;place-items:center;font-weight:750;display:grid}.tenant-requirements__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tenant-requirements__grid div{border:1px solid var(--border);background:var(--bg-panel);border-radius:9px;gap:3px;padding:11px;display:grid}.tenant-requirements__grid span{color:var(--text-dim);font-size:11px}.tenant-requirements__recommended{margin-bottom:8px}.tenant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tenant-form-grid>label:not(.tenant-option-card),.tenant-secret-field{align-content:start;gap:6px;font-weight:600;display:grid}.tenant-form-grid input,.tenant-form-grid textarea,.tenant-form-grid select{width:100%}.tenant-form-grid__wide{grid-column:1/-1}.field-help{color:var(--text-dim);font-size:11px;font-weight:400}.tenant-option-card{border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;padding:12px;display:flex}.tenant-option-card input{width:auto;margin-top:3px}.tenant-option-card span{gap:3px;display:grid}.tenant-option-card small{color:var(--text-dim);font-weight:400}.tenant-auth-method{border:0;align-items:stretch;gap:6px;min-width:0;margin:0;padding:0;display:flex}.tenant-auth-method legend{margin-bottom:6px;font-weight:600}.tenant-auth-method label{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:7px;flex:1;align-items:center;gap:7px;padding:7px 10px;display:flex}.tenant-auth-method label.is-selected{border-color:var(--accent);background:#58a6ff1a}.tenant-auth-method input{width:auto}.tenant-secret-note{color:var(--text-dim);background:#3fb95012;border:1px solid #3fb95052;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:400}.tenant-endpoints{gap:12px;display:grid}.tenant-endpoints__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tenant-endpoints__header>div{gap:2px;display:grid}.tenant-endpoints__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tenant-endpoints article{border:1px solid var(--border);background:var(--bg-panel);border-radius:9px;gap:3px;min-width:0;padding:10px;display:grid}.tenant-endpoints article>span,.tenant-endpoints article small{color:var(--text-dim);font-size:10px}.tenant-endpoints article strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tenant-dns-preview summary{color:var(--accent);cursor:pointer}.tenant-dns-preview pre{border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:8px;margin:9px 0 0;padding:11px;font-size:11px;overflow-x:auto}.tenant-placeholder{border:1px dashed var(--border);color:var(--text-dim);text-align:center;border-radius:9px;padding:18px}.tenant-launch-panel{border-top:1px solid var(--border);background:var(--bg-panel-hover);gap:11px;margin-top:18px;padding:18px 22px 22px;display:grid}.tenant-launch-panel__checks,.tenant-launch-panel__actions{flex-wrap:wrap;gap:8px;display:flex}.tenant-launch-panel__checks span{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:4px 9px;font-size:11px}.tenant-launch-panel__checks span.is-ready{color:var(--ok);border-color:#3fb9507a}.tenant-launch-panel p,.tenant-launch-panel .error{margin:0}.table-card{overflow:hidden}.table-card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.table-scroll{overflow-x:auto}.table-scroll table{min-width:860px}@media (width<=1120px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.main{padding-inline:20px}.tenant-wizard__header,.admin-intro-card{flex-direction:column;align-items:flex-start}.tenant-requirements__grid,.tenant-endpoints__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;padding:12px 0;position:static;overflow:visible}.sidebar-brand{padding:0 14px 12px}.sidebar nav{scrollbar-width:thin;flex-direction:row;gap:6px;padding:9px 12px 2px;overflow-x:auto}.sidebar-nav-group{display:contents}.sidebar-nav-group__label,.sidebar-footer{display:none}.sidebar nav a{border:1px solid var(--border);white-space:nowrap;flex:none;min-height:34px;padding:7px 10px}.sidebar nav a.active{box-shadow:none;border-color:var(--accent)}.main{padding:18px 12px 44px}.tenant-mode-grid,.tenant-form-grid,.tenant-requirements__grid,.tenant-endpoints__grid{grid-template-columns:1fr}.tenant-mode-grid{padding-inline:14px}.tenant-requirements,.tenant-wizard__section{margin-inline:14px;padding:14px}.tenant-form-grid__wide{grid-column:auto}.tenant-wizard__header,.tenant-launch-panel{padding-inline:14px}.tenant-wizard__progress,.tenant-endpoints__header,.table-card__header{flex-direction:column;align-items:flex-start}.tenant-launch-panel__actions button{width:100%}}.badge-legend{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.badge-demo-name{font-weight:600}.badge-demo-name.is-vip,.badge-star.is-on{color:#f0b232}.badge-pill{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border:1px solid;border-radius:999px;max-width:10rem;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.4;display:inline-block;overflow:hidden}.badge-controls{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.badge-controls button{padding:1px 7px;font-size:11px;line-height:1.5}.badge-controls .badge-star-btn{color:var(--text-dim)}.badge-controls .badge-star-btn.is-on{color:#f0b232;background:#f0b2321a;border-color:#f0b2328c}.badge-controls .badge-pill-btn{background:0 0;border:none;max-width:7rem;padding:0}.badge-controls .badge-pill-btn:hover:not(:disabled){filter:brightness(1.15);background:0 0}.badge-controls .badge-pill-btn .badge-pill{max-width:7rem}.badge-controls .badge-add-btn{color:var(--text-dim);border-style:dashed}.label-editor{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;padding:4px 0;display:flex}.label-editor-text input{width:300px;margin-top:4px;display:block}.label-editor-colors{border:none;gap:8px;margin:0;padding:0;display:flex}.label-editor-colors legend{margin-bottom:6px;padding:0;font-size:13px}.label-editor-colors .swatch{cursor:pointer;width:22px;height:22px;box-shadow:0 0 0 2px var(--bg-panel);border-radius:50%;position:relative}.label-editor-colors .swatch.is-picked{box-shadow:0 0 0 2px var(--bg-panel), 0 0 0 4px var(--text)}.label-editor-colors .swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.label-editor-colors .swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.badge-legend-colors .badge-pill{margin-right:4px}.label-editor-preview .badge-pill{max-width:16rem}.label-editor-preview{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:6px 10px}.label-editor-actions{flex-basis:100%;margin-bottom:0}.tenant-tabs{margin:20px 0 16px}.tenant-tab__count{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px}.tenant-tab__warn{color:var(--warn);margin-left:8px;font-size:11px}.sr-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.sr-nav{scrollbar-width:thin;max-height:calc(100dvh - 32px);margin-bottom:0;padding:12px 8px;position:sticky;top:16px;overflow-y:auto}.sr-nav__search{width:100%;margin-bottom:10px}.sr-nav__error{font-size:12px}.sr-nav__list,.sr-nav__rooms{margin:0;padding:0;list-style:none}.sr-nav__group+.sr-nav__group{margin-top:4px}.sr-nav__space{border-radius:6px;align-items:stretch;display:flex}.sr-nav__space:hover{background:var(--bg-panel-hover)}.sr-nav__space.is-selected{box-shadow:inset 3px 0 0 var(--accent);background:#58a6ff1f}.sr-nav__toggle{color:var(--text-dim);background:0 0;border:0;flex:0 0 26px;place-items:center;padding:0;display:grid}button.sr-nav__toggle:hover:not(:disabled){color:var(--text);background:0 0}button.sr-nav__toggle:disabled{opacity:.6;cursor:default}.sr-nav__space-btn{text-align:left;background:0 0;border:0;flex:1;gap:1px;min-width:0;padding:6px 8px 6px 2px;display:grid}.sr-nav__space-btn:hover:not(:disabled){background:0 0}.sr-nav__name{overflow-wrap:anywhere;font-weight:600}.sr-nav__space.is-selected .sr-nav__name{color:var(--accent)}.sr-nav__space--unassigned .sr-nav__name{color:var(--text-dim);font-style:italic;font-weight:500}.sr-nav__meta{color:var(--text-dim);font-size:11px}.sr-nav__rooms{border-left:1px solid var(--border);margin:2px 0 6px 26px}.sr-nav__room{text-align:left;background:0 0;border:0;border-radius:0 6px 6px 0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px 8px 4px 10px;font-size:13px;display:flex}.sr-nav__room:hover:not(:disabled){background:var(--bg-panel-hover)}.sr-nav__room.is-selected,.sr-nav__room.is-selected:hover:not(:disabled){box-shadow:inset 2px 0 0 var(--accent);color:var(--accent);background:#58a6ff1f}.sr-nav__room-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sr-tag{border:1px solid;border-radius:999px;flex:none;padding:0 6px;font-size:10px}.sr-tag.is-open{color:var(--ok);border-color:#3fb95073}.sr-tag.is-private{color:var(--warn);border-color:#d2992280}.sr-inline-pill{vertical-align:middle;margin-left:6px}.sr-detail{min-width:0}.sr-panel{margin-bottom:0;padding:18px 20px}.sr-panel__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sr-panel__head>button{white-space:nowrap;flex:none}.sr-panel__head+.sr-note{margin-top:12px}.sr-panel__title{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600}.sr-panel__meta{margin-top:4px;font-size:13px}.sr-crumbs{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.sr-crumbs button.link{color:var(--accent)}.sr-tabs{margin:16px 0 14px}.sr-note{margin:0 0 12px;font-size:13px}.sr-reminder{background:#58a6ff14;border:1px solid #58a6ff73;border-radius:8px;margin:14px 0;padding:10px 12px;font-size:13px;line-height:1.45}.sr-reminder strong{color:var(--accent)}.sr-section-head{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.sr-section-head h3{margin:0 0 6px;font-size:15px}.sr-section-head input[type=search]{max-width:240px}.sr-table-wrap{overflow-x:auto}.sr-table td{vertical-align:middle}.sr-row-link{cursor:pointer}.sr-room-link{color:var(--accent);font-weight:600}.sr-empty{border:1px dashed var(--border);color:var(--text-dim);text-align:center;border-radius:8px;padding:20px}.sr-add{border:1px dashed var(--border);border-radius:8px;margin-top:12px;padding:12px}.sr-empty-inline{color:var(--text-dim);margin:10px 0 0;font-size:13px;font-style:italic}.sr-warn-note{background:#d2992214;border:1px solid #d2992280;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:13px;line-height:1.45}.sr-warn-note strong{color:var(--warn)}.sr-created{color:var(--ok);font-size:13px}.sr-created button.link{color:var(--accent);text-decoration:underline}.sr-create{border:1px solid var(--border);background:#0d111752;border-radius:10px;margin-bottom:16px;padding:14px}.sr-create__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.sr-create__grid label{gap:4px;display:grid}.sr-create__grid input,.sr-create__grid select{width:100%}.sr-create__wide{grid-column:1/-1}.sr-create__hint{margin:0;font-size:13px}.sr-facts{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:0 0 12px;display:grid}.sr-facts div{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:10px}.sr-facts dt{color:var(--text-dim);font-size:11px}.sr-facts dd{overflow-wrap:anywhere;margin:2px 0 0}.sr-danger{background:#f851490d;border:1px solid #f8514973;border-radius:10px;margin-top:18px;padding:14px}.sr-danger>strong{color:var(--danger)}@media (width<=1000px){.sr-layout{grid-template-columns:1fr}.sr-nav{max-height:50dvh;position:static}}@media (width<=780px){.sr-create__grid{grid-template-columns:1fr}.sr-panel__head{flex-direction:column}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060a13;--bg-panel:#0c1322;--bg-panel-hover:#132037;--border:#1d2a42;--text:#e6edf3;--text-dim:#8e9bb2;--accent:#58a6ff;--sidebar-bg:#0a1120;--neon:#36b7ff;--neon-text:#7fd0ff;--neon-rgb:54, 183, 255;--neon-2-rgb:139, 108, 255;--ok-rgb:63, 185, 80;--warn-rgb:210, 153, 34;--danger-rgb:248, 81, 73}:root:not([data-neon=off]){background:radial-gradient(1100px 620px at 108% -12%, rgba(var(--neon-2-rgb), .08), transparent 62%), radial-gradient(900px 560px at -12% 112%, rgba(var(--neon-rgb), .07), transparent 62%), var(--bg);background-attachment:fixed}:root:not([data-neon=off]) body{background:0 0}::selection{background:rgba(var(--neon-rgb), .35);color:#fff}.sidebar{background-color:var(--sidebar-bg);scrollbar-color:rgba(var(--neon-rgb), .3) transparent;background-image:linear-gradient(#0e182ce6,#080c18e6)}:root:not([data-neon=off]) .sidebar{border-right-color:rgba(var(--neon-rgb), .22);box-shadow:10px 0 34px -22px rgba(var(--neon-rgb), .6)}.sidebar-brand{border-bottom-color:rgba(var(--neon-rgb), .14)}:root:not([data-neon=off]) .sidebar-brand__mark{filter:drop-shadow(0 0 6px rgba(var(--neon-rgb), .55)) drop-shadow(0 0 16px rgba(var(--neon-2-rgb), .28))}:root:not([data-neon=off]) .sidebar-brand small{color:var(--neon-text);text-shadow:0 0 10px rgba(var(--neon-rgb), .6)}@media (width>=781px){.sidebar{padding-bottom:0}.sidebar nav{gap:10px}.sidebar nav a{min-height:32px;padding-block:6px}.sidebar-footer{z-index:1;background:var(--sidebar-bg);padding:10px 16px 12px 20px;position:sticky;bottom:0}.sidebar-nav-group__label{align-items:center;gap:6px;display:flex}}.sidebar-footer__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-footer__row>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-footer__row>button{flex:none}:root:not([data-neon=off]) .sidebar-footer{box-shadow:0 -14px 24px -16px #000000e6}:root:not([data-neon=off]) .sidebar-nav-group__label:before{content:"";background:linear-gradient(90deg, var(--neon), transparent);width:10px;height:1px;box-shadow:0 0 6px rgba(var(--neon-rgb), .7);flex:none}.sidebar nav a{color:#ccd6e4;position:relative}.sidebar nav a:hover{color:var(--text);text-decoration:none}:root:not([data-neon=off]) .sidebar nav a:before{content:"";background:linear-gradient(180deg, var(--neon), rgb(var(--neon-2-rgb)));opacity:0;pointer-events:none;border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0;transform:scaleY(.35)}:root:not([data-neon=off]) .sidebar nav a:hover{background:rgba(var(--neon-rgb), .07)}:root:not([data-neon=off]) .sidebar nav a:hover:before{opacity:.65;transform:scaleY(.75)}:root:not([data-neon=off]) .sidebar nav a:hover .sidebar-nav-icon{color:var(--neon-text)}:root:not([data-neon=off]) .sidebar nav a:focus-visible{outline:2px solid var(--neon);outline-offset:1px;box-shadow:0 0 0 4px rgba(var(--neon-rgb), .16), 0 0 18px rgba(var(--neon-rgb), .5)}:root:not([data-neon=off]) .sidebar nav a.active{color:#f1f9ff;background:linear-gradient(90deg, rgba(var(--neon-rgb), .2), rgba(var(--neon-rgb), .06) 62%, rgba(var(--neon-2-rgb), .05));box-shadow:inset 0 0 0 1px rgba(var(--neon-rgb), .34), 0 0 22px -8px rgba(var(--neon-rgb), .85)}:root:not([data-neon=off]) .sidebar nav a.active:before{opacity:1;box-shadow:0 0 10px var(--neon), 0 0 2px var(--neon);top:5px;bottom:5px;transform:none}:root:not([data-neon=off]) .sidebar nav a.active .sidebar-nav-icon{color:var(--neon-text);text-shadow:0 0 10px rgba(var(--neon-rgb), .95)}:root:not([data-neon=off]) .sidebar nav a.nav-off:hover:before{opacity:0}:root:not([data-neon=off]) .sidebar nav a.nav-off.active{color:var(--text);background:#ffffff0a;animation:none;box-shadow:inset 0 0 0 1px #ffffff1a}:root:not([data-neon=off]) .sidebar nav a.nav-off.active:before{background:var(--text-dim);box-shadow:none}:root:not([data-neon=off]) .sidebar nav a.nav-off.active .sidebar-nav-icon{color:var(--text-dim);text-shadow:none}:root:not([data-neon=off]) .sidebar-nav-badge{box-shadow:0 0 12px rgba(var(--danger-rgb), .7)}.sidebar-footer{border-top-color:rgba(var(--neon-rgb), .12)}.sidebar-whoami{color:var(--text)}.sidebar-build{color:var(--text-dim);margin-top:4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px}.page-header{position:relative}:root:not([data-neon=off]) .page-header:after{content:"";background:linear-gradient(90deg, rgba(var(--neon-rgb), .9), rgba(var(--neon-2-rgb), .45) 36%, transparent 78%);height:1px;box-shadow:0 0 10px rgba(var(--neon-rgb), .45);pointer-events:none;position:absolute;bottom:-10px;left:0;right:0}:root:not([data-neon=off]) .page-header h1{text-shadow:0 0 24px rgba(var(--neon-rgb), .3)}:root:not([data-neon=off]) .page-kicker{color:var(--neon-text);text-shadow:0 0 10px rgba(var(--neon-rgb), .55)}.mon-section-title{align-items:center;gap:10px;display:flex}:root:not([data-neon=off]) .mon-section-title:after{content:"";background:linear-gradient(90deg, rgba(var(--neon-rgb), .55), transparent 72%);height:1px;box-shadow:0 0 8px rgba(var(--neon-rgb), .35);flex:1}.card,.stat-card,.mon-stat,.mon-item{border-color:rgba(var(--neon-rgb), .11)}.stat-card,.mon-stat{position:relative}:root:not([data-neon=off]) .stat-card:not([style*=opacity]):before,:root:not([data-neon=off]) .mon-stat:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--neon-rgb), .85), transparent);height:1px;box-shadow:0 0 8px rgba(var(--neon-rgb), .5);pointer-events:none;position:absolute;top:-1px;left:14px;right:14px}:root:not([data-neon=off]) .stat-card:not([style*=opacity]):hover,:root:not([data-neon=off]) .mon-stat:hover{border-color:rgba(var(--neon-rgb), .42);box-shadow:0 12px 32px -20px rgba(var(--neon-rgb), .9)}:root:not([data-neon=off]) .mon-stat-val{text-shadow:0 0 18px color-mix(in srgb, currentColor 40%, transparent)}:root:not([data-neon=off]) .mon-item.is-ok{border-color:rgba(var(--ok-rgb), .3);box-shadow:0 0 18px -11px rgba(var(--ok-rgb), .95)}:root:not([data-neon=off]) .mon-item.is-attention{border-color:rgba(var(--warn-rgb), .5);box-shadow:0 0 18px -9px rgba(var(--warn-rgb), .95)}:root:not([data-neon=off]) .mon-item.is-down{border-color:rgba(var(--danger-rgb), .65);box-shadow:0 0 20px -7px rgba(var(--danger-rgb), .95)}:root:not([data-neon=off]) .mon-item:hover{border-color:rgba(var(--neon-rgb), .7);box-shadow:0 0 22px -8px rgba(var(--neon-rgb), .9)}:root:not([data-neon=off]) button.primary{border-color:rgba(var(--neon-rgb), .9);color:#03101d;box-shadow:0 6px 18px -10px rgba(var(--neon-rgb), .95);background:linear-gradient(135deg,#52c6ff,#3a8dff)}:root:not([data-neon=off]) button.primary:hover:not(:disabled){color:#03101d;box-shadow:0 0 0 1px rgba(var(--neon-rgb), .35), 0 8px 24px -8px rgba(var(--neon-rgb), 1);background:linear-gradient(135deg,#74d3ff,#4f9cff)}:root[data-neon=off] button.primary:hover:not(:disabled){color:#0d1117;background:#79b8ff}:root:not([data-neon=off]) button.danger:hover:not(:disabled){color:#fff;box-shadow:0 0 18px -6px rgba(var(--danger-rgb), .95);background:#ff6a61}:root[data-neon=off] button.danger:hover:not(:disabled){color:#fff;background:#ff6a61}button.danger-outline{border-color:rgba(var(--danger-rgb), .6);color:#ff8d86;background:0 0}button.danger-outline:hover:not(:disabled){background:rgba(var(--danger-rgb), .12);border-color:rgb(var(--danger-rgb));color:#ffb3ad}:root:not([data-neon=off]) button:focus-visible,:root:not([data-neon=off]) a:focus-visible{outline:2px solid var(--neon);outline-offset:2px;box-shadow:0 0 16px rgba(var(--neon-rgb), .5)}:root:not([data-neon=off]) input:not([type=checkbox]):not([type=radio]):focus,:root:not([data-neon=off]) textarea:focus,:root:not([data-neon=off]) select:focus{outline:2px solid var(--neon);outline-offset:-1px;box-shadow:0 0 0 3px rgba(var(--neon-rgb), .16), 0 0 16px -3px rgba(var(--neon-rgb), .6)}input[type=checkbox],input[type=radio]{accent-color:var(--neon)}:root:not([data-neon=off]) .koko-admin-tab.active{color:#f1f9ff;border-bottom-color:var(--neon);text-shadow:0 0 12px rgba(var(--neon-rgb), .6);box-shadow:0 12px 14px -14px rgba(var(--neon-rgb), 1)}tbody tr:hover{background:rgba(var(--neon-rgb), .05)}:root:not([data-neon=off]) .pill.ok,:root:not([data-neon=off]) .pill.warn,:root:not([data-neon=off]) .pill.danger{box-shadow:0 0 10px -4px}.login-form{gap:10px;display:grid}.login-form input{width:100%}.login-divider{color:var(--text-dim);align-items:center;gap:10px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--neon-rgb), .45), transparent);flex:1;height:1px}.login-brand{width:64px;height:64px;margin:0 0 4px;display:block}:root:not([data-neon=off]) .login-brand{filter:drop-shadow(0 0 10px rgba(var(--neon-rgb), .55)) drop-shadow(0 0 24px rgba(var(--neon-2-rgb), .3))}:root:not([data-neon=off]) .login-card{border-color:rgba(var(--neon-rgb), .32);box-shadow:0 0 0 1px rgba(var(--neon-rgb), .08), 0 30px 80px -34px rgba(var(--neon-rgb), .6), 0 0 70px -34px rgba(var(--neon-2-rgb), .7)}@media (prefers-reduced-motion:no-preference){:root:not([data-neon=off]) .sidebar nav a{transition:background-color .18s,color .18s,box-shadow .25s}:root:not([data-neon=off]) .sidebar nav a:before{transition:opacity .2s,transform .28s cubic-bezier(.2,.8,.2,1)}:root:not([data-neon=off]) .sidebar nav a.active:not(.nav-off){animation:3.6s ease-in-out infinite neon-breathe}:root:not([data-neon=off]) .sidebar nav a:focus-visible,:root:not([data-neon=off]) button:focus-visible{animation:1.8s ease-in-out infinite neon-focus}:root:not([data-neon=off]) .mon-item.is-down{animation:1.9s ease-in-out infinite neon-alarm}:root:not([data-neon=off]) .stat-card,:root:not([data-neon=off]) .mon-stat,:root:not([data-neon=off]) .koko-admin-tab,:root:not([data-neon=off]) button:not(.mon-restart){transition:border-color .2s,box-shadow .25s,background-color .18s,color .18s}}@media (prefers-reduced-motion:reduce){.mon-item,.mon-restart{transition:none}.mon-item:hover{transform:none}}@keyframes neon-breathe{0%,to{box-shadow:inset 0 0 0 1px rgba(var(--neon-rgb), .3), 0 0 18px -9px rgba(var(--neon-rgb), .6)}50%{box-shadow:inset 0 0 0 1px rgba(var(--neon-rgb), .5), 0 0 26px -6px rgba(var(--neon-rgb), .95)}}@keyframes neon-focus{0%,to{box-shadow:0 0 0 3px rgba(var(--neon-rgb), .14), 0 0 12px rgba(var(--neon-rgb), .4)}50%{box-shadow:0 0 0 4px rgba(var(--neon-rgb), .26), 0 0 22px rgba(var(--neon-rgb), .7)}}@keyframes neon-alarm{0%,to{box-shadow:0 0 14px -8px rgba(var(--danger-rgb), .8)}50%{box-shadow:0 0 26px -4px rgba(var(--danger-rgb), 1)}}