:where(html,dialog,output,blockquote){--palette-hue:250;--palette-hue-rotate-by:0;--palette-chroma:.15;--color-1:oklch(98% calc(.03 * var(--palette-chroma)) calc(var(--palette-hue) + (0 * var(--palette-hue-rotate-by))));--color-2:oklch(97% calc(.06 * var(--palette-chroma)) calc(var(--palette-hue) + (1 * var(--palette-hue-rotate-by))));--color-3:oklch(93% calc(.1 * var(--palette-chroma)) calc(var(--palette-hue) + (2 * var(--palette-hue-rotate-by))));--color-4:oklch(84% calc(.12 * var(--palette-chroma)) calc(var(--palette-hue) + (3 * var(--palette-hue-rotate-by))));--color-5:oklch(80% calc(.16 * var(--palette-chroma)) calc(var(--palette-hue) + (4 * var(--palette-hue-rotate-by))));--color-6:oklch(71% calc(.19 * var(--palette-chroma)) calc(var(--palette-hue) + (5 * var(--palette-hue-rotate-by))));--color-7:oklch(66% calc(.2 * var(--palette-chroma)) calc(var(--palette-hue) + (6 * var(--palette-hue-rotate-by))));--color-8:oklch(58% calc(.21 * var(--palette-chroma)) calc(var(--palette-hue) + (7 * var(--palette-hue-rotate-by))));--color-9:oklch(53% calc(.2 * var(--palette-chroma)) calc(var(--palette-hue) + (8 * var(--palette-hue-rotate-by))));--color-10:oklch(49% calc(.19 * var(--palette-chroma)) calc(var(--palette-hue) + (9 * var(--palette-hue-rotate-by))));--color-11:oklch(42% calc(.17 * var(--palette-chroma)) calc(var(--palette-hue) + (10 * var(--palette-hue-rotate-by))));--color-12:oklch(35% calc(.15 * var(--palette-chroma)) calc(var(--palette-hue) + (11 * var(--palette-hue-rotate-by))));--color-13:oklch(27% calc(.12 * var(--palette-chroma)) calc(var(--palette-hue) + (12 * var(--palette-hue-rotate-by))));--color-14:oklch(20% calc(.09 * var(--palette-chroma)) calc(var(--palette-hue) + (13 * var(--palette-hue-rotate-by))));--color-15:oklch(16% calc(.07 * var(--palette-chroma)) calc(var(--palette-hue) + (14 * var(--palette-hue-rotate-by))));--color-16:oklch(10% calc(.05 * var(--palette-chroma)) calc(var(--palette-hue) + (15 * var(--palette-hue-rotate-by))))}:where(html){--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-strength-10));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 14px -5px hsl(var(--shadow-color) / var(--shadow-strength-6));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 1px 2px -5px hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 2px 5px -5px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 4px 12px -5px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 12px 15px -5px hsl(var(--shadow-color) / var(--shadow-strength-8));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 1px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 2px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 9px 9px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 16px 16px -2px hsl(var(--shadow-color) / var(--shadow-strength-7));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 2px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 10px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 20px 20px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 40px 40px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 3px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 12px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 22px 18px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 41px 33px -2px hsl(var(--shadow-color) / var(--shadow-strength-7)), 0 100px 80px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color) / var(--shadow-strength-10));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight)}.files .directory{grid-template-columns:repeat(auto-fill,120px);display:grid}.files .directory button.file{background:0 0;border:none;flex-direction:column;align-items:center;display:flex}.files .directory button.file:hover{background:var(--bg-level-1);border-radius:4px}.files .directory button.file .file-name{text-wrap:wrap;word-break:break-all;width:100%}.files .file{border:var(--panel-border);border-radius:4px;max-width:80ch;padding:12px}.files .file code{background:var(--bg-level-1);border-radius:4px;padding:1em}.files .file blockquote{--palette-hue:40;--palette-hue-rotate-by:0;--palette-chroma:1;background:var(--bg-level-1);border:4px double var(--color-8);color:var(--color-10);border-radius:4px;margin:0;padding:8px}.files .file *{-webkit-user-select:text;user-select:text}.messaging{grid-template-columns:250px 1fr;height:100%;display:grid}.messaging ul{flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.messaging .conversations{border-right:var(--panel-border)}.messaging .conversations nav{flex-direction:column;display:flex}.messaging .conversations .new-conversation{margin:1rem 1rem 0}.messaging .conversations li a{color:var(--text-primary);border-bottom:var(--panel-border);border-top:var(--panel-border);align-items:center;gap:.5rem;margin-block-start:-1px;padding:.5rem;text-decoration:none;display:flex}.messaging .conversations li a.active{background:var(--bg-level-1);font-weight:500}.messaging .conversations li a:hover{background-color:var(--bg-level-2)}.messaging .conversation{flex-direction:column;display:flex}.messaging .conversation ul{flex-grow:1;gap:1em;padding-inline:1em}.messaging .conversation li{flex-direction:column;gap:.5em;display:flex}.messaging .conversation .message{background-color:var(--bg-level-1);border:var(--panel-border);border-radius:4px;max-width:600px;margin:0;padding:0 .5em;display:inline-block}.messaging .conversation .group-label{color:var(--color-12);padding-inline:1em}.messaging .conversation form.send-message{padding:1em;display:flex}.messaging .conversation form.send-message input{flex-grow:1}.messaging .conversation form.send-message button{color:var(--text-secondary);align-items:center;display:flex}.terminal{background-color:var(--color-13);height:100%;color:var(--color-1);flex-direction:column;display:flex;overflow:hidden}.terminal pre{flex-grow:1;margin:0;padding:24px;font-size:1rem;overflow-y:scroll}.terminal pre .terminal-line{align-items:baseline;display:flex}.terminal pre .cursor{opacity:0}.terminal:has(:focus) .cursor{opacity:1}.terminal input{opacity:0;position:absolute}:root{--palette-hue:225;--palette-hue-rotate-by:-5;--palette-chroma:.1;--font-family:Inter, sans-serif;--default-font-weight:300;font-family:var(--font-family);font-feature-settings:"liga" 1, "ss02" 1, "ss07" 1, "ss08" 1, "calt" 1;font-weight:var(--default-font-weight)}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif}}:where(html,dialog,output,blockquote){--text-primary:var(--color-16);--text-secondary:var(--color-10);--bg-level-0:var(--color-2);--bg-level-1:var(--color-3);--bg-level-2:var(--color-4);--panel-border-color:var(--color-7);--panel-border-thickness:1px;--panel-border:var(--panel-border-thickness) solid var(--panel-border-color)}*{-webkit-user-select:none;user-select:none;box-sizing:border-box}html{background-color:var(--bg-level-0);color:var(--text-primary)}body{grid-template:"title-bar title-bar"32px"primary-nav."1fr"status-bar status-bar"30px/250px 1fr;height:100vh;max-height:100vh;margin:0;display:grid}.title-bar{background-color:var(--bg-level-2);border-bottom:var(--panel-border);grid-area:title-bar;padding-inline:.5rem;display:flex}.title-bar>*{align-items:center;display:flex}.title-bar h1{margin:0;margin-inline-start:.5rem;padding:0;font-size:1rem;font-weight:400}.title-bar .current-app-name{font-weight:500}.title-bar .chevron{color:var(--text-secondary)}.primary-nav{background-color:var(--bg-level-1);border-right:var(--panel-border);grid-area:primary-nav}.primary-nav nav{height:100%;display:grid}.primary-nav ul{flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.primary-nav ul li a{color:var(--text-primary);align-items:center;gap:.5rem;padding:.25rem .5rem;text-decoration:none;display:flex}.primary-nav ul li a.active{font-weight:500}.primary-nav ul li a:hover{background-color:var(--bg-level-2)}.unread{background:var(--text-primary);color:var(--bg-level-0);border-radius:12px;padding-inline:1em;font-size:.7em}main{flex-direction:column;display:flex}.tab-bar{background:var(--bg-level-1);align-items:stretch;height:32px;display:flex}.tab-bar .tab{cursor:pointer;border-inline:var(--panel-border);border-bottom:var(--panel-border);background:var(--bg-level-1);align-items:center;gap:8px;margin-inline-start:-1px;padding-inline:1rem;font-size:1rem;font-weight:300;display:flex}.tab-bar .tab:has(.active){background:var(--bg-level-0);border-bottom-color:var(--bg-level-0)}.tab-bar a{color:var(--text-primary);text-decoration:none}.tab-bar button[aria-label=close]{background:0 0;border:none;justify-content:center;margin:0;margin-inline-end:-8px;padding:0;display:flex}.tab-bar .empty{border-bottom:var(--panel-border);flex-grow:1}.tab-bar-accessory{background:var(--bg-level-0);border-bottom:var(--panel-border);align-items:stretch;height:32px;display:flex}.status-bar{background-color:var(--bg-level-2);border-top:var(--panel-border);grid-area:status-bar;padding-inline:1rem;font-size:.8rem;display:flex}.status-bar>*{align-items:center;display:flex}.status-bar time{font-feature-settings:"tnum" 1, "liga" 1, "ss02" 1, "ss07" 1, "ss08" 1, "calt" 1;justify-self:end}.spacer{flex-grow:1}.mini-app-container{overscroll-behavior:none;height:100%;overflow-y:scroll;container-type:size}.mini-app{padding:24px}form{grid-template-columns:max-content 300px;gap:12px;display:grid}form label{text-align:right;align-self:baseline;padding-top:.25em}form button[type=submit]{grid-column:2}form output{--palette-hue:140;--palette-hue-rotate-by:0;--palette-chroma:1;-webkit-user-select:text;user-select:text;background:var(--bg-level-1);border:var(--panel-border);border-style:dashed;grid-column:span 2;padding:1em;font-family:monospace}form output.error{--palette-hue:40;--palette-hue-rotate-by:0;--palette-chroma:1}form output:empty{display:none}input,textarea,select,button{appearance:none;border:var(--panel-border);font-family:var(--font-family);font-feature-settings:"liga" 1, "tnum" 1, "ss02" 1, "ss07" 1, "ss08" 1, "calt" 1;font-weight:var(--default-font-weight);border-radius:2px;padding-block:.25em;padding-inline:.5em;font-size:1rem}:is(input,textarea,select,button):focus:not(:focus-visible){outline:none}:is(input,textarea,select,button):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-width='32' d='m136 208l120-104l120 104m-240 96l120 104l120-104'/%3E%3C/svg%3E");background-position:right .5em center;background-repeat:no-repeat;background-size:18px;padding-inline-end:2em}textarea{resize:none}button{background:var(--bg-level-1);cursor:pointer}button:hover{background-color:var(--bg-level-2)}button:active{background-color:var(--bg-level-1)}dialog[open]{border:4px double var(--color-8);background:var(--bg-level-0);color:var(--color-10);box-shadow:var(--shadow-4);border-radius:4px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}dialog[open] p{margin:0;padding:0}dialog[open] .title{text-transform:uppercase;font-size:2rem;font-weight:500}dialog.error{--palette-hue:40;--palette-hue-rotate-by:0;--palette-chroma:1}dialog.success{--palette-hue:140;--palette-hue-rotate-by:0;--palette-chroma:1}