:where(.media-view){width:100%;height:auto;aspect-ratio:var(--media-ratio,auto);object-fit:cover;background-color:var(--color-raised);background-position:50%;background-size:cover;display:block}:where(.media-view--moving){position:relative;overflow:hidden}.media-view__video,.media-view__still{object-fit:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.media-view__control{right:var(--space-1);bottom:var(--space-1);z-index:1;aspect-ratio:1;border:var(--border) solid var(--color-text);background:color-mix(in srgb, var(--color-bg) 72%, transparent);width:clamp(24px,14%,36px);height:auto;color:var(--color-text-strong);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.media-view__control svg{width:55%;height:55%;display:block}.media-view__control--pause{opacity:.75}.media-view__control:hover,.media-view__control:focus-visible{opacity:1;border-color:var(--color-accent)}.media-view__control:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-5);border-radius:var(--radius-sm);border:var(--border) solid transparent;font-size:var(--text-md);cursor:pointer;transition:opacity .12s var(--ease);font-weight:500;text-decoration:none;display:inline-flex}.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ui-button--primary{background:var(--color-highlight);color:var(--color-on-fill)}.ui-button--accent{background:var(--color-accent);color:var(--color-on-fill)}.ui-button--ghost{color:var(--color-text);border-color:var(--color-line);background:0 0}.ui-button--primary:hover,.ui-button--accent:hover{color:var(--color-on-fill);opacity:.88}.ui-button--ghost:hover{border-color:var(--color-input-border);color:var(--color-text)}.ui-button--pending:disabled{opacity:.8;cursor:progress}.ui-button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite ui-spin}.ui-button--block{width:100%}.ui-icon-button{width:var(--touch);min-width:var(--touch);height:var(--touch);padding:0 var(--space-2);border-radius:var(--radius-pill);border:var(--border) solid var(--color-line);color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ui-icon-button:hover{border-color:var(--color-input-border);color:var(--color-text)}.ui-icon-button--label{width:auto;font-family:var(--font-mono);font-size:var(--text-xs)}.ui-icon-button--on,.ui-icon-button--on:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-fill)}.ui-icon-button:disabled{opacity:.45;cursor:not-allowed}.ui-player-view{margin:var(--space-2) var(--gutter) 0;padding:var(--space-2) var(--space-3);border:var(--border) solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--text-sm)}.ui-player-view--failed{border-color:var(--color-highlight);color:var(--color-highlight)}.ui-inbox-link,.ui-account-link{position:relative}.ui-account-link__dot{border-radius:var(--radius-pill);background:var(--color-highlight);width:10px;height:10px;position:absolute;top:2px;right:2px}.ui-inbox-link__badge{border-radius:var(--radius-pill);background:var(--color-highlight);min-width:20px;height:20px;color:var(--color-on-fill);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;padding:0 5px;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-4px}.ui-field{gap:var(--space-2);flex-direction:column;display:flex}.ui-field__label{font-size:var(--text-sm);color:var(--color-muted)}.ui-field__input{min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-sm);border:var(--border) solid var(--color-input-border);background:var(--color-surface);color:var(--color-text)}textarea.ui-field__input{padding:var(--space-3) var(--space-4);resize:vertical;min-height:96px}.ui-field__input::placeholder{color:var(--color-muted)}.ui-field__input[aria-invalid=true]{border-color:var(--color-highlight)}.ui-field__hint{font-size:var(--text-sm);color:var(--color-muted)}.ui-field__error{font-size:var(--text-sm);color:var(--color-highlight)}.ui-chip{align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--border) solid var(--color-line);color:var(--color-text);cursor:pointer;background:0 0;display:inline-flex}.ui-chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-fill)}.ui-chip__check{width:14px;height:14px}.ui-dialog{width:min(calc(100vw - 2 * var(--space-5)), 440px);max-height:calc(100dvh - 2 * var(--space-5));border:var(--border) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:0}.ui-dialog::backdrop{background:#0d0029cc}.ui-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0 var(--space-5);display:flex}.ui-dialog__title{font-size:var(--text-lg);color:var(--color-text-strong);margin:0;font-weight:600}.ui-dialog__body{padding:var(--space-4) var(--space-5) var(--space-5)}.ui-sheet{width:100%;max-width:var(--sheet-max);border-radius:var(--radius-md) var(--radius-md) 0 0;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:none;margin:auto auto 0}.ui-sheet[open]{animation:ui-sheet-in .2s var(--ease)}@keyframes ui-sheet-in{0%{transform:translateY(100%)}}@media (width>=768px){.ui-sheet{--sheet-max:640px}}@media (width>=1024px){.ui-sheet{--sheet-max:520px;border-radius:var(--radius-md) 0 0 var(--radius-md);border-bottom:var(--border) solid var(--color-line);height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);padding-right:env(safe-area-inset-right);border-right:none;margin:0 0 0 auto}.ui-sheet::backdrop{background:#0d00298c}.ui-sheet[open]{animation-name:ui-drawer-in}}@keyframes ui-drawer-in{0%{transform:translate(100%)}}.ui-wait{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);text-align:center;animation:ui-wait-in .2s var(--ease) .3s both;flex-direction:column;display:inline-flex}.ui-wait--inline{flex-direction:row}@keyframes ui-wait-in{0%{opacity:0}to{opacity:1}}.ui-failure{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.ui-failure .ui-button--block{align-self:stretch}.ui-wait-status{align-items:center;gap:var(--space-2);padding:var(--space-5) 0;text-align:center;flex-direction:column;display:flex}.ui-wait-status__hint{max-width:32ch;color:var(--color-muted);font-size:var(--text-sm);margin:0}.ui-spinner{border:2px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;animation:.8s linear infinite ui-spin;display:inline-block}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-button__spinner{animation:none}.ui-spinner{border-color:var(--color-accent);border-right-color:var(--color-line);animation:none}}.ui-screen{flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;display:flex}.ui-screen__header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:64px;padding:max(var(--space-5), env(safe-area-inset-top)) var(--gutter) 0;display:flex}.ui-screen__brand{min-height:var(--touch);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.18em;color:var(--color-text);align-items:center;text-decoration:none;display:inline-flex}.ui-screen__actions{align-items:center;gap:var(--space-2);display:flex}.ui-screen__body{min-width:0;padding:var(--space-4) var(--gutter) max(var(--space-6), env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}@media (width>=768px){.ui-screen{--gutter:max(var(--space-6), env(safe-area-inset-left), env(safe-area-inset-right))}.ui-screen--narrow{max-width:var(--page-narrow)}.ui-screen--regular{max-width:var(--page-regular)}.ui-screen--wide{max-width:var(--page-wide)}}.ui-eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;color:var(--color-muted);text-transform:uppercase;margin:0}.ui-stepper{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.ui-stepper__top{align-items:center;gap:var(--space-3);display:flex}.ui-stepper__spacer{width:var(--touch)}.ui-stepper__dots{flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ui-stepper__dot{border:var(--border) solid var(--color-line);border-radius:4px;width:8px;height:8px}.ui-stepper__dot--done{background:var(--color-accent);border-color:var(--color-accent)}.ui-stepper__dot--now{background:var(--color-highlight);border-color:var(--color-highlight);width:20px}.ui-stepper__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.ui-stepper__title{font-size:var(--text-xl);color:var(--color-text-strong);margin:0;font-weight:600;line-height:1.15}.ui-stepper__body{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.ui-stepper__footer{gap:var(--space-2);padding-top:var(--space-4);flex-direction:column;display:flex}@media (width>=1024px){.ui-stepper{column-gap:48px;row-gap:var(--space-3);grid-template-rows:repeat(4,auto) 1fr;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-content:start;display:grid}.ui-stepper>*{grid-column:1}.ui-stepper>.ui-stepper__body{grid-area:1/2/6}.ui-stepper__title{font-size:34px}.ui-stepper__footer{padding-top:var(--space-2)}}.ui-journey{width:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0 auto}@media (width>=768px){.ui-journey{max-width:var(--page-narrow)}}@media (width>=1024px){.ui-journey{max-width:var(--page-regular)}}.ui-ai-mark{border:var(--border) solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-fill);font-size:var(--text-xs);letter-spacing:.04em;vertical-align:middle;white-space:nowrap;align-items:center;margin-inline-start:var(--space-2);padding:0 6px;font-weight:600;line-height:18px;display:inline-flex}.ui-ai-mark--block{align-self:flex-start;margin-inline-start:0}.ui-ai-mark--overlay{background:var(--color-bg);pointer-events:none;margin:0;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.ui-ai-mark--corner{background:var(--color-bg);letter-spacing:.02em;pointer-events:none;border-radius:4px;margin:0;padding:0 3px;font-size:10px;line-height:14px;position:absolute;inset-block-start:2px;inset-inline-end:2px}.ui-ai-mark--overlay,.ui-ai-mark--corner{background:var(--color-accent)}.ui-ai-mark--changed,.ui-ai-mark--changed.ui-ai-mark--overlay,.ui-ai-mark--changed.ui-ai-mark--corner{background:var(--color-bg);color:var(--color-accent)}.ui-origins [data-origin=ai].ui-origin,:root[data-who-wrote=on] [data-origin=ai].ui-origin{-webkit-text-decoration:underline dotted var(--color-accent);text-decoration:underline dotted var(--color-accent);text-underline-offset:3px;text-decoration-thickness:2px}.ui-origins [data-origin=ai_then_changed].ui-origin,:root[data-who-wrote=on] [data-origin=ai_then_changed].ui-origin{-webkit-text-decoration:underline dashed var(--color-accent);text-decoration:underline dashed var(--color-accent);text-underline-offset:3px;text-decoration-thickness:2px}.ui-full{z-index:200;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-bg);margin:0;inset:0;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;position:fixed!important}.has-full-view,.has-full-view body{overflow:hidden}.ui-full-toggle svg{width:18px;height:18px}.ui-stack{gap:var(--space-3);flex-direction:column;display:flex}.ui-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-segmented{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-switch-row{align-items:center;gap:var(--space-3);min-height:56px;display:flex}.ui-switch-row__text{flex-direction:column;flex:1;gap:2px;display:flex}.ui-switch-row__label{color:var(--color-text-strong);font-size:17px}.ui-switch-row__hint{font-size:var(--text-sm);color:var(--color-muted)}.ui-switch{width:60px;height:var(--touch);cursor:pointer;background:0 0;border:none;flex:none;padding:0;position:relative}.ui-switch:before{content:"";border:1.5px solid var(--color-input-border);border-radius:18px;position:absolute;inset:4px 0}.ui-switch__knob{background:var(--color-input-border);width:27px;height:27px;transition:left .15s var(--ease);border-radius:14px;margin-top:-13.5px;position:absolute;top:50%;left:4px}.ui-switch--on:before{background:var(--color-accent);border-color:var(--color-accent)}.ui-switch--on .ui-switch__knob{background:var(--color-on-fill);left:29px}.ui-switch:disabled{opacity:.45;cursor:not-allowed}.ui-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.ui-card--outline{border:var(--border) solid var(--color-line);background:0 0}.ui-title{margin:var(--space-3) 0 0;color:var(--color-text-strong);overflow-wrap:anywhere;font-size:28px;font-weight:600}.ui-muted{color:var(--color-muted);font-size:var(--text-sm);margin:0}.ui-error{color:var(--color-highlight);font-size:var(--text-sm);margin:0}.ui-divider{background:var(--color-line);border:none;height:1px;margin:0}.ui-pill{align-items:center;gap:var(--space-2);border:var(--border) solid var(--color-line);height:28px;color:var(--color-muted);font-size:var(--text-sm);border-radius:14px;padding:0 10px;display:inline-flex}.ui-pill:before{content:"";border:1.5px solid;border-radius:4px;width:8px;height:8px}.ui-pill--running{border-color:var(--color-accent);color:var(--color-accent)}.ui-pill--running:before{background:currentColor}.ui-link-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:var(--border) solid var(--color-line);color:var(--color-text);text-decoration:none;display:flex}.ui-link-row:hover{border-color:var(--color-input-border);color:var(--color-text)}.ui-danger{border:1.5px solid var(--color-highlight);width:100%;min-height:56px;color:var(--color-highlight);cursor:pointer;background:0 0;border-radius:28px;font-size:17px;font-weight:600}.ui-danger:disabled{opacity:.45}.ui-split{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.ui-split__main,.ui-split__aside{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}@media (width>=1024px){.ui-split{gap:var(--space-6) 40px;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;display:grid}.ui-split--aside-start{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.ui-split--even{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-split__aside{top:var(--space-5);position:sticky}}.ui-columns{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.ui-columns>*{min-width:0}@media (width>=768px){.ui-columns{align-items:start;gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-columns__full{grid-column:1/-1}}.sphere{flex-direction:column;height:430px;min-height:300px;max-height:52dvh;display:flex;position:relative}.sphere__stage{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;min-height:0;position:relative;overflow:hidden}.sphere__stage:active{cursor:grabbing}.sphere__item{will-change:transform, opacity;display:inline-flex;position:absolute;top:50%;left:50%}.sphere__select{zoom:var(--sphere-zoom,1);min-width:var(--touch);min-height:var(--touch);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sphere__controls{pointer-events:none;position:absolute;inset:0}.sphere__controls>*{pointer-events:auto}.sphere__controls{zoom:var(--sphere-zoom,1)}.sphere__bar{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex;position:relative}.sphere__bar svg{width:18px;height:18px}.sphere__menu{right:0;bottom:calc(100% + var(--space-2));z-index:102;gap:var(--space-1);min-width:min(300px, calc(100vw - 2 * var(--gutter)));padding:var(--space-2) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);display:grid;position:absolute}.sphere__menu[hidden]{display:none}.sphere__slider{align-items:center;gap:var(--space-2);min-height:var(--touch);color:var(--color-muted);grid-template-columns:7.5em 1fr 3em;font-size:.875rem;display:grid}.sphere__slider input{width:100%;min-height:var(--touch);accent-color:var(--color-accent);margin:0}.sphere__slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text)}.flat-cloud{place-content:center;align-items:center;gap:0 var(--space-1);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.flat-cloud__item{min-width:var(--touch);min-height:var(--touch);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sphere.ui-full .sphere__bar{padding:var(--space-2) var(--space-4) var(--space-4)}
