.home-introduction{padding-top:8px}.home-intro-grid{align-items:center;gap:32px;display:grid}.home-intro-title{text-wrap:balance;max-width:650px;margin-top:16px}.home-intro-title>span{color:var(--color-brand)}.home-intro-sub{text-wrap:pretty;max-width:470px;margin-top:16px}.home-intro-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}[data-home-actions] .cta{justify-content:space-between}@media (width>=640px){[data-home-actions] .cta{min-width:11rem}}.home-intro-earn-note{margin-top:12px}.home-intro-privacy{text-wrap:pretty;align-items:flex-start;gap:8px;max-width:470px;margin-top:4px;display:flex}.home-intro-privacy .home-intro-privacy-icon{width:12px;height:12px;color:var(--color-brand);flex-shrink:0;margin-top:4px}.home-intro-privacy a{color:var(--color-brand);text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.home-open-art{width:100%;min-width:0;max-width:460px;margin-inline:auto;position:relative}.home-open-frame{mix-blend-mode:multiply;position:relative}.home-open-poster{width:100%;height:auto;display:block}.home-open-film{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-ui) ease-out;display:block;position:absolute;inset:0}.home-open-film[data-playing]{opacity:1}.home-open-art .home-motion-control{position:absolute;bottom:0;right:0}.home-model-choice a:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-sm)}@media (hover:hover) and (pointer:fine){.home-model-choice a:hover{text-underline-offset:4px;text-decoration:underline}}.home-model-choice{border-top:1px solid var(--color-border);margin-top:32px;padding-top:24px}.home-model-choice-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home-model-choice-heading p{max-width:550px;margin-top:4px}.home-model-choice-heading>a{flex-shrink:0;align-items:center;gap:8px;min-height:44px;display:inline-flex}.home-model-types{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}.home-model-types li{color:var(--color-brand);align-items:center;gap:8px;display:flex}.home-model-type-name{color:var(--color-foreground);display:block}.home-model-type-scope{display:block}.home-model-label-link{min-height:44px;color:var(--color-brand);align-items:center;gap:8px;display:inline-flex}@media (width>=640px){.home-intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;min-height:340px}}@media (width<=639px){.home-intro-grid{gap:0}.home-open-art{order:-1;max-width:240px;margin:0 auto 8px}}@media (width<=639px) and (height<=600px){.home-open-art{max-width:160px}}@media (width<=639px){.home-introduction{padding-top:0}.home-intro-title,.home-intro-sub{margin-top:12px}.home-intro-actions{grid-template-columns:1fr;margin-top:16px;display:grid}.home-model-choice{margin-top:24px;padding-top:24px}.home-model-choice-heading{display:block}}.home-action-use{isolation:isolate;position:relative;overflow:hidden}.home-action-use>span:not(.home-token-stream){z-index:1;position:relative}.home-token-stream{pointer-events:none;opacity:.7;position:absolute;inset:0}.home-token-stream svg{width:100%;height:100%;display:block}.home-token{opacity:.3;transform:translate(100px)}@media (prefers-reduced-motion:no-preference){.home-token{animation:home-token-flight var(--token-time) linear var(--token-delay) infinite;animation-play-state:paused}.home-token-stream[data-running=true] .home-token{animation-play-state:running}}@keyframes home-token-flight{0%{opacity:0;transform:translate(-25px)}9%{opacity:.75}87%{opacity:.75}to{opacity:0;transform:translate(350px)}}@media (prefers-reduced-motion:reduce){.home-token-stream{opacity:.25}.home-token:nth-child(3n){transform:translate(245px)}.home-token:nth-child(3n+1){transform:translate(30px)}.home-token-stream{display:none}}@media (width<=639px){.home-model-types{flex-wrap:wrap;gap:8px 16px;padding:12px 0 4px;display:flex}.home-model-types li{gap:8px}.home-model-types li svg{width:20px;height:20px}.home-model-type-scope{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.magic-overlay{z-index:var(--z-modal);background:var(--color-scrim);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);position:fixed;inset:0}.magic-dialog{z-index:var(--z-modal);border:1px solid color-mix(in srgb,var(--color-brand) 15%,var(--color-border));border-radius:var(--radius-lg);background:var(--color-surface);width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 40px);color:var(--color-foreground);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 100px #041c1840}.magic-dialog[data-view=api]{max-width:720px}.magic-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:16px 16px 0 32px;display:flex}.magic-wordmark{font:500 var(--text-meta)/.875rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand);align-items:center;gap:12px;display:flex}.magic-close{width:44px;height:44px;color:var(--color-muted);border-radius:50%;place-items:center;display:grid}.magic-back{min-height:44px;font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-muted);align-items:center;gap:8px;font-weight:500;display:flex}.magic-body{overscroll-behavior:contain;scrollbar-width:thin;padding:12px 32px 24px;overflow-y:auto}.magic-heading{margin-bottom:24px}.magic-heading h2{font-size:var(--text-title);font-weight:600;line-height:var(--text-title--line-height);letter-spacing:-.02em;outline:0}.magic-heading p{max-width:430px;font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-muted);text-wrap:pretty;margin-top:8px}.magic-options{flex-direction:column;gap:12px;display:flex}.magic-option{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;transition:background var(--dur-hover),border-color var(--dur-hover),transform var(--dur-press) var(--ease-out);align-items:center;gap:16px;padding:24px;display:flex}.magic-option-chat{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.magic-option-icon{border-radius:var(--radius-lg);border:1px solid #ffffff30;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.magic-option-api .magic-option-icon{border-color:var(--color-border);color:var(--color-brand);background:var(--color-soft)}.magic-option-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.magic-option-copy .magic-option-meta{font:500 var(--text-meta)/.875rem var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.magic-option-copy strong{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:-.01em;font-weight:600}.magic-option-copy>span:last-child{font-size:var(--text-ui);opacity:.8;line-height:1.125rem}.magic-option-arrow{transition:transform var(--dur-hover) var(--ease-out);flex-shrink:0;margin-left:auto}.magic-dialog[data-view=choose] .magic-body{padding-bottom:12px}.magic-footer{color:var(--color-muted);font-size:var(--text-caption);line-height:var(--text-caption--line-height);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 32px 24px;display:flex}.magic-footer a{min-height:44px;color:var(--color-brand);font-size:var(--text-ui);line-height:var(--text-ui--line-height);white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:flex}.magic-dialog button:focus-visible,.magic-dialog a:focus-visible,.magic-dialog pre:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.magic-api-steps{gap:16px;margin:0 0 24px;display:flex}.magic-api-steps li{font-size:var(--text-ui);flex:1;gap:8px;line-height:1.125rem;display:flex}.magic-api-steps li>span{background:var(--color-soft);width:22px;height:22px;color:var(--color-brand);font:var(--text-meta)/var(--text-meta--line-height) var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.magic-api-base{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;column-gap:12px;padding:8px 0;display:flex}.magic-api-base>span{color:var(--color-muted);font:500 var(--text-meta)/.875rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.magic-api-base>code{font:var(--text-caption)/var(--text-caption--line-height) var(--font-mono);overflow-wrap:anywhere}.magic-copy{min-width:44px;min-height:44px;font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-brand);justify-content:center;align-items:center;gap:4px;margin-left:auto;display:flex}.magic-code{background:var(--color-soft);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.magic-code>div{border-bottom:1px solid var(--color-border);color:var(--color-muted);font:500 var(--text-meta)/.875rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:0 12px 0 16px;display:flex}.magic-code pre{font:var(--text-caption)/1.25rem var(--font-mono);scrollbar-width:thin;padding:16px;overflow-x:auto}.magic-api-hint{color:var(--color-muted);font-size:var(--text-caption);line-height:var(--text-caption--line-height);margin-top:8px}.magic-api-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px;display:flex}.magic-api-actions>a{min-height:44px;color:var(--color-brand);align-items:center;gap:8px;display:flex}.magic-api-actions>a:not(.cta){font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:500}.magic-api-actions>.btn-fill{color:var(--color-surface)}.magic-api-scope{border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-caption);line-height:var(--text-caption--line-height);margin-top:16px;padding-top:16px}@media (prefers-reduced-motion:no-preference){.magic-overlay[data-state=open]{animation:magic-fade var(--dur-hover) ease-out}.magic-dialog[data-state=open]{animation:magic-appear var(--dur-ui) cubic-bezier(.16,1,.3,1)}}@keyframes magic-fade{0%{opacity:0}to{opacity:1}}@keyframes magic-appear{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=639px){.magic-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.magic-toolbar{min-height:52px;padding:8px 12px 0 24px}.magic-body{padding:12px 24px max(20px,env(safe-area-inset-bottom))}.magic-heading{margin-bottom:24px}.magic-option{gap:12px;padding:24px 16px}.magic-option-icon{border-radius:12px;width:38px;height:42px}.magic-dialog[data-view=choose] .magic-body{padding-bottom:8px}.magic-footer{padding:8px 24px max(20px,env(safe-area-inset-bottom));align-items:flex-start}.magic-footer>span{align-self:center}.magic-api-steps{flex-direction:column;gap:12px}.magic-api-base{column-gap:8px}.magic-api-base>span{width:100%}.magic-api-actions{gap:12px}}@media (prefers-reduced-motion:reduce){.magic-dialog *{transition:none}}.magic-dialog:focus{outline:none}@media (hover:hover) and (pointer:fine){.magic-close:hover{background:var(--color-subtle);color:var(--color-brand)}.magic-back:hover{color:var(--color-brand)}.magic-option-chat:hover{background:color-mix(in srgb,var(--color-brand) 90%,#000)}.magic-option-api:hover{background:var(--color-subtle);border-color:color-mix(in srgb,var(--color-brand) 35%,var(--color-border))}.magic-option:hover .magic-option-arrow{transform:translate(3px)}}.magic-option:active{transform:scale(var(--press-scale))}.magic-close{transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease}@media (prefers-reduced-motion:reduce){.magic-option:active{transform:none}}@media (prefers-reduced-motion:no-preference){.magic-overlay[data-state=closed]{animation:magic-fade-out var(--dur-press) ease-out forwards}.magic-dialog[data-state=closed]{animation:magic-leave var(--dur-hover) var(--ease-out) forwards}}@media (prefers-reduced-motion:reduce){.magic-overlay[data-state=closed],.magic-dialog[data-state=closed]{animation:magic-fade-out var(--dur-press) ease-out forwards}}@keyframes magic-fade-out{to{opacity:0}}@keyframes magic-leave{to{opacity:0;transform:translate(-50%,calc(6px - 50%))scale(.985)}}@media (height<=640px){.magic-toolbar{min-height:44px;padding-top:4px}.magic-heading{margin-bottom:16px}.magic-option{padding-block:16px}.magic-footer{padding-top:4px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.magic-body{padding-bottom:max(12px,env(safe-area-inset-bottom))}.magic-dialog[data-view=choose] .magic-body{padding-bottom:8px}}.cta[data-pending]{cursor:progress}.cta[data-pending]:before{opacity:.08}@media (prefers-reduced-motion:no-preference){.cta[data-pending] .cta-arrow{animation:home-cta-pending var(--dur-page) var(--ease-out) infinite alternate}}@keyframes home-cta-pending{to{transform:translate(3px)}}