:root{--desk:light-dark(#fbe7a1,#5c4a12);--desk-text:light-dark(#4a3a06,#fbe7a1)}@layer components{.desk-handle{z-index:2;gap:var(--space-s);padding:0 var(--space-l);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--desk-text);background:var(--desk);border:1px solid var(--surface);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 2px 10px color-mix(in srgb, var(--desk), var(--desk-text) 25%);border-top:none;font-size:.6875rem;font-weight:600;line-height:1.25rem;position:fixed;inset:0 auto auto 50%;overflow:hidden;translate:-50%}.desk-handle:has(.desk-unread){color:var(--surface);background:var(--danger);animation:1.6s ease-out infinite desk-ping}@keyframes desk-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 55%, transparent)}to{box-shadow:0 0 0 .9rem color-mix(in srgb, var(--danger) 0%, transparent)}}.desk-unread{min-width:1rem;height:1rem;color:var(--danger);background:var(--surface);border-radius:var(--radius-pill);place-items:center;padding-inline:.25rem;line-height:1;display:grid}.desk-seeding{--bar:color-mix(in srgb, var(--desk-text) 50%, var(--desk));appearance:none;background:0 0;border:none;block-size:3px;inline-size:100%;position:absolute;inset:auto 0 0}.desk-seeding[data-failed=true]{--bar:var(--danger)}.desk-seeding::-webkit-progress-bar{background:0 0}.desk-seeding::-webkit-progress-value{background:var(--bar)}.desk-seeding::-moz-progress-bar{background:var(--bar)}.desk-handle:has(.desk-busy) .desk-idle{display:none}.desk:not(:popover-open){display:none}.desk{gap:var(--space-m);width:auto;max-width:none;height:min(36rem,85dvh);max-height:none;padding:var(--space-l) max(var(--space-l), (100% - 48rem) / 2);color:var(--text);background:var(--bg);border:none;border-bottom:1px dashed var(--border);box-shadow:var(--shadow-l);opacity:0;transition:opacity .1s ease-out, translate .1s ease-out, display .1s allow-discrete, overlay .1s allow-discrete;flex-direction:column;margin:0;display:flex;position:fixed;inset:0 0 auto;overflow-y:auto;translate:0 -10%}.desk:popover-open{opacity:1;translate:0}.desk::backdrop{transition:background-color .1s ease-out, display .1s allow-discrete, overlay .1s allow-discrete;background-color:#0000}.desk:popover-open::backdrop{background-color:#0006}@starting-style{.desk:popover-open{opacity:0;translate:0 -10%}.desk:popover-open::backdrop{background-color:#0000}}.desk-close{padding:var(--space-xs);color:var(--text-subtle);background:0 0;font-size:1.5rem}.desk-tab{gap:var(--space-m);flex-direction:column;display:flex}.desk .segmented{align-self:start}.desk .fold>summary>small{color:var(--text-subtle);margin-left:1rem;font-weight:400;display:block}.desk-empty{color:var(--text-subtle)}.desk-tab:has(.desk-messages>*)>.desk-empty{display:none}.desk-accounts,.desk-messages{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex}.desk-accounts:empty,.desk-messages:empty{display:none}.desk-account,.desk-message{align-items:center;gap:0 var(--space-m);padding:var(--space-s) var(--space-l);text-align:start;color:var(--text);background:0 0;border-radius:0}.desk-account+.desk-account,.desk-message+.desk-message{border-top:1px solid var(--border)}.desk-account:hover,.desk-message:hover{background:var(--hover)}.desk-account{display:flex}.desk-account>.badge{margin-inline-start:auto}.desk-message{grid-template-columns:.5rem 1fr auto;grid-template-areas:"dot subject time"".to to";display:grid}.desk-message>strong{grid-area:subject}.desk-message>small{color:var(--text-subtle);grid-area:to}.desk-message>small:last-child{grid-area:time}.desk-dot{border-radius:var(--radius-pill);grid-area:dot;width:.5rem;height:.5rem}.desk-dot[data-unread=true]{background:var(--danger)}.desk-tab:has(#desk-mail:not(:empty)) :is(.desk-messages,.desk-empty){display:none}#desk-mail>header>div:not(.segmented){flex:1}.desk:has(.desk-tab:not([hidden]) #desk-mail:not(:empty)){height:85dvh}.desk-tab:not([hidden]):has(#desk-mail:not(:empty)),#desk-mail:not(:empty){flex:1;min-height:0}.desk iframe{width:100%;min-height:16rem;margin-top:var(--space-s);border-radius:var(--radius);border:0;flex:1}.desk pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:0;margin-top:var(--space-s);user-select:text;cursor:text;flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.875rem;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.desk,.desk::backdrop{transition-duration:0s}.desk-handle:has(.desk-unread){animation:none}}