.appel{--bg: #f4f7fa;--ink: #0b1620;--card: #fff;--primary: #0a84ff;--primary-fg: #fff;--slate: #5b6b7b;--slate-light: #9aa8b4;--border: #dce4ec;--border-strong: #d5dee7;--chip-idle: #f1f5f9;--chip-border: #e2e8f0;--behind: #b45309;--blue-deep: #0b66d6;--green-ink: #157a47;--green-vital: #34e27a;--success-tint: #e7fbf0;--secondary: #edf2f7;--input: #eff3f8;--selected-surface: #0a84ff1f;--selected-text: #0b66d6;--navy: #0b2e55;--grad-muted: #a9c6e4;--plan: #7c5cff;--plan-tint: #eeeaff;--plan-tint-alt: #f6f3ff;--plan-border: #dfd6ff;--plan-text: #3a2a7a;--amber-ink: #9a6400;--amber-bg: #fff4e5;--tab-active: #0b66d6;--teal: #0e9e8e;--teal-ink: #3f7c74;--comp: #a12f2f;--sf: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Inter, system-ui, sans-serif;--mono: Menlo, "SF Mono", ui-monospace, monospace;--g-primary: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3ClinearGradient id='g' x1='.1' y1='0' x2='.6' y2='1'%3E%3Cstop offset='0' stop-color='%230b66d6'/%3E%3Cstop offset='1' stop-color='%230a84ff'/%3E%3C/linearGradient%3E%3Crect width='1' height='1' fill='url(%23g)'/%3E%3C/svg%3E");--g-deep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3ClinearGradient id='g' x1='.1' y1='0' x2='.6' y2='1'%3E%3Cstop offset='0' stop-color='%230b2e55'/%3E%3Cstop offset='1' stop-color='%230b66d6'/%3E%3C/linearGradient%3E%3Crect width='1' height='1' fill='url(%23g)'/%3E%3C/svg%3E");--g-plan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3ClinearGradient id='g' x1='.1' y1='0' x2='.6' y2='1'%3E%3Cstop offset='0' stop-color='%232a1d5e'/%3E%3Cstop offset='1' stop-color='%237c5cff'/%3E%3C/linearGradient%3E%3Crect width='1' height='1' fill='url(%23g)'/%3E%3C/svg%3E");font-family:var(--sf);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;text-align:left;line-height:normal;width:100%;margin:0;zoom:calc(var(--appel-zoom, 1) * var(--appel-fit, 1))}.appel-fit{container-type:inline-size;width:100%;min-width:0;display:flex;justify-content:inherit}@container (max-width: 342px){.appel-w-md,.appel-w-lg{--appel-fit: .92}}@container (max-width: 314px){.appel-w-md,.appel-w-lg{--appel-fit: .845}}@container (max-width: 289px){.appel-w-md,.appel-w-lg{--appel-fit: .775}}@container (max-width: 264px){.appel-w-md,.appel-w-lg{--appel-fit: .7}}.appel *{box-sizing:border-box}.appel-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:0 1px 2px #0b16200a}.appel-screen{background:var(--bg);border-radius:28px;padding:16px}.appel-bare{background:transparent}.appel-w-sm{max-width:320px}.appel-w-md{max-width:390px}.appel-w-lg{max-width:440px}.appel-w-desk{max-width:720px}@media(min-width:768px){.tile-crop{height:100%;max-height:420px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 380px,transparent 420px);mask-image:linear-gradient(to bottom,#000 380px,transparent 420px)}.tile-crop>.appel-fit{height:100%}.tile-crop-2{max-height:520px;-webkit-mask-image:linear-gradient(to bottom,#000 480px,transparent 520px);mask-image:linear-gradient(to bottom,#000 480px,transparent 520px)}:is(ul,ol):has(.tile-crop .appel-screen,.tile-crop .appel-card) .tile-crop .appel-bare{background:var(--bg);border-radius:28px;padding:16px}}@container (min-width: 343px) and (max-width: 389px){.tile-crop .appel-w-md,.tile-crop .appel-w-lg{--appel-fit: .9}}.appel{--mo-ease: cubic-bezier(.22, 1, .36, 1)}.appel .mo-swap{position:relative;display:inline-block}.appel .mo-swap.mo-block{display:block}.appel .mo-swap>.mo-b{position:absolute;inset:0;opacity:0;pointer-events:none}.appel .mo-swap.mo-stack{display:inline-grid}.appel .mo-swap.mo-stack.mo-block{display:grid}.appel .mo-swap.mo-stack>*{grid-area:1 / 1}.appel .mo-swap.mo-stack>.mo-b{position:static}.appel .mo-swap.mo-stack.mo-center>*{justify-self:center}.appel .mo-out{opacity:0}.appel .mo-tap{position:relative;isolation:isolate}.appel .mo-tap:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--secondary);opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.appel[data-play] .mo-swap>.mo-a,.appel[data-play] .mo-swap>.mo-b,.appel[data-play] .mo-out{transition:opacity .26s var(--mo-ease) var(--mo-d, 0ms)}.appel[data-play=before] .mo-swap>.mo-a{opacity:0;transition:none}.appel[data-play=before] .mo-swap>.mo-b,.appel[data-play=before] .mo-out{opacity:1;transition:none}.appel[data-play] .mo-swap.mo-roll{overflow:hidden}.appel[data-play] .mo-roll>.mo-a,.appel[data-play] .mo-roll>.mo-b{transition:opacity .3s var(--mo-ease) var(--mo-d, 0ms),transform .42s var(--mo-ease) var(--mo-d, 0ms)}.appel[data-play] .mo-roll>.mo-b{transform:translateY(-70%)}.appel[data-play=before] .mo-roll>.mo-a{transform:translateY(70%);transition:none}.appel[data-play=before] .mo-roll>.mo-b{transform:none;transition:none}.appel[data-play] .mo-in{transition:opacity .38s var(--mo-ease) var(--mo-d, 0ms),transform .38s var(--mo-ease) var(--mo-d, 0ms)}.appel[data-play=before] .mo-in{opacity:0;transform:translateY(8px);transition:none}.appel[data-play] .mo-fill{transform-origin:left center;transition:transform .9s var(--mo-ease) var(--mo-d, 0ms)}.appel[data-play=before] .mo-fill{transform:scaleX(var(--mo-from, 0));transition:none}.appel[data-play=after] .mo-tap:before{animation:mo-tap .64s var(--mo-ease) var(--mo-d, 0ms) both}.appel[data-play=after] .mo-press{animation:mo-press .32s var(--mo-ease) var(--mo-d, 0ms) both}}@keyframes mo-press{0%{transform:scale(1)}35%{transform:scale(.94)}to{transform:scale(1)}}@keyframes mo-tap{0%{opacity:0}20%{opacity:1}to{opacity:0}}