:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#141a1f;--color-surface:#1c242c;--color-surface-input:#232d38;--color-text:#d8e4ec;--color-text-muted:#8899a8;--color-primary:#6aa8c0;--color-primary-fg:#0b1116;--color-border:#304050;--color-border-light:#283540;--color-focus:#506070;--color-btn:#283540;--color-btn-hover:#344555;--color-danger:#ef6b6b;--color-success:#5dd39e;--color-warning:#f4c97a;--color-highlight:#3b82f6;--color-editor-bg:#182028;--shadow-solid-sm:2px 2px 0 #0006;--shadow-solid:4px 4px 0 #0006;--radius:2px;--font-mono:"Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans:var(--font-mono);--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--sidebar-width:18rem}.has-grid-bg{background-color:var(--color-bg);background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:20px 20px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text);line-height:1.5;font-family:var(--font-mono);font-size:var(--text-base)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-btn);color:var(--color-text);box-shadow:var(--shadow-solid-sm);cursor:pointer;font-weight:400;line-height:16px;text-decoration:none;transition:background .15s,transform .1s,box-shadow .1s;display:inline-flex}.button:hover{background:var(--color-btn-hover)}.button:active{box-shadow:none;transform:translate(2px,2px)}.button[disabled],.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button--primary{background:var(--color-primary);color:var(--color-primary-fg)}.button--primary:hover{background:color-mix(in oklab, var(--color-primary) 80%, #000)}.button--ghost{box-shadow:none;background:0 0;border-color:#0000}.button--ghost:hover{background:#0000000d}.button--ghost:active{transform:none}.button--danger{color:var(--color-danger)}.button--danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.icon-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);border-radius:var(--radius);font:inherit;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{background:var(--color-btn-hover);color:var(--color-text);border-color:var(--color-border)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn svg{flex-shrink:0;width:16px;height:16px}.icon-btn--lg{padding:var(--space-2) var(--space-3)}.icon-btn--lg svg{width:18px;height:18px}.icon-btn--danger:hover{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field--inline{align-items:center;gap:var(--space-2);flex-direction:row}.field--grow{flex:1;min-height:0}.field--full{flex:1;min-height:50dvh}.field__label{color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-mono)}.field__input,.field__textarea,input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface-input);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid-sm);width:100%;padding:.5rem .75rem}input:focus,textarea:focus,select:focus,.field__input:focus,.field__textarea:focus{border-color:var(--color-focus);outline:none}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d8e4ec' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.field__textarea{font-family:var(--font-mono);resize:vertical;min-height:50dvh;line-height:1.5}.field__textarea--grow{flex:1;height:100%;min-height:0}.field__textarea--small{resize:vertical;height:8rem;min-height:0}.field__textarea.is-drop-target{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface-input))}.theme-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.theme-option{gap:var(--space-2);padding:var(--space-1);background:var(--color-btn);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid-sm);cursor:pointer;font:inherit;font-family:var(--font-mono);flex-direction:column;align-items:stretch;transition:background .15s,transform .1s,box-shadow .1s,border-color .15s;display:flex}.theme-option:hover{background:var(--color-btn-hover)}.theme-option:active{box-shadow:none;transform:translate(2px,2px)}.theme-option.is-active{border-color:var(--color-primary);padding:calc(var(--space-1) - 1px);border-width:2px}.theme-option__frame{aspect-ratio:16/9;background:#000;border-radius:1px;display:block;position:relative;overflow:hidden}.theme-option__preview{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.theme-option__label{text-align:center;font-size:var(--text-sm);text-transform:lowercase}.theme-edit{grid-template-columns:var(--theme-edit-w,1fr) 14px 1fr;gap:var(--space-1);padding:var(--space-2);height:calc(100dvh - 56px);min-height:0;display:grid;overflow:hidden}.theme-edit__form{min-height:0;display:flex;overflow:hidden}.theme-edit__panes{grid-template-rows:var(--css-h,60%) 14px 1fr;gap:var(--space-1);flex:1;min-height:0;display:grid}.theme-edit__pane{gap:var(--space-1);grid-template-rows:auto 1fr;min-height:0;display:grid;overflow:hidden}.theme-edit__pane-label{color:var(--color-text-muted);font-size:var(--text-sm)}.theme-edit__css,.theme-edit__html{resize:none;height:100%;min-height:0;box-shadow:none;flex:1}.theme-edit__preview-wrap{border:1px solid var(--color-border);border-radius:var(--radius);background:#000;min-height:0;overflow:hidden}.theme-edit__preview{border:0;width:100%;height:100%}.theme-grid--editor{margin:0 0 var(--space-5) 0;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));padding:0;list-style:none}.theme-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid-sm);grid-template-rows:auto auto;display:grid;position:relative;overflow:hidden}.theme-card--readonly{opacity:.85}.theme-card__link{color:inherit;display:contents}.theme-card__frame{aspect-ratio:16/9;background:#000;display:block;position:relative;overflow:hidden}.theme-card__preview{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.theme-card__label{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-top:1px solid var(--color-border-light);text-align:center}.theme-card__delete{top:var(--space-1);right:var(--space-1);margin:0;position:absolute}.themes-page__section-title{margin:var(--space-5) 0 var(--space-3) 0;font-size:var(--text-base);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.shortcuts-body{overflow-y:auto}.shortcuts-section{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.shortcuts-section:first-child{margin-top:0}.shortcuts-list{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;align-items:center;display:grid}.shortcuts-list dt{gap:var(--space-1);flex-wrap:wrap;margin:0;display:flex}.shortcuts-list dd{font-size:var(--text-sm);margin:0}kbd{font-family:var(--font-mono);color:var(--color-text);background:var(--color-btn);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid-sm);align-items:center;padding:.15em .5em;font-size:.85em;line-height:1;display:inline-flex}.theme-overlay{pointer-events:none;z-index:5;position:absolute;inset:0}.theme-overlay>*{pointer-events:auto}.cm-editor,.cm-editor .cm-scroller,.cm-editor .cm-content,.cm-editor .cm-gutters,.cm-editor .cm-gutterElement,.cm-editor .cm-activeLine,.cm-editor .cm-activeLineGutter{background-color:var(--color-surface-input)!important}.cm-editor .cm-gutters{border-right:1px solid var(--color-border-light)!important;color:var(--color-text-muted)!important}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background-color:color-mix(in oklab, var(--color-primary) 45%, transparent)!important}.cm-editor .cm-content ::selection{background-color:color-mix(in oklab, var(--color-primary) 45%, transparent)!important}.cm-wrap{border-radius:var(--radius);flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.cm-wrap>.cm-editor{flex:1;width:100%;height:100%;min-height:0}.cm-wrap>.cm-editor.is-drop-target{outline:2px solid var(--color-primary);outline-offset:-2px}.is-cm-shadow{clip-path:inset(50%);pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.field__error{color:var(--color-danger);font-size:var(--text-sm)}.admin{background-color:var(--color-bg);background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:20px 20px;flex-direction:column;min-height:100dvh;display:flex}.admin__main{padding:var(--space-6) var(--space-5);flex:1;width:100%;max-width:80rem;margin-inline:auto}.admin--wide .admin__main{max-width:none;padding:var(--space-4) var(--space-4)}.admin__topnav{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;box-shadow:0 4px #0000001f}.admin__brand{color:var(--color-text);font-weight:700;font-size:var(--text-lg);text-decoration:none}.admin__nav{gap:var(--space-1);margin-left:var(--space-3);flex:1;display:flex}.admin__nav-link{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid #0000;text-decoration:none}.admin__nav-link:hover{color:var(--color-text);background:var(--color-btn-hover)}.admin__nav-link.is-active{color:var(--color-text);background:var(--color-btn);border-color:var(--color-border);box-shadow:var(--shadow-solid-sm)}.admin__topnav-logout{margin:0}.login{max-width:24rem;margin:var(--space-8) auto;background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid)}.login__form{gap:var(--space-4);display:grid}.login__fieldset{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.login__legend{color:var(--color-text-muted);padding:0}.presentations__header{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.presentations__heading{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.presentations__create{align-items:stretch;gap:var(--space-2);flex:1;max-width:32rem;margin-left:auto;display:flex}.presentations__create .field{flex:1}.presentations__create .field__input{height:100%}.presentations__create .button{flex-shrink:0;align-self:stretch}.deck-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin:0;padding:0;list-style:none;display:grid}.deck-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid);grid-template-rows:auto 1fr auto;transition:transform .1s,box-shadow .1s;display:grid;overflow:hidden}.deck-card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #00000026}.deck-card__shortcut{top:var(--space-2);right:var(--space-2);z-index:2;pointer-events:none;position:absolute}.deck-card{position:relative}.deck-card__head{padding:var(--space-3) var(--space-4);gap:var(--space-1);border-bottom:1px solid var(--color-border);display:grid}.deck-card__title{color:var(--color-text);font-weight:700;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.deck-card__title:hover{text-decoration:underline}.deck-card__sub{color:var(--color-text-muted);font-size:var(--text-sm);gap:var(--space-2);margin:0;display:flex}.deck-card__preview-link{background:var(--color-surface);display:block}.deck-card__cell{aspect-ratio:16/9;background:#000;width:100%;display:block;position:relative;overflow:hidden}.deck-card__preview{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.deck-card__cell--empty{background:var(--color-btn);color:var(--color-text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.deck-card__actions{padding:var(--space-2) var(--space-3);gap:var(--space-2);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.deck-card__actions form{margin:0}.deck-card__actions .button{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.empty{color:var(--color-text-muted)}.editor-app{background:var(--color-bg);grid-template-rows:auto 1fr;height:100dvh;display:grid;overflow:hidden}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;flex-wrap:wrap;display:flex;box-shadow:0 4px #0000001f}.topbar__home{width:2.25rem;height:2.25rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-btn);box-shadow:var(--shadow-solid-sm);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.topbar__home:hover{background:var(--color-btn-hover)}.topbar__home:active{box-shadow:none;transform:translate(2px,2px)}.topbar__icon{display:block}.topbar__deck-name{border-radius:var(--radius);min-width:0;box-shadow:none;padding:var(--space-2) var(--space-3);color:var(--color-text);font:inherit;font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg);background:0 0;border:1px solid #0000;flex:1;width:auto}.topbar__deck-name:hover{border-color:var(--color-border)}.topbar__deck-name:focus{background:var(--color-surface-input);border-color:var(--color-focus);box-shadow:var(--shadow-solid-sm);outline:none}.topbar__meta{align-items:end;gap:var(--space-3);flex-wrap:wrap;flex:1;margin:0;display:flex}.topbar__meta .field__input{width:auto}.topbar__nav{gap:var(--space-2);align-items:center;display:flex}.topbar__nav form{margin:0}.topbar__nav .icon-btn--lg{border:1px solid var(--color-border);background:var(--color-btn);box-shadow:var(--shadow-solid-sm);color:var(--color-text)}.topbar__nav .icon-btn--lg:hover{background:var(--color-btn-hover)}.topbar__nav .icon-btn--lg:active{box-shadow:none;transform:translate(2px,2px)}.topbar__status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;margin:0;display:inline-flex}.topbar__status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.topbar__status[data-state=saved]{color:var(--color-success)}.topbar__status[data-state=editing]{color:var(--color-text-muted)}.topbar__status[data-state=saving]{color:var(--color-warning)}.topbar__status[data-state=error]{color:var(--color-danger)}.workspace{grid-template-columns:var(--sidebar-w,18rem) 14px 1fr;gap:var(--space-1);padding:var(--space-2);grid-template-rows:1fr;min-height:0;display:grid;overflow:hidden}.workspace>*{min-height:0}.resize-handle{cursor:col-resize;border-radius:var(--radius);-webkit-user-select:none;user-select:none;color:var(--color-text-muted);background:0 0;justify-content:center;align-self:stretch;align-items:center;width:14px;transition:background .12s,color .12s;display:flex}.resize-handle:hover,.resize-handle.is-active{background:color-mix(in oklab, var(--color-primary) 18%, transparent);color:var(--color-primary)}.resize-handle svg{width:14px;height:14px}.resize-handle--h{cursor:row-resize;width:100%;height:14px}.slide-sidebar{box-shadow:none;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.slide-sidebar__footer{padding-top:var(--space-2)}.slide-sidebar__footer form{margin:0}.slide-sidebar__add{width:100%}.slide-list{padding:1px 0 var(--space-2) 1px;gap:var(--space-2);flex-direction:column;height:100%;min-height:0;margin:0;list-style:none;display:flex;overflow-y:auto}.slide-list__item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-btn);cursor:grab;box-shadow:var(--shadow-solid-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;transition:transform .1s,box-shadow .1s;position:relative;overflow:hidden}.slide-list__item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #00000026}.slide-list__item:active{cursor:grabbing}.slide-list__item.is-current{border-color:var(--color-primary)}.slide-list__item.is-dragging{opacity:.4}.slide-list__item.is-drop-target{border-color:var(--color-highlight)}.slide-list__link{color:inherit;padding:var(--space-2);text-decoration:none;display:block}.slide-list__frame{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius);background:#000;width:100%;display:block;position:relative;overflow:hidden}.slide-list__preview{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.slide-list__badge{min-width:1.5rem;height:1.5rem;padding:0 var(--space-1);border-radius:var(--radius);color:#fff;font-size:var(--text-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none;border:1px solid var(--color-border);background:#000000b3;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:4px;left:4px}.slide-list__actions{justify-content:flex-end;gap:var(--space-1);padding:0 var(--space-2) var(--space-2);display:flex}.slide-list__actions form{margin:0}.slide-editor{gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid-sm);padding:var(--space-3);grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;min-height:0;display:grid;overflow:hidden}.slide-editor .field__textarea--small{height:var(--notes-h,8rem)}.slide-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;flex-wrap:wrap;display:flex}.slide-toolbar__group{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-right:1px solid var(--color-border-light);display:inline-flex}.slide-toolbar__group:last-of-type{border-right:0}.slide-toolbar__select{padding:var(--space-1) 1.75rem var(--space-1) var(--space-2);font-size:var(--text-sm);background-position:right .5rem center;width:auto}.slide-toolbar__css{padding-right:1.4rem;position:relative}.slide-toolbar__dot{background:var(--color-primary);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:4px;right:6px}.slide-toolbar__show{padding:var(--space-1) var(--space-3);margin-left:auto}.modal{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(48rem,92vw);max-height:80dvh;color:var(--color-text);box-shadow:var(--shadow-solid);margin:auto;padding:0}.modal::backdrop{background:#00000080}.modal[open]{gap:var(--space-3);padding:var(--space-4);grid-template-rows:auto auto 1fr auto;margin:auto;display:grid;inset:0}.modal--lg{width:min(60rem,92vw)}.modal__body{gap:var(--space-3);display:grid}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);margin:0;font-weight:700}.modal__hint{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.modal__hint code{background:var(--color-btn);padding:0 var(--space-1);border-radius:var(--radius);font-family:var(--font-mono)}.modal__textarea{width:100%;min-height:16rem;font-family:var(--font-mono);resize:vertical}.modal__footer{gap:var(--space-2);justify-content:flex-end;display:flex}.animate-grid{gap:var(--space-2);display:grid}.animate-demo{aspect-ratio:16/10;background:var(--color-surface-input);border:1px solid var(--color-border-light);width:100%;display:block;position:relative;overflow:hidden}.animate-demo__box{background:var(--color-primary);border-radius:var(--radius);--animate-duration:1.6s;--animate-repeat:infinite;position:absolute;inset:28%;animation-duration:1.6s!important;animation-iteration-count:infinite!important}.transition-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.transition-option{gap:var(--space-2);padding:var(--space-2);background:var(--color-btn);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid-sm);cursor:pointer;font:inherit;font-family:var(--font-mono);flex-direction:column;align-items:stretch;transition:background .15s,transform .1s,box-shadow .1s,border-color .15s;display:flex}.transition-option:hover{background:var(--color-btn-hover)}.transition-option:active{box-shadow:none;transform:translate(2px,2px)}.transition-option.is-active{border-color:var(--color-primary)}.transition-option__label{text-align:center;font-size:var(--text-sm)}.transition-demo{aspect-ratio:16/10;background:var(--color-surface-input);border:1px solid var(--color-border-light);perspective:600px;width:100%;display:block;position:relative;overflow:hidden}.transition-demo__box{background:var(--color-primary);border-radius:var(--radius);animation-duration:3s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;position:absolute;inset:22%}.transition-demo--default .transition-demo__box,.transition-demo--slide .transition-demo__box{animation-name:demo-slide}.transition-demo--none .transition-demo__box{animation-name:demo-none;animation-timing-function:step-end}.transition-demo--fade .transition-demo__box{animation-name:demo-fade}.transition-demo--convex .transition-demo__box{animation-name:demo-convex}.transition-demo--concave .transition-demo__box{animation-name:demo-concave}.transition-demo--zoom .transition-demo__box{animation-name:demo-zoom}@keyframes demo-none{0%,35%{opacity:1;transform:none}36%,65%{opacity:0;transform:translate(120%)}66%,to{opacity:1;transform:none}}@keyframes demo-fade{0%,25%{opacity:1}50%{opacity:0}75%,to{opacity:1}}@keyframes demo-slide{0%,25%{transform:translate(0)}50%{transform:translate(150%)}50.01%{transform:translate(-150%)}75%,to{transform:translate(0)}}@keyframes demo-convex{0%,25%{opacity:1;transform:rotateY(0)translateZ(0)}50%{opacity:0;transform:rotateY(90deg)translateZ(50px)}50.01%{opacity:0;transform:rotateY(-90deg)translateZ(50px)}75%,to{opacity:1;transform:rotateY(0)translateZ(0)}}@keyframes demo-concave{0%,25%{opacity:1;transform:rotateY(0)translateZ(0)}50%{opacity:0;transform:rotateY(-90deg)translateZ(-50px)}50.01%{opacity:0;transform:rotateY(90deg)translateZ(-50px)}75%,to{opacity:1;transform:rotateY(0)translateZ(0)}}@keyframes demo-zoom{0%,25%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(0)}50.01%{opacity:0;transform:scale(2)}75%,to{opacity:1;transform:scale(1)}}.toast-stack{gap:var(--space-2);z-index:1000;pointer-events:none;flex-direction:column-reverse;max-width:min(28rem,100vw - 2rem);display:flex;position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}.toast-stack>.toast{pointer-events:auto}.toast{align-items:center;gap:var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-solid);font-size:var(--text-sm);font-family:var(--font-mono);padding:.75rem 1rem;animation:.18s ease-out toast-in;display:flex}.toast.is-dismissing{animation:.24s ease-in forwards toast-out}.toast__text{flex:1}.toast__form{margin:0}.toast__btn{color:var(--color-primary);padding:var(--space-1) var(--space-2);font:inherit;font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius);background:0 0;border:0;font-weight:700}.toast__btn:hover{background:var(--color-btn-hover)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;visibility:hidden;transform:translateY(8px)}}.flash{padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-solid-sm)}.radio{gap:var(--space-1);align-items:center;display:inline-flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}