.ocean-home{isolation:isolate;flex:1;align-content:center;padding:110px 24px 140px;display:grid;position:relative;overflow:clip}.site-shell:has(.ocean-home.is-chatting){height:100vh;min-height:0;height:var(--ocean-chat-height,100dvh);overflow:hidden}.site-shell:has(.ocean-home.is-chatting) .site-main{min-height:0;overflow:hidden}.home-shell .site-header{opacity:1;visibility:visible;background:0 0;transition:opacity .15s ease-out,visibility .15s}.home-shell:has(.ocean-home.is-chatting) .site-header{opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0 0 auto}@media (width>=1500px){.home-shell:has(.ocean-home.is-chatting) .site-header{opacity:1;visibility:visible;pointer-events:auto}.home-shell:has(.ocean-home.is-chatting) .ocean-intro{padding-top:5rem}}@media (prefers-reduced-motion:reduce){.home-shell .site-header{transition-duration:.15s!important}}.ocean-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-shell:not(.home-shell) .ocean-backdrop:after{content:"";background:color-mix(in oklab, var(--background) 18%, transparent);position:absolute;inset:0}.ocean-canvas{opacity:.52;width:100%;height:100%;font-family:var(--font-mono,ui-monospace, monospace);filter:invert()grayscale();display:block}:root[data-theme=dark] .ocean-canvas{filter:grayscale();opacity:.44}.site-shell:not(.home-shell) .ocean-canvas{filter:none}.ocean-content{z-index:1;flex-direction:column;width:min(100%,680px);margin-inline:auto;display:flex;position:relative}.ocean-intro{text-align:center;margin-bottom:32px;position:relative}.ocean-intro:before{content:"";z-index:-1;background:radial-gradient(ellipse, var(--background) 25%, transparent 74%);opacity:.88;pointer-events:none;position:absolute;inset:-55px -30px -20px}.ocean-intro h1{letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(36px,5.2vw,62px);font-weight:350;line-height:1.15}.ocean-intro h1>span{will-change:transform;display:inline-block}.ocean-home.is-chatting .ocean-intro h1{font-size:clamp(1.5rem,2.2vw,2rem)}.ocean-subtitle{color:var(--muted-foreground);letter-spacing:-.01em;opacity:1;margin-top:15px;font-size:13px}.ocean-home .ocean-intro{order:0}.ocean-home:not(.is-chatting) .composer-dock{order:1}.ocean-home:not(.is-chatting) .ocean-start{order:2}.ocean-home:not(.is-chatting) .chat-error-slot{order:3}.ocean-home:not(.is-chatting) .chat-thread-slot{order:4}.prompt-box{border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);background:color-mix(in oklab, var(--background) 50%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 5px #00000003,0 12px 48px #00000004,inset 0 1px #ffffff18}.prompt-box:focus-within{border-color:color-mix(in oklab, var(--foreground) 30%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--foreground) 3%, transparent), 0 12px 48px #00000004}.prompt-editor{flex:1;min-width:0;position:relative}.prompt-box .prompt-textarea{resize:none;field-sizing:fixed;width:100%;height:calc(1.6em + 8px);min-height:calc(1.6em + 8px);max-height:190px;box-shadow:none;color:var(--foreground);background:0 0;border:0;border-radius:0;outline:none;padding:4px 6px;font-size:15px;line-height:1.6;transition:height .15s cubic-bezier(.2,0,0,1);display:block;overflow-y:hidden}.prompt-box .prompt-textarea.prompt-measure{visibility:hidden;pointer-events:none;height:0;min-height:0;max-height:none;transition:none;position:absolute;inset:0 0 auto;overflow:hidden}@media (prefers-reduced-motion:reduce){.prompt-box .prompt-textarea{transition:none}}.prompt-box .prompt-textarea:focus-visible{box-shadow:none;border:0;outline:none}.prompt-box .prompt-textarea::placeholder{color:var(--muted-foreground);opacity:.8}.prompt-toolbar{flex-shrink:0;justify-content:flex-end;align-self:flex-end;align-items:center;gap:12px;min-height:36px;display:flex}.prompt-toolbar .prompt-submit{border-radius:11px;width:36px;height:36px;transition:background-color .16s,color .16s,opacity .16s}.prompt-box:has(#site-chat-prompt:placeholder-shown) .prompt-toolbar .prompt-submit:not(.prompt-stop){opacity:1;background:var(--secondary);color:var(--muted-foreground)}.prompt-toolbar .prompt-stop{background:var(--secondary);color:var(--foreground)}.ocean-start{flex-direction:column;gap:14px;margin-top:22px;display:flex}.chat-starters{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.chat-starter{border:1px solid var(--border);background:color-mix(in oklab, var(--background) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted-foreground);border-radius:999px;padding:6px 11px;font-size:11px;line-height:1.4;transition:color .15s,border-color .15s}.chat-starter:hover{color:var(--foreground);border-color:color-mix(in oklab, var(--foreground) 25%, transparent)}.ocean-shortcuts{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:17px;margin-top:23px;font-size:11px;display:flex}.ocean-start .ocean-shortcuts{margin-top:0}.ocean-shortcuts a{align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.ocean-shortcuts a:hover{color:var(--foreground)}.ocean-shortcuts>span{opacity:.35}.ocean-home.is-chatting{flex-direction:column;flex:1 1 0;align-content:normal;min-height:0;padding:0 20px;display:flex;overflow:hidden}.chat-frame{z-index:-1;pointer-events:none;visibility:hidden;position:fixed;inset:0}.chat-frame-fill{opacity:0;visibility:hidden}.is-chatting .chat-frame-fill,.is-closing .chat-frame-fill{opacity:1;visibility:visible}.is-chatting .chat-frame,.is-closing .chat-frame{visibility:visible}.chat-frame-fill{z-index:0;background:color-mix(in oklab, var(--background) 50%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset:0}.ocean-home.is-chatting .ocean-content{flex-direction:column;flex:1 1 0;width:min(100%,880px);min-height:0;display:flex}.ocean-home.is-chatting .ocean-start{opacity:0;visibility:hidden;pointer-events:none;width:min(100% - 48px,680px);margin-inline:auto;position:fixed;inset:0 0 auto}.ocean-home.is-chatting .ocean-intro{padding:max(16px, env(safe-area-inset-top)) 0 14px;text-align:center;flex-shrink:0;margin:0}.ocean-home.is-chatting .ocean-intro:before{display:none}.ocean-home.is-chatting .ocean-subtitle{opacity:0;pointer-events:none;margin-top:0;position:absolute;inset:100% 0 auto}.ocean-home.is-chatting .chat-thread-slot{flex:1 1 0;order:1;min-height:0;display:flex}.ocean-home.is-chatting .chat-error-slot{flex-shrink:0;order:2}.ocean-home.is-chatting .composer-dock{order:3}.ocean-home:not(.is-chatting) .chat-dock-bar{display:none}.chat-dock-bar{justify-content:flex-end;align-items:center;gap:12px;padding:0 4px 7px;display:flex}.chat-reset{color:var(--muted-foreground);flex-shrink:0}.chat-thread{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.chat-scroller{flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative}.chat-scroller-viewport{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:0 2px;overflow-y:auto}.ocean-home.is-chatting .chat-scroller-viewport{-webkit-mask-image:linear-gradient(#0000 0,#000 22px calc(100% - 40px),#0000);mask-image:linear-gradient(#0000 0,#000 22px calc(100% - 40px),#0000)}.ocean-home.is-chatting .chat-scroller-content{padding-bottom:56px}.chat-scroller-viewport::-webkit-scrollbar{width:0;height:0;display:none}.chat-scroller-viewport:focus-visible{outline:2px solid var(--ring);outline-offset:-2px;border-radius:12px}.chat-scroller-viewport[data-pending-scroll]{visibility:hidden}.chat-scroller-content{flex-direction:column;gap:18px;min-height:100%;padding:10px 2px 22px;display:flex;overflow:clip}.chat-turn{overflow-wrap:anywhere;width:100%}.chat-turn-user{justify-content:flex-end;display:flex}.chat-bubble{background:var(--secondary);max-width:min(85%,34rem);color:var(--secondary-foreground);white-space:pre-wrap;border-radius:16px 16px 6px;padding:10px 14px;font-size:14px;line-height:1.6}.chat-turn-assistant{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.chat-markdown{width:100%;max-width:44rem;color:var(--foreground);font-size:14px;line-height:1.72}.chat-markdown>:first-child{margin-top:0}.chat-markdown>:last-child{margin-bottom:0}.chat-markdown p{margin:0 0 .7em}.chat-markdown :is(h1,h2,h3,h4){letter-spacing:-.02em;margin:1.1em 0 .45em;font-size:15px;font-weight:600;line-height:1.4}.chat-markdown :is(ul,ol){margin:0 0 .7em;padding-left:1.15rem}.chat-markdown li+li{margin-top:.2em}.chat-markdown a{text-underline-offset:.18em;text-decoration:underline}.chat-markdown code{background:var(--secondary);font-family:var(--font-mono,ui-monospace, monospace);border-radius:4px;padding:.1em .32em;font-size:.88em}.chat-markdown pre{border:1px solid var(--border);background:var(--secondary);border-radius:10px;margin:0 0 .8em;padding:12px 14px;font-size:12px;line-height:1.6;overflow-x:auto}.chat-markdown pre code{background:0 0;padding:0}.chat-markdown blockquote{border-left:2px solid var(--border);color:var(--muted-foreground);margin:0 0 .8em;padding-left:.9rem}.chat-markdown hr{border:0;border-top:1px solid var(--border);margin:1.1em 0}.chat-jump{z-index:2;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);opacity:0;visibility:hidden;border-radius:999px;padding:5px 12px;font-size:11px;line-height:1.5;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 6px 20px #00000010}.chat-jump[data-active=true]{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.chat-error{border:1px solid color-mix(in oklab, var(--destructive) 26%, var(--border));background:color-mix(in oklab, var(--destructive) 6%, var(--background));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;padding:8px 8px 8px 12px;display:flex}.chat-error-message{margin:0;font-size:12px;line-height:1.5}.chat-error-actions{flex-shrink:0;gap:4px;display:flex}.composer-dock{z-index:2;width:100%;position:relative}.ocean-home.is-chatting .composer-dock{padding:10px 0 calc(14px + env(safe-area-inset-bottom));flex-shrink:0}.ocean-home.is-chatting .prompt-box .prompt-textarea.prompt-measure{height:0;min-height:0;max-height:none}@media (width<=600px){.ocean-home{padding:80px 20px 120px}.ocean-canvas{opacity:.38}.ocean-intro{margin-bottom:27px}.ocean-intro h1{font-size:clamp(32px,8.2vw,46px)}.ocean-subtitle{font-size:12px}.prompt-box{border-radius:18px;padding:8px 10px}.prompt-box .prompt-textarea{font-size:16px}.ocean-shortcuts{gap:11px;font-size:10px}.ocean-shortcuts a{gap:2px}.ocean-shortcuts a svg{display:none}.ocean-home.is-chatting{padding:0 14px}.chat-bubble,.chat-markdown{font-size:15px}.chat-scroller-content{gap:16px;padding-bottom:18px}.chat-bubble{max-width:88%}.ocean-home.is-chatting .composer-dock{padding-top:8px}}