*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family-sans);background:var(--surface-page);color:var(--text-default);-webkit-font-smoothing:antialiased;margin:0}tk-text::part(text){font:inherit}html:not(.tk-ready) body{visibility:hidden;animation:0s 3s forwards tk-reveal}@keyframes tk-reveal{to{visibility:visible}}tk-dialog:not(:defined){display:none}tk-confirm-dialog:not(:defined){display:none}tk-sheet:not(:defined){display:none}tk-tooltip:not(:defined)>:not(tk-icon-button){display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{padding:var(--space-96) var(--space-16)}.page-content{gap:var(--space-24);flex-direction:column;max-width:640px;margin-inline:auto;display:flex}.page-content.narrow{max-width:400px}.heading{gap:var(--space-8);flex-direction:column;display:flex}@media (max-width:599px){.page{padding:var(--space-40) var(--space-16)}}.code{border:1px solid var(--border-subtle);border-radius:var(--radius-12);background:var(--syntax-surface);min-width:0;overflow:hidden}.code-header{min-height:33px;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.code-body{padding:var(--space-12) var(--space-16);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-body-sm);color:var(--text-default);white-space:pre;tab-size:2;margin:0;overflow-x:auto}.code-body:focus-visible{outline:2px solid var(--border-accent-focus);outline-offset:-2px}.tok-fn{color:var(--syntax-function)}.tok-str{color:var(--syntax-string)}.tok-key{color:var(--syntax-variable)}.tok-punct{color:var(--syntax-punctuation)}.tabs-scroll{scrollbar-width:none;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll tk-tab-bar{width:max-content;min-width:100%}.panel{gap:var(--space-24);flex-direction:column;min-width:0;display:flex}.panel[hidden]{display:none}.panel:focus-visible{outline:none}.steps{gap:var(--space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step-item{gap:var(--space-16);flex-direction:column;display:flex}.step{gap:var(--space-4);display:flex}.step-number{flex:none;width:16px}.extra{gap:var(--space-8);flex-direction:column;display:flex}.key-form{gap:var(--space-24);flex-direction:column;display:flex}.admin{gap:var(--space-40);max-width:1248px;padding:var(--space-64) var(--space-24);flex-direction:column;margin:0 auto;display:flex}.admin-header{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.stats{gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{gap:var(--space-4);padding:var(--space-16);border:1px solid var(--border-subtle);border-radius:var(--radius-16);flex-direction:column;display:flex}.keys-table,.screens-table{width:100%}.keys-table th:first-child{width:25%}.keys-table th:nth-child(2){width:16.67%}.keys-table th:nth-child(3){width:13.33%}.keys-table th:nth-child(4){width:16.67%}.keys-table th:nth-child(5){width:13.33%}.screens-table th:first-child{width:40%}.keys-table :is(th,td),.screens-table :is(th,td){white-space:nowrap}.keys-table .muted{color:var(--text-secondary)}tr.clickable{cursor:pointer}.row-button{all:unset;cursor:pointer}.row-button:focus-visible{outline:2px solid var(--border-accent-focus);outline-offset:2px;border-radius:var(--radius-4)}.most-requested{gap:var(--space-16);flex-direction:column;display:flex}.signed-in{margin-top:calc(-1 * var(--space-16));align-items:baseline;display:flex}.link-button{all:unset;cursor:pointer;font-size:var(--font-size-xs);line-height:var(--line-height-body-xs);letter-spacing:var(--letter-spacing-caption);color:var(--text-tertiary);text-decoration:underline}.link-button:focus-visible{outline:2px solid var(--border-accent-focus);outline-offset:2px}.details{gap:var(--space-24);flex-direction:column;display:flex}.facts{gap:var(--space-12);outline:none;flex-direction:column;margin:0;display:flex}.facts>div{justify-content:space-between;align-items:center;gap:var(--space-16);min-height:20px;font-size:var(--font-size-sm);line-height:var(--line-height-body-sm);display:flex}.facts dt{color:var(--text-secondary)}.facts dd{text-align:end;margin:0}.recent{gap:var(--space-12);flex-direction:column;display:flex}.calls{gap:var(--space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.calls li{justify-content:space-between;align-items:flex-start;gap:var(--space-12);display:flex}.call-what{gap:var(--space-2);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.calls li>tk-text{flex:none}.created{gap:var(--space-16);flex-direction:column;display:flex}.signin{min-height:100vh;padding:var(--space-24) var(--space-16);place-items:center;display:grid}.signin-content{gap:var(--space-24);flex-direction:column;width:100%;max-width:360px;display:flex}.list{border:1px solid var(--border-subtle);border-radius:var(--radius-16);margin:0;padding:0;list-style:none;overflow:hidden}.list>li:not(:last-child),.list>.list-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.list-row{padding:var(--space-12) var(--space-16);display:flex}.key-row{gap:var(--space-4);color:inherit;flex-direction:column;text-decoration:none}.key-row:hover{background-image:var(--state-layer-hover)}.key-row:focus-visible{outline:2px solid var(--border-accent-focus);outline-offset:-2px;border-radius:var(--radius-16)}.key-row-top{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.key-row-bottom{align-items:center;gap:var(--space-8);min-width:0;display:flex}.screen-row{justify-content:space-between;align-items:center;gap:var(--space-12)}.screen-what{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.key-page{gap:var(--space-24);max-width:688px}.key-page-top{gap:var(--space-8);flex-direction:column;display:flex}.back-link{font-size:var(--font-size-sm);line-height:var(--line-height-body-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);align-self:flex-start;text-decoration:none}.back-link:hover{color:var(--text-default)}.back-link:focus-visible{outline:2px solid var(--border-accent-focus);outline-offset:2px;border-radius:var(--radius-4)}.facts-card{padding:var(--space-16);border:1px solid var(--border-subtle);border-radius:var(--radius-16)}.new-key-form{gap:var(--space-8);flex-direction:column;display:flex}.code-body.wrap{white-space:pre-wrap;word-break:break-all}.narrow-only{display:none}@media (max-width:767px){.admin{gap:var(--space-24);padding:var(--space-24) var(--space-16)}.stats{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.wide-only{display:none}.narrow-only{display:block}}.admin tk-empty-state{--tk-empty-state-max-width:40rem}
