.nav{--padding-inline: max(var(--safe-area-inset-inline), 1rem);--padding-block: max(var(--safe-area-inset-block), .5rem);position:sticky;top:0;right:0;left:0;box-sizing:border-box;padding:var(--padding-block) var(--padding-inline);width:100dvw;background-color:var(--color-bg);display:flex;flex-wrap:wrap;align-items:center;gap:1rem;box-shadow:0 4px 12px var(--color-elevated-shadow);z-index:10}.nav__title{display:block;margin:0;max-width:50%;color:var(--color-text);font-size:1.5rem;font-weight:600;white-space:wrap;overflow-wrap:break-word}@supports (view-transition-name: nav__title){.nav__title{view-transition-name:nav__title}}.nav__items{flex:1;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:1rem;list-style:none}.nav__item{padding:.5rem .75rem;color:var(--color-text);border-radius:.5rem;display:flex;flex:none;align-items:center;gap:.5rem;font-size:14px;text-decoration:none;opacity:.7;transition:all .2s ease}.nav__item:hover,.nav__item:focus-visible{background-color:var(--color-overlay);opacity:.9}.nav__item.active,.nav__item:active{opacity:1}.nav__item .material-icons-outlined{font-size:20px;line-height:1}.nav[data-type=desktop]{height:fit-content}.nav[data-type=mobile]{position:fixed;top:auto;bottom:0;min-height:56px;padding-bottom:max(var(--safe-area-inset-bottom),.5rem);box-shadow:0 -4px 12px var(--color-elevated-shadow)}.nav[data-type=mobile] .nav__title{display:none}.nav[data-type=mobile] .nav__items{flex:1;padding:0;border-radius:0;justify-content:space-around;gap:2px;font-size:12px}.nav[data-type=mobile] .nav__item:hover,.nav[data-type=mobile] .nav__item:focus-visible{background-color:transparent}.nav[data-type=mobile] .nav__item .material-icons-outlined{font-size:22px}.nav[data-type=mobile] .nav__item .tab-label{display:none}@media(width<=750px){.nav[data-type=desktop]{display:none}.nav[data-type=mobile]+:not(.create-page:has(.status:not([hidden]))){margin-top:1rem}body{grid-template-rows:1fr;padding-bottom:calc(56px + var(--safe-area-inset-bottom))}}@media(width>750px){:has(>.nav[data-type=desktop]):not(:has(:is(.create-page .status:not([hidden])),.calendar)){gap:2rem}.nav[data-type=mobile]+.content>.status:not([hidden]){padding-top:0}.nav[data-type=mobile]{display:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-block: max(var(--safe-area-inset-top), var(--safe-area-inset-bottom));--safe-area-inset-inline: max(var(--safe-area-inset-left), var(--safe-area-inset-right));--color-bg: oklch(100% 0 0deg);--color-text: oklch(0% 0 0deg);--color-text-secondary: oklch(39% .03 259deg);--color-text-inverse: oklch(100% 0 0deg);--color-border: oklch(0% 0 0deg);--color-border-input: oklch(87% .01 260deg);--color-border-input-hover: oklch(71% .02 257deg);--color-muted: oklch(57% 0 0deg);--color-disabled: oklch(71% .02 257deg);--color-error: oklch(56% .21 26deg);--color-error-hover: oklch(50% .2 26deg);--color-error-light: oklch(64% .22 25deg);--color-error-bg: oklch(64% .22 25deg / .1);--color-success: oklch(70% .15 162deg);--color-info: oklch(74% .13 216deg);--color-elevated-shadow: oklch(0% 0 0deg / .25);--color-overlay: oklch(0% 0 0deg / .65);--color-overlay-hover: oklch(0% 0 0deg / .8);color-scheme:light dark;font-family:system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg: oklch(17% 0 0deg);--color-text: oklch(97% 0 0deg);--color-text-secondary: oklch(87% .01 260deg);--color-text-inverse: oklch(17% 0 0deg);--color-border: oklch(93% 0 0deg);--color-border-input: oklch(45% .03 257deg);--color-border-input-hover: oklch(55% .03 257deg);--color-muted: oklch(77% 0 0deg);--color-disabled: oklch(55% .03 257deg);--color-error: oklch(71% .17 22deg);--color-error-hover: oklch(64% .22 25deg);--color-error-light: oklch(71% .17 22deg);--color-error-bg: oklch(64% .22 25deg / .15);--color-success: oklch(78% .13 162deg);--color-info: oklch(82% .1 216deg);--color-elevated-shadow: oklch(100% 0 0deg / .6);--color-overlay: oklch(100% 0 0deg / .45);--color-overlay-hover: oklch(100% 0 0deg / .65)}}body{margin:0;min-height:100dvh;max-width:100dvw;color:var(--color-text);background-color:var(--color-bg);display:grid;grid-template-rows:auto 1fr}button,input,textarea,select{color:inherit;background-color:inherit;font:inherit}img{max-width:100%}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,pre:first-child,ul:first-child,ol:first-child,li:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,pre:last-child,ul:last-child,ol:last-child,li:last-child{margin-bottom:0}@supports (text-wrap: balance){h1,h2,h3,h4,h5,h6{text-wrap:balance}}@supports (text-wrap: pretty){p,pre,ul,ol,li{text-wrap:pretty}}pre:not([class],[id]){white-space:pre-wrap}.container{--padding: 2rem}.container:not(.create-page:has(.status:not([hidden]))){box-sizing:border-box;margin:0 auto;padding:0 var(--padding) var(--padding) var(--padding);width:100%;max-width:1200px}.btn{display:inline-block;padding:6px 10px;color:var(--color-text-inverse);background-color:#3581f6;place-content:center;border:1px solid var(--color-border);border-radius:4px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:background-color .2s;cursor:pointer}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled),.btn:active:not(:disabled){background-color:#2366e9}.btn:disabled{color:var(--color-text-secondary);background-color:var(--color-disabled)!important;border-color:var(--color-disabled);cursor:not-allowed}.btn[data-variant=secondary]{color:var(--color-text);background-color:var(--color-bg);border-color:var(--color-border)}.btn[data-variant=secondary]:hover:not(:disabled),.btn[data-variant=secondary]:focus-visible:not(:disabled),.btn[data-variant=secondary]:active:not(:disabled){background-color:var(--color-border)}.btn[data-variant=error]{color:var(--color-text-inverse);background-color:var(--color-error);border-color:var(--color-error)}.btn[data-variant=error]:hover:not(:disabled){background-color:var(--color-error-hover)}.btn[data-variant=success]{color:var(--color-text-inverse);background-color:var(--color-success);border-color:var(--color-success)}.btn[data-variant=small]{font-size:12px}.placeholder{aspect-ratio:.6666666667;background:var(--color-border);background-image:linear-gradient(90deg,var(--color-border) 0%,var(--color-muted) 50%,var(--color-border) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.status{box-sizing:border-box;padding:1rem}.status pre{margin:0 auto;text-align:left;white-space:pre-wrap;overflow-wrap:break-word}.link{text-decoration:none}.sr-only{all:unset;display:inline;width:0;height:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}.error{box-sizing:border-box;padding:var(--gap, .5rem)}.error__message{margin-inline:auto;width:fit-content;color:var(--color-error);white-space:pre-wrap}.error__id{margin:0;color:var(--color-muted);font-family:monospace;font-size:.75rem}.status[hidden]{display:none}.generation-error{margin:2rem auto;max-width:500px;color:var(--color-error);background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.generation-error>*{margin:0 auto;width:fit-content}.generation-error__title{font-size:1.1rem;font-weight:700;white-space:pre-wrap}.generation-error .try-again-btn{margin-top:.5rem}