.figma-fish-notice{display:block;width:clamp(320px,46vw,430px);padding:0;border:0;background:transparent;cursor:pointer}.figma-fish-coordinate{position:relative;display:block;width:100%;aspect-ratio:375/261;container-type:inline-size}.figma-fish-art{position:absolute;left:8.533%;top:30.268%;width:30.933%;height:47.893%;object-fit:contain;image-rendering:pixelated}.figma-notice-bar{position:absolute;left:7.2%;top:41.379%;width:59.733%;height:19.54%;display:block;border-radius:999px;background:#f4f4f487;box-shadow:inset 0 0 10.225cqw #e3e3e3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:left .72s cubic-bezier(.22,1,.36,1),width .72s cubic-bezier(.22,1,.36,1)}.is-after .figma-notice-bar{left:41.333%;width:50.4%}.figma-notice-text{position:absolute;left:28.515%;top:26.91%;white-space:nowrap;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif;font-size:5.112cqw;font-weight:400;line-height:1.2;letter-spacing:-.02em;transition:left .72s cubic-bezier(.22,1,.36,1)}.is-after .figma-notice-text{left:20.106%}.figma-notice-icons{position:absolute;top:0;right:0;bottom:0;left:0}.figma-icon-eye-closed,.figma-icon-eye-open,.figma-icon-dot{position:absolute;object-fit:contain;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}.figma-icon-eye-closed{left:10.683%;top:38.93%;width:11.412%;height:36.14%;opacity:1;transform:scale(1)}.figma-icon-eye-open{left:10.683%;top:24.95%;width:11.412%;height:50.123%;opacity:0;transform:scale(.82)}.is-eye-open .figma-icon-eye-closed{opacity:0;transform:scale(.82,.55)}.is-eye-open .figma-icon-eye-open{opacity:1;transform:scale(1)}.figma-icon-dot{left:9.524%;top:37.255%;width:6.878%;height:25.49%;opacity:0;transform:scale(.7)}.is-after .figma-icon-eye-closed,.is-after .figma-icon-eye-open{opacity:0;transform:scale(.58)}.is-after .figma-icon-dot{opacity:1;transform:scale(1)}@media(max-width:700px){.figma-fish-notice{width:min(100%,360px)}}@media(prefers-reduced-motion:reduce){.figma-notice-bar,.figma-notice-text,.figma-notice-icons>*{transition-duration:.01ms!important}}.figma-greeting{position:absolute;z-index:4;left:0;top:4.5%;max-width:49%;padding:2.5cqw 3.8cqw;border:1px solid rgba(0,0,0,.07);border-radius:999px;background:#ffffffd1;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 4px 18px #00000017;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif;font-size:clamp(10px,4.15cqw,14px);font-weight:510;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;opacity:0;transform:translate(var(--greeting-entry-x,0),16px) scale(.24);pointer-events:none;transition:opacity .22s ease,transform .48s cubic-bezier(.16,1,.3,1)}.figma-greeting.tail-left{border-radius:999px 999px 999px 7px;transform-origin:0 100%}.figma-greeting.tail-right{border-radius:999px 999px 7px;transform-origin:100% 100%}.figma-greeting.is-visible{opacity:1;transform:translate(0) scale(1)}@media(prefers-reduced-motion:reduce){.figma-greeting{transition-duration:.01ms!important}}.figma-greeting{top:10%}.app-shell[data-theme=dark] .figma-fish-art{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(161,188,255,.22))}.app-shell[data-theme=dark] .figma-notice-bar{border:1px solid rgba(179,202,255,.16);background:#111b2fb8;box-shadow:inset 0 0 9cqw #4a67a933,0 8px 28px #00000038;-webkit-backdrop-filter:blur(15px) saturate(130%);backdrop-filter:blur(15px) saturate(130%)}.app-shell[data-theme=dark] .figma-notice-text{color:#eef3ff}.app-shell[data-theme=dark] .figma-notice-icons img{filter:brightness(0) invert(1)}.app-shell[data-theme=dark] .figma-greeting{border-color:#b2caff2e;background:#121c31e6;box-shadow:0 8px 28px #0000004d,inset 0 1px #ffffff0b;color:#f2f6ff}.app-shell[data-theme=dark] .figma-greeting:after{border-color:#b2caff1f;background:#121c31eb}.app-shell[data-theme=dark] .figma-fish-art{filter:drop-shadow(0 0 9px rgba(151,181,255,.18))}.app-shell[data-theme=dark] .figma-notice-bar{border-color:#ffffff57;background:#f1f4fae0;box-shadow:inset 0 0 9cqw #c9cfdc9e,0 9px 30px #00000042}.app-shell[data-theme=dark] .figma-notice-text{color:#121317}.app-shell[data-theme=dark] .figma-notice-icons img{filter:none}.app-shell[data-theme=dark] .figma-greeting{border-color:#ffffff4d;background:#f0f4fbe6;color:#15161a}.app-shell[data-theme=dark] .figma-greeting:after{border-color:#ffffff3d;background:#f0f4fbeb}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,sans-serif;color:#171719;background:#f5f5f7}.fish-demo-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:#f5f5f7}.demo-header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,56px);border-bottom:1px solid #d8d8dc;background:#fff}.demo-header span{font:700 12px/1 monospace;letter-spacing:.12em;text-transform:uppercase;color:#69696e}.demo-header strong{font-size:15px}.demo-header a{justify-self:end;font-size:13px;color:#5f5f64}.demo-stage{display:grid;place-items:center;align-content:center;gap:30px;padding:40px 20px}.pixel-fish-stage{position:relative;width:min(900px,96vw);display:grid;place-items:center;padding:20px;border:1px solid #cfcfd4;background:#fff;image-rendering:pixelated}.pixel-fish-canvas{display:block;width:min(750px,88vw);height:auto;aspect-ratio:375/261;cursor:pointer;image-rendering:pixelated;image-rendering:crisp-edges}.pixel-fish-stage>span{position:absolute;bottom:13px;padding:5px 8px;background:#fff;border:1px solid #111;font:11px/1 monospace;opacity:0;transition:opacity .15s}.pixel-fish-stage:hover>span{opacity:1}.pixel-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pixel-notes span{padding:7px 10px;border:1px solid #111;background:#fff;font:11px/1 monospace}.demo-controls{min-height:82px;display:flex;justify-content:center;align-items:center;gap:16px;padding:18px;border-top:1px solid #d8d8dc;background:#fff}.demo-controls button{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 17px;border:1px solid #111;border-radius:0;background:#111;color:#fff;cursor:pointer;font-size:13px}.demo-controls p{color:#6f6f74;font-size:12px}@media(max-width:700px){.demo-header{height:56px;grid-template-columns:1fr auto}.demo-header>span{display:none}.demo-header strong{font-size:13px}.demo-stage{padding:24px 8px}.pixel-fish-stage{width:100%;padding:6px}.pixel-fish-canvas{width:100%}.pixel-notes{max-width:340px}.demo-controls{flex-wrap:wrap;gap:8px}.demo-controls p{width:100%;margin:0;text-align:center}.pixel-fish-stage>span{display:none}}@media(prefers-reduced-motion:reduce){.pixel-fish-canvas{animation:none}}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;--page:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--line:#d8d8dd;--soft:#f8f8fa;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #111;outline-offset:3px}.app-shell{min-height:100vh;overflow:clip}.site-header{position:sticky;top:0;z-index:50;height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,54px);border-bottom:1px solid rgba(0,0,0,.09);background:#fafafce0;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px)}.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;font-size:17px;font-weight:670;letter-spacing:-.02em}.brand img{width:27px;height:29px;object-fit:contain;image-rendering:pixelated}.desktop-nav{grid-column:2;display:flex;gap:42px;height:100%}.desktop-nav a{display:grid;place-items:center;height:100%;font-size:13px;color:#515154}.desktop-nav a:hover{color:#000}.menu-button{position:relative;grid-column:3;justify-self:end;display:none;width:42px;height:42px;padding:0;border:0;background:transparent;cursor:pointer}.menu-button>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .32s cubic-bezier(.25,.1,.25,1),transform .42s cubic-bezier(.2,.75,.25,1)}.menu-close-icon{opacity:0;transform:rotate(-35deg) scale(.72)}.menu-button.open .menu-open-icon{opacity:0;transform:rotate(35deg) scale(.72)}.menu-button.open .menu-close-icon{opacity:1;transform:rotate(0) scale(1)}.mobile-overlay,.mobile-drawer{display:none}.generator-section{position:relative;width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:22px 0 78px}.hero-fish-wrap{height:118px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto 2px}.hero-fish-wrap .figma-fish-notice{flex:0 0 auto;width:270px}.hero-copy{text-align:center;margin:0 auto 34px}.hero-copy h1{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:720}.hero-copy p{max-width:680px;margin:16px auto 0;color:var(--muted);font-size:clamp(15px,1.45vw,18px);line-height:1.65}.generator-panel{max-width:920px;margin:0 auto;padding:22px;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:22px;box-shadow:0 20px 58px #0000000e}.input-shell{position:relative;border:1px solid #cacace;border-radius:16px;background:#fafafa;transition:border-color .2s,box-shadow .2s}.input-shell:focus-within{border-color:#7a7a7f;box-shadow:0 0 0 3px #0000000d}.input-shell textarea{display:block;width:100%;height:154px;padding:20px 20px 58px;border:0;outline:0;resize:vertical;background:transparent;color:#1d1d1f;font-size:16px;line-height:1.55}.input-shell textarea::placeholder{color:#98989e}.input-shell>span{position:absolute;left:20px;bottom:22px;color:#8e8e93;font-size:12px}.input-shell>button{position:absolute;right:14px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:45px;padding:0 19px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:650;cursor:pointer}.input-shell>button svg{transition:transform .2s ease}.input-shell>button:hover{background:#2c2c2e}.input-shell>button:hover svg{transform:translate(1px,1px)}.input-shell>button:active{transform:translateY(1px)}.input-shell>button:disabled{opacity:.6}.topic-block{padding:22px 2px 6px}.topic-block>p{margin:0 0 12px;text-align:center;color:#6e6e73;font-size:13px;font-weight:590}.topic-block>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.topic-block button{min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#515154;font-size:13px;cursor:pointer}.topic-block button:hover{border-color:#777;color:#000}.topic-block button.selected{background:#111;border-color:#111;color:#fff}.demo-note{display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 15px;border-radius:10px;background:#f5f5f7;color:#6e6e73;font-size:12px;line-height:1.5}.demo-note span:first-child{color:#1d1d1f;font-weight:630;white-space:nowrap}.result-area{margin-top:16px;border:1px dashed #d1d1d6;border-radius:15px;background:#fbfbfc;min-height:156px}.empty-result{min-height:156px;display:grid;place-items:center;align-content:center;gap:10px;padding:26px;text-align:center;color:#8e8e93}.empty-result p{max-width:440px;margin:0;font-size:13px;line-height:1.6}.result-area.has-results{border-style:solid;background:#fff}.result-list{padding:8px}.result-row{display:grid;grid-template-columns:36px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:64px;padding:8px;border-bottom:1px solid #e8e8eb}.result-row:last-child{border-bottom:0}.result-row>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f1f1f3;color:#6e6e73;font-size:12px;font-weight:650}.result-row strong{font-size:14px;line-height:1.45;font-weight:590}.result-row button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.result-row button:hover{background:#f1f1f3}.trending-section{padding:80px max(20px,calc((100vw - var(--max))/2)) 70px;background:#fff;border-top:1px solid #e6e6e9}.feed-heading{text-align:center;margin-bottom:42px}.feed-heading>span{display:block;color:#6e6e73;font-size:13px;font-weight:720;letter-spacing:.08em}.feed-heading h2{margin:10px 0 0;font-size:clamp(32px,4vw,50px);letter-spacing:-.04em}.feed-heading>div{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;color:#8e8e93;font-size:14px}.feed-heading i{width:9px;height:9px;border-radius:50%;background:#111;box-shadow:0 0 0 5px #00000014;animation:pulse 1.8s ease-in-out infinite}.waterfall{display:grid;grid-template-columns:repeat(var(--feed-columns),minmax(0,1fr));align-items:start;gap:18px}.waterfall-column{display:flex;min-width:0;flex-direction:column;gap:18px}.post-card{display:block;width:100%;overflow:hidden;border:1px solid #dedee2;border-radius:18px;background:#fff;opacity:0;transform:translateY(12px);transition:transform .2s,box-shadow .2s}.post-card.is-visible{opacity:1;transform:translateY(0);animation:post-card-reveal .56s cubic-bezier(.22,1,.36,1) var(--post-reveal-delay,0ms) backwards}.post-card.is-visible:hover{transform:translateY(-3px);box-shadow:0 14px 35px #00000017}.post-cover{position:relative}.post-cover img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.post-cover>span{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#000000b8;color:#fff;font-size:12px;font-weight:650;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-copy{padding:16px}.post-copy h3{margin:0;font-size:16px;line-height:1.45;letter-spacing:-.01em}.post-copy>strong{display:block;margin-top:12px;color:#1d1d1f;font-size:13px}.post-copy>div{display:flex;gap:16px;margin-top:13px;color:#8e8e93;font-size:12px}.post-copy>div span{display:flex;align-items:center;gap:5px}.load-sentinel{display:flex;justify-content:center;align-items:center;gap:7px;padding:22px;color:#8e8e93;font-size:12px}.load-more{display:flex;align-items:center;justify-content:center;gap:8px;min-width:148px;height:46px;margin:30px auto 0;padding:0 20px;border:1px solid #c7c7cc;border-radius:999px;background:#fff;color:#1d1d1f;font-weight:620;cursor:pointer;transition:background .2s,transform .2s}.load-more:hover{background:#f5f5f7}.load-more:active{transform:translateY(1px)}footer{padding:26px;text-align:center;color:#8e8e93;font-size:12px;border-top:1px solid #e6e6e9;background:#fff}.toast{position:fixed;z-index:70;right:26px;top:74px;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:13px 16px;border:1px solid #d5d5d8;border-radius:12px;background:#fffffff7;box-shadow:0 10px 30px #0000001f;font-size:13px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:none}.back-to-top{position:fixed;z-index:40;right:24px;bottom:24px;width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:50%;background:#111;color:#fff;box-shadow:0 10px 28px #0003;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}@keyframes pulse{50%{opacity:.35;transform:scale(.82)}}@keyframes post-card-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-button{display:grid;place-items:center;grid-column:2}.mobile-overlay{display:block;position:fixed;z-index:42;top:58px;right:0;bottom:0;left:0;background:#00000038;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.25,.1,.25,1)}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{display:flex;position:fixed;z-index:45;top:58px;left:0;right:0;height:min(34vh,292px);padding:20px 28px 26px;flex-direction:column;background:#fafafcfa;opacity:0;pointer-events:none;transform:translateY(-24px);clip-path:inset(0 0 100% 0);transition:clip-path .46s cubic-bezier(.2,.75,.25,1),transform .46s cubic-bezier(.2,.75,.25,1),opacity .24s ease}.mobile-drawer.open{opacity:1;pointer-events:auto;transform:none;clip-path:inset(0)}.mobile-drawer a{display:flex;align-items:center;flex:1;border-bottom:1px solid #e8e8eb;font-size:18px;font-weight:620;opacity:0;transform:translateY(-9px);transition:opacity .28s ease,transform .42s cubic-bezier(.2,.75,.25,1)}.mobile-drawer a:last-child{border-bottom:0}.mobile-drawer.open a{opacity:1;transform:none}.mobile-drawer.open a:nth-child(1){transition-delay:.08s}.mobile-drawer.open a:nth-child(2){transition-delay:.13s}}@media(max-width:720px){.site-header{height:54px;padding:0 16px}.brand{gap:8px;font-size:16px}.brand img{width:25px;height:27px}.mobile-overlay,.mobile-drawer{top:54px}.generator-section{width:min(calc(100% - 24px),var(--max));padding:12px 0 54px}.hero-fish-wrap{height:94px;margin-bottom:0}.hero-fish-wrap .figma-fish-notice{width:230px}.hero-copy{margin-bottom:24px}.hero-copy h1{font-size:clamp(36px,10vw,48px)}.hero-copy p{max-width:360px;margin-top:12px;font-size:14px}.generator-panel{padding:14px;border-radius:17px}.input-shell textarea{height:140px;padding:17px 16px 57px;font-size:15px}.input-shell>span{left:16px;bottom:20px}.input-shell>button{right:10px;bottom:9px;min-height:42px;padding:0 15px}.topic-block>div{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-14px;padding:0 14px 6px;scrollbar-width:none}.topic-block>div::-webkit-scrollbar{display:none}.topic-block button{flex:0 0 auto}.demo-note,.demo-note span{display:block}.demo-note span+span{margin-top:4px}.result-row{grid-template-columns:32px minmax(0,1fr) 42px}.result-row strong{font-size:13px}.trending-section{padding:60px 12px 52px}.feed-heading{margin-bottom:30px}.feed-heading h2{font-size:34px}.feed-heading>div{font-size:13px}.waterfall,.waterfall-column{gap:10px}.post-card{border-radius:14px}.post-cover>span{left:8px;bottom:8px;padding:5px 8px;font-size:10px}.post-copy{padding:11px}.post-copy h3{font-size:13px}.post-copy>strong{margin-top:8px;font-size:12px}.post-copy>div{gap:9px;margin-top:10px;font-size:10px}.toast{top:66px;left:12px;right:12px;justify-content:center}.back-to-top{right:14px;bottom:14px;width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.post-card,.post-card.is-visible{transform:none;animation:none;transition-duration:.01ms}}@media(max-width:390px){.hero-fish-wrap{height:88px}.hero-fish-wrap .figma-fish-notice{width:216px}.hero-copy h1{font-size:36px}.feed-heading h2{font-size:30px}.post-copy>div{display:grid;grid-template-columns:1fr}.post-copy>div span+span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.menu-button:focus-visible{outline:0}.generator-section>*:not(.generation-ripple){position:relative;z-index:1}.generation-ripple{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.generator-panel{transition:box-shadow .45s ease,border-color .45s ease}.generator-section.is-generating .generator-panel{border-color:#00000026;box-shadow:0 24px 70px #00000014}.result-area.is-loading{display:grid;place-items:center;border-style:solid;border-color:#d6d6da;background:#fafafce6;overflow:hidden}.bubble-loader{position:relative;min-height:156px;width:100%;display:grid;place-items:center;align-content:center;text-align:center;overflow:hidden}.bubble-loader canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated}.bubble-loader strong,.bubble-loader span{position:relative;z-index:1}.bubble-loader strong{margin-top:50px;font-size:13px;font-weight:650;letter-spacing:.02em}.bubble-loader span{margin-top:5px;color:#8e8e93;font-size:11px}.result-list{overflow:hidden}.result-list .result-row{opacity:0;transform:translateY(-14px);animation:reveal-result .5s cubic-bezier(.2,.78,.25,1) forwards;animation-delay:calc(var(--result-index) * 80ms)}@keyframes reveal-result{to{opacity:1;transform:none}}.hero-fish-wrap{margin-bottom:14px}.hero-copy h1{display:inline-flex;align-items:baseline;justify-content:center;gap:.18em;font-size:clamp(38px,4.3vw,58px);line-height:1.1;letter-spacing:0;font-weight:650}.hero-latin{font-weight:620;letter-spacing:-.045em}.hero-cjk{font-weight:660;letter-spacing:-.04em}@media(max-width:720px){.hero-fish-wrap{margin-bottom:12px}.hero-copy h1{font-size:clamp(31px,8.5vw,38px)}}@media(max-width:390px){.hero-fish-wrap{margin-bottom:10px}.hero-copy h1{font-size:32px}}.site-header{background:#fafafcb3;-webkit-backdrop-filter:saturate(170%) blur(24px);backdrop-filter:saturate(170%) blur(24px)}.generator-section{width:100%;max-width:none;margin:0;padding:22px max(20px,calc((100vw - var(--max))/2)) 78px;background-color:#edf4fa;background-image:url(/assets/covers/cover-sky-amber.webp);background-size:cover;background-position:center 37%;isolation:isolate;overflow:hidden}.generator-section:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#f8fafcb3;transition:background .55s ease}.generator-section.is-generating:before{background:#f2f7fb7a}.hero-fish-wrap,.hero-copy,.generator-panel{width:100%}.hero-fish-wrap,.hero-copy{max-width:var(--max);margin-left:auto;margin-right:auto}.generator-panel{background:#ffffffb8;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}.input-shell{background:#ffffff94}.topic-block button{background:#ffffffa8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-note{background:#f5f7faad}.result-area{background:#ffffff94}.generator-panel,.input-shell,.topic-block button,.demo-note,.result-area{transition:border-color .35s ease,box-shadow .35s ease,background .35s ease}.generator-section.is-generating .generator-panel{border-color:#276c9e8c;box-shadow:0 26px 76px #1c4d7326,inset 0 0 0 1px #ffffff8c}.generator-section.is-generating .input-shell,.generator-section.is-generating .result-area{border-color:#2873a97a;box-shadow:inset 0 0 0 1px #ffffff9e,0 0 0 1px #24699d14}.generator-section.is-generating .topic-block button,.generator-section.is-generating .demo-note{border-color:#2f71a047;box-shadow:inset 0 0 0 1px #ffffff7a}.generation-ripple{left:0;right:0;width:100vw;max-width:none}.result-area.is-loading{background:#f8fbfdb8;border-color:#276c9e80}.bubble-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:normal;padding:18px}.bubble-loader strong{margin-top:0}.bubble-loader span{margin-top:5px}@media(max-width:980px){.mobile-drawer{background:#fafafcd1;-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}}@media(max-width:720px){.generator-section{width:100%;padding:12px 12px 54px;background-position:center top}.generator-section:before{background:#f8fafcbd}.generator-section.is-generating:before{background:#f2f7fb85}}.generator-section{background:#f7f7f8}.generator-section:before{z-index:-2;background-image:url(/assets/covers/cover-sky-amber.webp);background-size:cover;background-position:center 37%;filter:grayscale(1) brightness(1.18) contrast(.82);opacity:.2}.generator-section:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#ffffff8f;transition:background .45s ease}.generator-section.is-generating:after{background:#ffffff61}.generator-section.is-generating .generator-panel{border-color:#0000001c;box-shadow:0 26px 76px #1f313d1a,inset 0 0 0 1px #ffffffb3}.generator-section.is-generating .input-shell,.generator-section.is-generating .result-area,.generator-section.is-generating .topic-block button,.generator-section.is-generating .demo-note{border-color:var(--line);box-shadow:none}@media(max-width:720px){.generator-section:before{background-position:center top;opacity:.16}.generator-section:after{background:#ffffff9e}.generator-section.is-generating:after{background:#ffffff70}}.generator-section:after{transition:background .75s cubic-bezier(.22,.8,.22,1)}.generator-panel,.input-shell,.topic-block button,.demo-note,.result-area{transition:background .7s cubic-bezier(.22,.8,.22,1),border-color .55s ease,box-shadow .7s ease,backdrop-filter .7s ease}.generator-section.is-generating .generator-panel{background:#ffffff7a;-webkit-backdrop-filter:blur(13px) saturate(108%);backdrop-filter:blur(13px) saturate(108%)}.generator-section.is-generating .input-shell,.generator-section.is-generating .demo-note,.generator-section.is-generating .result-area{background:#ffffff5c}.generator-section.is-generating .topic-block button{background:#fff6}@media(hover:hover)and (pointer:fine){.input-shell>button{isolation:isolate;overflow:hidden}.input-shell>button:before{content:"";position:absolute;z-index:-1;width:150%;aspect-ratio:1;left:-25%;top:-115%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 32%,rgba(255,255,255,.58) 43%,rgba(176,176,181,.26) 51%,transparent 63% 100%);opacity:0;transform:rotate(0);transition:opacity .55s ease;animation:button-orbit 5.8s linear infinite;pointer-events:none}.input-shell>button:hover:before{opacity:1}.input-shell>button:hover{box-shadow:inset 0 0 14px #fff3,0 0 18px #00000014}}@keyframes button-orbit{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.input-shell>button:before{z-index:0}.input-shell>button svg{position:relative;z-index:1}}.app-shell[data-theme=dark]{--theme-page:#050812;--theme-page-raised:#09101f;--theme-surface:rgba(18,27,47,.76);--theme-surface-strong:rgba(22,32,54,.9);--theme-surface-soft:rgba(16,25,43,.58);--theme-ink:#f5f7ff;--theme-muted:#9ca9c2;--theme-faint:#727f98;--theme-line:rgba(155,181,235,.18);--theme-line-strong:rgba(169,195,255,.34);--theme-blue:#7096ff;--theme-cyan:#7cd9ee;--theme-green:#84e2bd;min-height:100vh;background:var(--theme-page);color:var(--theme-ink)}body{background:#050812;color:#f5f7ff}.app-shell[data-theme=dark] .site-header{border-color:#97b1e41f;background:#060a15b3;color:var(--theme-ink);box-shadow:0 12px 40px #00000029}.app-shell[data-theme=dark] .brand img{filter:brightness(0) invert(1)}.app-shell[data-theme=dark] .desktop-nav a{color:var(--theme-muted)}.app-shell[data-theme=dark] .desktop-nav a:hover{color:#fff}.app-shell[data-theme=dark] .menu-button{color:#f5f7ff}.app-shell[data-theme=dark] .generator-section{background:#060a15;color:var(--theme-ink)}.app-shell[data-theme=dark] .generator-section:before{background-image:radial-gradient(ellipse at 50% -10%,#6087ff94 0,#2f4d9f52 28%,#0c142ac7 62%,#050812fa);filter:none;opacity:1}.app-shell[data-theme=dark] .generator-section:after{background:linear-gradient(180deg,#0a102214,#03060e5c)}.app-shell[data-theme=dark] .generator-section.is-generating:after{background:linear-gradient(180deg,#0c142b05,#03060e2e)}.app-shell[data-theme=dark] .hero-copy h1{color:var(--theme-ink);text-shadow:0 0 30px rgba(94,130,255,.13)}.app-shell[data-theme=dark] .hero-copy p{color:var(--theme-muted)}.app-shell[data-theme=dark] .generator-panel{border-color:var(--theme-line);background:var(--theme-surface);box-shadow:0 28px 90px #00000061,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(26px) saturate(130%);backdrop-filter:blur(26px) saturate(130%)}.app-shell[data-theme=dark] .input-shell{border-color:var(--theme-line-strong);background:#040812b8;box-shadow:inset 0 0 28px #00000042}.app-shell[data-theme=dark] .input-shell:focus-within{border-color:#81a5ffb8;box-shadow:0 0 0 3px #648bff1c,inset 0 0 30px #0000003d}.app-shell[data-theme=dark] .input-shell textarea{color:var(--theme-ink)}.app-shell[data-theme=dark] .input-shell textarea::placeholder,.app-shell[data-theme=dark] .input-shell>span{color:var(--theme-faint)}.app-shell[data-theme=dark] .input-shell>button{border:1px solid rgba(183,205,255,.18);background:#080d18;color:#fff;box-shadow:inset 0 0 17px #6c8aff14,0 8px 28px #00000047}.app-shell[data-theme=dark] .input-shell>button:hover{background:#090f1d}.app-shell[data-theme=dark] .topic-block>p{color:var(--theme-muted)}.app-shell[data-theme=dark] .topic-block button{border-color:var(--theme-line);background:#0d1526a8;color:#b5c0d5}.app-shell[data-theme=dark] .topic-block button:hover{border-color:#96b4f47a;color:#fff}.app-shell[data-theme=dark] .topic-block button.selected{border-color:#a6c1ff85;background:#5c7edb59;color:#fff;box-shadow:inset 0 0 20px #6f95ff24}.app-shell[data-theme=dark] .demo-note{background:#080e1b8a;color:var(--theme-muted)}.app-shell[data-theme=dark] .demo-note span:first-child{color:#eef3ff}.app-shell[data-theme=dark] .result-area{border-color:var(--theme-line);background:#070c188f}.app-shell[data-theme=dark] .empty-result{color:var(--theme-faint)}.app-shell[data-theme=dark] .result-area.has-results{background:#070c18ad}.app-shell[data-theme=dark] .result-row{border-color:#9ab2e21f}.app-shell[data-theme=dark] .result-row>span{background:#6986c724;color:#c8d6f2}.app-shell[data-theme=dark] .result-row button{border-color:var(--theme-line);background:#111a2dcc;color:#eaf0ff}.app-shell[data-theme=dark] .result-row button:hover{background:#2b3b5cb8}.app-shell[data-theme=dark] .result-area.is-loading{border-color:#7e9ee74d;background:#070d1a7a}.app-shell[data-theme=dark] .bubble-loader span{color:var(--theme-muted)}.app-shell[data-theme=dark] .generator-section.is-generating .generator-panel{border-color:#93b4ff38;background:#0f182b6b;box-shadow:0 30px 100px #00000057,inset 0 0 45px #5b7ed409}.app-shell[data-theme=dark] .generator-section.is-generating .input-shell,.app-shell[data-theme=dark] .generator-section.is-generating .demo-note,.app-shell[data-theme=dark] .generator-section.is-generating .result-area{background:#050a1552}.app-shell[data-theme=dark] .generator-section.is-generating .topic-block button{background:#0a11205c}.app-shell[data-theme=dark] .trending-section{border-color:#8faae01a;background:#060a14;color:var(--theme-ink)}.app-shell[data-theme=dark] .feed-heading>span,.app-shell[data-theme=dark] .feed-heading>div{color:var(--theme-muted)}.app-shell[data-theme=dark] .feed-heading i{background:var(--theme-cyan);box-shadow:0 0 0 5px #7cd9ee17,0 0 16px #7cd9ee59}.app-shell[data-theme=dark] .post-card{border-color:var(--theme-line);background:var(--theme-surface-strong);box-shadow:0 14px 42px #0000002e}.app-shell[data-theme=dark] .post-card:hover{box-shadow:0 22px 56px #0000005c,0 0 0 1px #85a4eb1f}.app-shell[data-theme=dark] .post-copy>strong{color:#a9bcf5}.app-shell[data-theme=dark] .post-copy>div{color:var(--theme-muted)}.app-shell[data-theme=dark] .load-sentinel{color:var(--theme-muted)}.app-shell[data-theme=dark] .load-more{border-color:var(--theme-line-strong);background:#0f182acc;color:#edf2ff}.app-shell[data-theme=dark] .load-more:hover{background:#1f2d4bd1}footer{border-color:#8faae01a;background:#050812;color:#75829a}.app-shell[data-theme=dark] .toast{border-color:var(--theme-line-strong);background:#0d1526f0;color:#f4f7ff}.app-shell[data-theme=dark] .back-to-top{border:1px solid rgba(171,195,248,.18);background:#10182a;color:#fff}.app-shell[data-theme=dark] .mobile-overlay{background:#01040b94}.app-shell[data-theme=dark] .mobile-drawer{background:#070c18e6;color:#f5f7ff}.app-shell[data-theme=dark] .mobile-drawer a{border-color:#97b1e41f}@media(hover:hover)and (pointer:fine){.app-shell[data-theme=dark] .input-shell>button:before{width:180%;left:-40%;top:-155%;background:conic-gradient(from 0deg,transparent 0 24%,rgba(103,148,255,.72) 36%,rgba(117,232,204,.5) 45%,rgba(189,155,255,.58) 54%,transparent 68% 100%);filter:blur(8px);opacity:0;animation-duration:6.8s}.app-shell[data-theme=dark] .input-shell>button:hover:before{opacity:.9}.app-shell[data-theme=dark] .input-shell>button:hover{box-shadow:inset 10px 0 24px #53dab826,inset -10px 0 26px #687bff38,inset 0 8px 18px #bc9fff1a,0 0 24px #5370cf2e}}.app-shell[data-theme=dark]{--theme-muted:#aeb9cf;--theme-faint:#8390aa}.app-shell[data-theme=dark] .generator-section:before{background-image:radial-gradient(ellipse at 50% -18%,#4463b86b 0,#1b316c47 31%,#080f21db 63%,#040710)}.app-shell[data-theme=dark] .generator-section:after{background:linear-gradient(180deg,#0307112e,#02050d7a)}.app-shell[data-theme=dark] .generator-section.is-generating:after{background:linear-gradient(180deg,#050b190d,#02050d38)}.app-shell[data-theme=dark] .hero-copy p{color:#c0cada;text-shadow:0 1px 12px rgba(0,0,0,.28)}@media(hover:hover)and (pointer:fine){.app-shell[data-theme=dark] .input-shell>button:before{right:0;bottom:0;width:auto;left:0;top:0;aspect-ratio:auto;padding:2px;border-radius:inherit;background:conic-gradient(from 0deg,#6ff1cc29,#6ff1cceb,#6891ffeb,#c59effb8,#6ff1cc29);filter:drop-shadow(0 0 5px rgba(106,160,255,.44));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation-duration:7.4s}.app-shell[data-theme=dark] .input-shell>button:not(:disabled):hover:before{opacity:.9}.app-shell[data-theme=dark] .input-shell>button:not(:disabled):hover{box-shadow:inset 0 0 13px #6891ff29,inset 7px 0 13px #6ff1cc17,inset -7px 0 14px #c59eff1a,0 0 18px #567cdc21}.app-shell[data-theme=dark] .input-shell>button:disabled:before{opacity:0!important;animation-play-state:paused}.app-shell[data-theme=dark] .input-shell>button:disabled{box-shadow:inset 0 0 12px #7291d60f;background:#0a101d}}.app-shell[data-theme=dark] .bubble-loader strong{margin:0}.app-shell[data-theme=dark] .bubble-loader canvas{opacity:.9}@media(hover:hover)and (pointer:fine){.app-shell[data-theme=dark] .input-shell>button>span,.app-shell[data-theme=dark] .input-shell>button>svg{position:relative;z-index:3}.app-shell[data-theme=dark] .input-shell>button:before{z-index:0;right:-1px;bottom:-1px;width:auto;left:-1px;top:-1px;padding:0;-webkit-mask:none;mask:none;background:conic-gradient(from 0deg,#6ff1cc1f,#6ff1cce6,#6891ffeb,#c59effad,#6ff1cc1f);filter:drop-shadow(0 0 5px rgba(106,160,255,.42))}.app-shell[data-theme=dark] .input-shell>button:after{content:"";position:absolute;z-index:1;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:#080d18;pointer-events:none}.app-shell[data-theme=dark] .input-shell>button:disabled:after{background:#0a101d}}.app-shell[data-theme=dark]{--theme-page:#071126;--theme-page-raised:#0b1934;--theme-surface:rgba(18,35,69,.72);--theme-surface-strong:rgba(20,37,70,.9);--theme-surface-soft:rgba(18,35,66,.6)}body{background:#071126}.app-shell[data-theme=dark] .generator-section{background:#071126;isolation:isolate;overflow:hidden}.app-shell[data-theme=dark] .generator-section:before{background-image:radial-gradient(ellipse 82% 54% at 50% -8%,#8ba9eba3 0,#5379d180 24%,#183d84ad 51%,#071126f5 84%);background-size:118% 118%;animation:underwater-breathe 13s ease-in-out infinite alternate;will-change:background-position,filter}.app-shell[data-theme=dark] .generator-section:after{background:linear-gradient(180deg,#07122b05,#040b1b52)}.app-shell[data-theme=dark] .trending-section{background:linear-gradient(180deg,#071126 0,#050b18 44%,#040812)}footer{background:#040812}.hero-fish-wrap{height:132px;overflow:visible;padding-top:10px;margin-bottom:10px}.hero-fish-wrap .figma-fish-notice{position:relative;z-index:3}.app-shell[data-theme=dark] .input-shell>button{overflow:hidden;border:1px solid rgba(205,226,255,.5);background:linear-gradient(180deg,#689eebf0,#699de6c7 48%,#97c2faeb);color:#fff;text-shadow:0 1px 8px rgba(9,30,76,.42);box-shadow:inset 0 1px #ffffff75,inset 0 -12px 24px #68a7ff4d,0 8px 28px #1e5db757}.app-shell[data-theme=dark] .input-shell>button:hover{background:linear-gradient(180deg,#73abf6fa,#679eecd6 46%,#a6cffffa);box-shadow:inset 0 1px #ffffff94,inset 0 -13px 26px #9dcfff75,0 0 0 1px #b9d7ff33,0 10px 34px #2c73da6b}.app-shell[data-theme=dark] .input-shell>button:disabled{background:linear-gradient(180deg,#49689db8,#405b8bb3);color:#ebf2ffb8;box-shadow:inset 0 1px #ffffff1f}@media(hover:hover)and (pointer:fine){.app-shell[data-theme=dark] .input-shell>button:before{right:-42%;bottom:-42%;width:auto;left:-42%;top:-120%;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0 18%,rgba(126,231,255,.18) 25%,rgba(212,236,255,.9) 38%,rgba(127,167,255,.52) 52%,transparent 66% 100%);filter:blur(11px);opacity:0;animation-duration:7.8s}.app-shell[data-theme=dark] .input-shell>button:not(:disabled):hover:before{opacity:.82}.app-shell[data-theme=dark] .input-shell>button:after{top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(180deg,#568bdad1,#5c91ddb3 46%,#8fbcf6db);box-shadow:inset 0 1px #ffffff6b,inset 0 -12px 22px #afd7ff3d}.app-shell[data-theme=dark] .input-shell>button:not(:disabled):hover:after{background:linear-gradient(180deg,#6197e7d1,#6199e8b3 45%,#9ec9ffe6)}.app-shell[data-theme=dark] .input-shell>button:disabled:after{background:linear-gradient(180deg,#425b89eb,#334870e6)}}@keyframes underwater-breathe{0%{background-position:46% 0;filter:brightness(.94) saturate(.92)}50%{background-position:54% 4%;filter:brightness(1.06) saturate(1.02)}to{background-position:49% 8%;filter:brightness(.98) saturate(.96)}}@media(max-width:720px){.hero-fish-wrap{height:112px;padding-top:9px;margin-bottom:6px}.app-shell[data-theme=dark] .generator-section:before{background-size:165% 120%}}@media(prefers-reduced-motion:reduce){.app-shell[data-theme=dark] .generator-section:before{animation:none}}.app-shell[data-theme=dark] .site-header{border-color:transparent;background:#0c183100;box-shadow:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .48s cubic-bezier(.2,.8,.2,1),border-color .48s ease,box-shadow .48s ease,backdrop-filter .48s ease}.app-shell[data-theme=dark] .site-header.is-raised{border-color:#b2cbff24;background:#162748b8;box-shadow:0 10px 34px #02071229;-webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%)}.app-shell[data-theme=dark] .site-header.is-top .desktop-nav a{color:#ffffffc2;text-shadow:0 1px 10px rgba(10,21,49,.34)}.app-shell[data-theme=dark]>main{margin-top:-58px}.app-shell[data-theme=dark] .generator-section{padding-top:80px}.app-shell[data-theme=dark] .brand img{filter:none;object-fit:contain}.app-shell[data-theme=dark] .input-shell>button{border:1px solid rgba(116,169,255,.52);background:linear-gradient(180deg,#0d1729,#070d19);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.42);box-shadow:inset 0 0 0 1px #b9daff14,inset 0 0 13px #4d8bf13d,0 8px 26px #01060f57}.app-shell[data-theme=dark] .input-shell>button:hover{background:linear-gradient(180deg,#101c31,#080f1d);box-shadow:inset 0 0 0 1px #cfe8ff24,inset 0 0 17px #5297ff57,0 8px 30px #0416366b}.app-shell[data-theme=dark] .input-shell>button:disabled{border-color:#7491c63d;background:linear-gradient(180deg,#101827,#0b111d);box-shadow:inset 0 0 8px #5c7db91a}@media(hover:hover)and (pointer:fine){.app-shell[data-theme=dark] .input-shell>button:before{z-index:0;right:-50%;bottom:-50%;width:auto;left:-50%;top:-165%;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0 18%,rgba(73,141,255,.1) 27%,rgba(135,188,255,.66) 36%,rgba(226,242,255,.96) 42%,rgba(94,158,255,.58) 50%,transparent 64% 100%);filter:blur(7px) drop-shadow(0 0 5px rgba(98,166,255,.62));opacity:0;animation:button-orbit-ccw 6.8s linear infinite,button-edge-bloom 8.4s ease-in-out infinite;transform-origin:50% 50%}.app-shell[data-theme=dark] .input-shell>button:not(:disabled):hover:before{opacity:.94}.app-shell[data-theme=dark] .input-shell>button:after{z-index:1;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(180deg,#0d1729fa,#060c17fa);box-shadow:inset 0 0 13px #488bf538,inset 0 1px #dcedff14}.app-shell[data-theme=dark] .input-shell>button:not(:disabled):hover:after{background:linear-gradient(180deg,#101d33f7,#070e1bfa);box-shadow:inset 0 0 17px #5197ff4d,inset 0 1px #e1f0ff1f}.app-shell[data-theme=dark] .input-shell>button:disabled:before{opacity:0!important;animation-play-state:paused}.app-shell[data-theme=dark] .input-shell>button:disabled:after{background:linear-gradient(180deg,#101827,#0b111d)}}@keyframes button-orbit-ccw{to{transform:rotate(-360deg)}}@keyframes button-edge-bloom{0%,38%,58%,to{filter:blur(7px) drop-shadow(0 0 4px rgba(98,166,255,.42))}46%{filter:blur(6px) drop-shadow(0 0 11px rgba(105,175,255,.92))}}@media(prefers-reduced-motion:reduce){.app-shell[data-theme=dark] .site-header{transition-duration:.01ms}.app-shell[data-theme=dark] .input-shell>button:before{animation:none!important}}@media(max-width:720px){.app-shell[data-theme=dark]>main{margin-top:-54px}.app-shell[data-theme=dark] .generator-section{padding-top:66px}}.app-shell[data-theme=dark]{background-color:#020713;background-image:linear-gradient(180deg,#0a1d4db3 0,#07194394 30%,#030d2747 72%,#0002073d),url(/assets/background-color.webp);background-repeat:no-repeat;background-position:top center;background-size:100% auto;background-attachment:scroll}body{background:#020713}.app-shell[data-theme=dark] .generator-section{background:transparent}.app-shell[data-theme=dark] .generator-section:before{background-image:linear-gradient(180deg,#344b8bbd 0,#1b3989ad 48%,#05123085);background-size:100% 100%;opacity:1;animation:none;filter:none}.app-shell[data-theme=dark] .generator-section:after{background:linear-gradient(180deg,#02071203,#0207122b)}.app-shell[data-theme=dark] .trending-section{background:linear-gradient(180deg,#040b1b6b,#020712d6 42%,#02050d)}.app-shell[data-theme=dark] .input-shell>button{border:1px solid rgba(119,174,255,.58);background:radial-gradient(120% 115% at 50% -42%,#101b2d 0,#0a1221 50%,#070d18fa 69%),radial-gradient(105% 80% at 50% 132%,rgba(65,143,255,.72),rgba(17,51,105,.38) 49%,transparent 73%);color:#fff;box-shadow:inset 0 13px 20px #0000004d,inset 0 -12px 18px #2369d95c,inset 12px 0 20px #02081342,inset -10px 0 18px #488ef426,0 8px 27px #0008195c}.app-shell[data-theme=dark] .input-shell>button:hover{background:radial-gradient(120% 115% at 50% -42%,#142139 0,#0b1527 49%,#070e1bfa 69%),radial-gradient(110% 84% at 50% 132%,rgba(81,157,255,.82),rgba(27,68,134,.42) 50%,transparent 74%);box-shadow:inset 0 13px 21px #00000047,inset 0 -14px 21px #307cee75,inset 12px 0 22px #0208133d,inset -10px 0 19px #549bff30,0 9px 31px #03163a70}@media(hover:hover)and (pointer:fine){.app-shell[data-theme=dark] .input-shell>button:after{top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 115% at 50% -42%,#0f1a2dfc 0,#08101efc 53%,#050b16fc 72%),radial-gradient(108% 82% at 50% 134%,rgba(53,130,241,.72),rgba(17,50,103,.3) 51%,transparent 74%);box-shadow:inset 0 13px 20px #0000004a,inset 0 -13px 19px #256ee066,inset 11px 0 20px #01071140,inset -9px 0 18px #468ff726;transition:inset .38s cubic-bezier(.2,.8,.2,1),background .45s ease,box-shadow .45s ease}.app-shell[data-theme=dark] .input-shell>button:not(:disabled):hover:after{top:1px;right:1px;bottom:1px;left:1px;background:radial-gradient(120% 115% at 50% -42%,#121f35fc 0,#091222fc 52%,#050c18fc 72%),radial-gradient(110% 86% at 50% 134%,rgba(68,148,255,.8),rgba(23,62,124,.34) 51%,transparent 75%);box-shadow:inset 0 13px 20px #00000042,inset 0 -14px 21px #307df178,inset 11px 0 21px #0107113b,inset -9px 0 19px #559eff2e}.app-shell[data-theme=dark] .input-shell>button:disabled:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#101827,#0b111d)}}.app-shell[data-theme=dark] .hero-copy h1{text-shadow:0 2px 24px rgba(2,7,18,.48)}.app-shell[data-theme=dark] .hero-copy p{color:#d4ddf0;text-shadow:0 2px 18px rgba(2,7,18,.78)}.app-shell[data-theme=dark] .site-header.is-top .desktop-nav a{color:#ffffffd1;text-shadow:0 1px 12px rgba(5,14,39,.58)}@media(max-width:720px){.app-shell[data-theme=dark]{background-size:auto 1900px}}.app-shell[data-theme=dark]{background-image:url(/assets/background-color.webp);background-position:top center;background-size:100% auto;background-repeat:no-repeat}.app-shell[data-theme=dark] .generator-section:before{background-image:linear-gradient(180deg,#6f8bd314 0,#1a419e1a 48%,#020a1c33)}.app-shell[data-theme=dark] .generator-section:after{background:linear-gradient(180deg,#ffffff04,#02081614)}.app-shell[data-theme=dark] .hero-copy h1{color:#111b34;text-shadow:0 1px 18px rgba(255,255,255,.24)}.app-shell[data-theme=dark] .hero-copy p{color:#26395f;text-shadow:0 1px 15px rgba(255,255,255,.28)}.app-shell[data-theme=dark] .site-header.is-top .brand,.app-shell[data-theme=dark] .site-header.is-top .desktop-nav a{color:#14213d;text-shadow:0 1px 12px rgba(255,255,255,.26)}.bubble-loader canvas{-webkit-mask-image:radial-gradient(ellipse 74% 72% at center,#000 30%,rgba(0,0,0,.8) 58%,transparent 100%);mask-image:radial-gradient(ellipse 74% 72% at center,#000 30%,rgba(0,0,0,.8) 58%,transparent 100%)}.figma-greeting{aspect-ratio:224/68;min-width:46%;max-width:55%;display:grid;place-items:center;padding:0 3.8cqw;border:0;background:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 7px 12px rgba(5,13,32,.16));color:#15161a}.figma-greeting.is-weather{left:-52%;width:130%;min-width:130%;max-width:130%;height:15.8cqw;aspect-ratio:auto;padding-inline:8cqw;box-sizing:border-box;letter-spacing:-.015em}.figma-greeting:after{display:none}.app-shell[data-theme=dark] .figma-greeting{border:0;background:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 7px 13px rgba(3,10,26,.2));color:#15161a}.app-shell[data-theme=dark] .figma-greeting{font-weight:570;text-shadow:0 1px rgba(255,255,255,.42)}.app-shell[data-theme=dark] .figma-greeting:after{display:none}@media(max-width:720px){.app-shell[data-theme=dark]{background-size:auto 1900px}.app-shell[data-theme=dark] .hero-copy h1{color:#101a31}.app-shell[data-theme=dark] .hero-copy p{color:#26395f}}.app-shell[data-theme=dark] .generator-section:before,.app-shell[data-theme=dark] .generator-section:after{background:none!important;opacity:0!important}.app-shell[data-theme=dark]{--nav-glass:rgba(18,35,68,.86);background-image:url(/assets/background-color2.svg);background-position:top center;background-size:100% auto;background-repeat:no-repeat}.app-shell[data-theme=dark] .site-header.is-raised,.app-shell[data-theme=dark] .site-header.menu-open{border-color:#b2cbff24;background:var(--nav-glass);box-shadow:0 10px 34px #02071229;-webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%)}.app-shell[data-theme=dark] .site-header.menu-open{border-bottom-color:transparent;box-shadow:none}.app-shell[data-theme=dark] .site-header.is-top:not(.menu-open) .menu-button{color:#14213d}.app-shell[data-theme=dark] .site-header.menu-open .brand,.app-shell[data-theme=dark] .site-header.menu-open .menu-button{color:#f5f7ff;text-shadow:none}@media(max-width:980px){.app-shell[data-theme=dark] .mobile-drawer{border-top:0;background:var(--nav-glass);box-shadow:0 26px 48px #01061247;-webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%)}.app-shell[data-theme=dark] .mobile-drawer a{border-color:#b2cbff24}}@media(max-width:720px){.app-shell[data-theme=dark]{background-size:100% auto}}.back-to-top svg{transition:transform .32s cubic-bezier(.2,.8,.2,1)}@media(hover:hover)and (pointer:fine){.back-to-top:hover svg{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.back-to-top svg{transition-duration:.01ms}}.app-shell[data-theme=dark] .hero-copy h1,.app-shell[data-theme=dark] .hero-copy p{color:#f7f9ff;text-shadow:0 2px 22px rgba(2,7,18,.48)}.app-shell[data-theme=dark] .trending-section{background:linear-gradient(180deg,#071126 0,#071329 46%,#040a17)}.result-area.is-loading,.result-area.has-results{height:400px;min-height:400px}.result-area.is-loading{display:grid;place-items:center}.result-area.is-loading .bubble-loader{min-height:0;height:100%;justify-content:center}.result-area.has-results .result-list{height:100%}@media(max-width:720px){.result-area.is-loading,.result-area.has-results{height:400px;min-height:400px}}.app-shell[data-theme=dark]{--nav-glass:rgba(12,12,14,.84) }.app-shell[data-theme=dark] .site-header.is-raised,.app-shell[data-theme=dark] .site-header.menu-open,.app-shell[data-theme=dark] .mobile-drawer{background:var(--nav-glass)}.app-shell[data-theme=dark] .site-header.is-raised,.app-shell[data-theme=dark] .site-header.menu-open,.app-shell[data-theme=dark] .mobile-drawer a{border-color:#ffffff21}@media(max-width:980px){.app-shell[data-theme=dark]{--nav-glass:rgba(10,10,12,.42)}.app-shell[data-theme=dark] .mobile-overlay.open{top:0;right:0;bottom:0;left:0;background:#0304077a;-webkit-backdrop-filter:blur(22px) saturate(105%);backdrop-filter:blur(22px) saturate(105%)}.app-shell[data-theme=dark] .site-header.menu-open,.app-shell[data-theme=dark] .mobile-drawer.open{background:var(--nav-glass);-webkit-backdrop-filter:blur(22px) saturate(105%);backdrop-filter:blur(22px) saturate(105%)}.app-shell[data-theme=dark] .mobile-drawer.open{box-shadow:none}}.app-shell[data-theme=dark] .hero-copy h1,.app-shell[data-theme=dark] .hero-copy p{text-shadow:none}.app-shell[data-theme=dark] .figma-notice-bar{box-shadow:none}@media(min-width:981px){.app-shell[data-theme=dark]{background-image:url(/assets/background-color3.svg);background-size:100% auto}}.app-shell[data-theme=dark] .site-header.is-top:not(.menu-open) .brand,.app-shell[data-theme=dark] .site-header.is-top:not(.menu-open) .menu-button{color:#fff;text-shadow:none}.app-shell[data-theme=dark] .generator-panel,.app-shell[data-theme=dark] .result-area{transition:background .45s cubic-bezier(.22,.8,.22,1),border-color .34s ease,box-shadow .38s cubic-bezier(.22,.8,.22,1),backdrop-filter .45s ease}.app-shell[data-theme=dark] .generator-section.is-generating .generator-panel{border-color:#9ebeff61;box-shadow:0 28px 90px #00000061,inset 0 1px #ffffff09}.app-shell[data-theme=dark] .generator-section.is-generating .result-area{border-color:#97bbff61;box-shadow:0 0 24px #5d94ff29,inset 0 0 24px #689cff0a}.app-shell[data-theme=dark] .figma-greeting.is-weather{left:50%;width:max-content;min-width:0;max-width:calc(100vw - 32px);height:15.8cqw;min-height:34px;padding:0 20px;box-sizing:border-box;background:#fff!important;transform:translate(calc(-50% + var(--greeting-entry-x,0px)),18px) scale(.24)}.app-shell[data-theme=dark] .figma-greeting.is-weather.is-visible{transform:translate(-50%) scale(1)}@media(min-width:981px){.app-shell[data-theme=dark] .site-header.is-top .desktop-nav a{color:#d9e5fd}.app-shell[data-theme=dark] .site-header.is-top .desktop-nav a:hover{color:#fff}}.hero-hover-zone{position:relative;max-width:var(--max);margin:0 auto;overflow:visible;isolation:isolate}.hero-emoji-hit-area{display:none;position:absolute;z-index:0;top:-5px;right:2%;bottom:0;left:2%;clip-path:ellipse(49% 49% at 50% 51%);pointer-events:none}.hero-hover-zone>.hero-fish-wrap,.hero-hover-zone>.hero-copy{position:relative;z-index:1}.hero-hover-zone .hero-fish-wrap,.hero-hover-zone .figma-fish-notice,.hero-hover-zone .figma-fish-coordinate{overflow:visible}.generator-section>.hero-emoji-layer{display:none;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;contain:layout style}.hero-trail-emoji{position:absolute;left:0;top:0;display:block;width:1em;height:1em;line-height:1;will-change:transform,opacity;-webkit-user-select:none;user-select:none}.hero-trail-emoji-glyph{display:block;width:100%;height:100%;line-height:1;will-change:transform}@media(min-width:721px)and (hover:hover)and (pointer:fine){.generator-section>.hero-emoji-layer,.hero-emoji-hit-area{display:block}}.button-emoji-burst-layer{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.button-burst-emoji{position:absolute;left:0;top:0;display:block;width:1em;height:1em;line-height:1;will-change:transform,opacity;-webkit-user-select:none;user-select:none}.input-shell>button{z-index:2}.input-shell>button>span,.input-shell>button>svg{position:relative;z-index:3}.app-shell[data-theme=dark]{background-color:#010101;background-image:none}.app-shell[data-theme=dark] .generator-section{background-color:transparent;background-image:linear-gradient(180deg,#b5c6ee,#617bbd,#0d318b 50%,#010101);background-position:top center;background-size:100% 100vh;background-repeat:no-repeat;transition:background-color .48s cubic-bezier(.22,.8,.22,1)}.app-shell[data-theme=dark] .generator-section.is-generating{background-color:#01071421}.app-shell[data-theme=dark] .generator-section.is-generating .result-area{border-color:var(--theme-line);box-shadow:none}.app-shell[data-theme=dark] .trending-section{border-top:0}@media(max-width:980px){.app-shell[data-theme=dark] .generator-section{background-image:linear-gradient(180deg,#b5c6ee,#617bbd,#0d318b 50%,#010101);background-position:top center;background-size:100% 100vh}}@media(max-width:720px){.app-shell[data-theme=dark] .generator-section{background-image:radial-gradient(ellipse 58% 28% at 48% 21%,#3261c899,#3261c800),radial-gradient(ellipse 48% 28% at 5% 18%,#3261c866,#3261c800),radial-gradient(ellipse 48% 29% at 91% 21%,#3261c866,#3261c800),linear-gradient(180deg,#b5c6ee,#617bbd 14.359%,#1849c5,#0c3498 40.4426%,#010101)}}.bubble-loader strong{font-size:13px;font-weight:400;letter-spacing:normal}.bubble-loader span{font-size:12px;line-height:1.5}