:root{--auto-comments-from:#ff7a59;--auto-comments-to:#e2336b;--auto-starters-from:#1cc3a2;--auto-starters-to:#0e8f6a;--auto-mention-from:#ffb22e;--auto-mention-to:#ef5a1c;--auto-panel-mix:16%;--auto-grid-mix:22%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--auto-panel-mix:22%;--auto-grid-mix:30%}}:root[data-theme=dark]{--auto-panel-mix:22%;--auto-grid-mix:30%}.auto-comments{--from:var(--auto-comments-from);--to:var(--auto-comments-to)}.auto-starters{--from:var(--auto-starters-from);--to:var(--auto-starters-to)}.auto-mention{--from:var(--auto-mention-from);--to:var(--auto-mention-to)}.auto-tile{background-image:linear-gradient(135deg, var(--from), var(--to));color:#fff;box-shadow:0 8px 18px -10px color-mix(in oklab, var(--to) 70%, transparent)}.auto-panel{background-color:color-mix(in oklab, var(--from) var(--auto-panel-mix), var(--surface));background-image:linear-gradient(color-mix(in oklab, var(--to) var(--auto-grid-mix), transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--to) var(--auto-grid-mix), transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px}.phone-frame{background:linear-gradient(160deg,#2b2b2e,#0c0c0d 55%);box-shadow:inset 0 0 0 1px #3a3a3d,0 30px 60px -28px #0f0c1e8c,0 12px 24px -16px #0f0c1e73}.phone-screen{color:#0f0f10;background:#fff}.phone-muted{color:#737373}.phone-line{border-color:#ededed}.phone-in{color:#0f0f10;background:#efefef}.phone-out{color:#fff;background-image:linear-gradient(160deg,#6a4cf7,#a13cef)}.phone-chip{color:#0f0f10;background:#fff;border:1px solid #dbdbdb}.phone-action{color:#4a3cf2}.phone-island{background:#000}.phone-key{background:#1c1c1e}.phone-home{background:#0f0f10}.phone-camera{color:#fff;background-image:linear-gradient(135deg,#6a4cf7,#a13cef)}.phone-story{background-image:linear-gradient(160deg,#fdc468,#f2651f 45%,#c82a87)}