:root{--ink:#0a0a0d;--surface:#15151b;--raised:#1d1d25;--line:#ffffff14;--text:#f4f1ec;--muted:#9b98a3;--faint:#6c6974;--ember:#f5503e;--cta:linear-gradient(135deg, #f2603a 0%, #e43a47 55%, #d12e5e 100%);--r-md:14px;--r-lg:20px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);color:var(--text);font:16px/1.4 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:default}.screen{min-height:var(--tg-viewport-stable-height,100vh);padding:calc(12px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)) 16px calc(96px + var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px));max-width:560px;animation:in .22s var(--ease);margin:0 auto}@keyframes in{0%{opacity:0;transform:translate(12px)}}.title{letter-spacing:-.03em;margin:8px 0 20px;font-size:30px;font-weight:800;line-height:1.1}.topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.brand{letter-spacing:-.03em;font-size:20px;font-weight:800}.balance{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:14px;font-weight:600;display:inline-flex}.balance-dot{background:var(--ember);width:8px;height:8px;box-shadow:0 0 10px var(--ember);border-radius:50%}.balance-plus{background:var(--cta);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:700;line-height:1;display:grid}.hero{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);isolation:isolate;width:100%;padding:28px 20px 20px;display:block;position:relative;overflow:hidden}.hero-glow{z-index:-1;filter:blur(6px);background:radial-gradient(circle,#f5503e8c,#d12e5e26 45%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-40%;bottom:auto;left:auto;right:-30%}.hero h1{white-space:pre-line;letter-spacing:-.035em;margin:0 0 10px;font-size:32px;font-weight:800;line-height:1.05}.hero p{color:var(--muted);max-width:30ch;margin:0 0 20px;font-size:15px}.hero-cta{display:inline-flex}.btn-cta{border-radius:var(--r-md);background:var(--cta);color:#fff;letter-spacing:-.01em;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px -10px #e43a47cc}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 8px;display:grid}.tile{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);min-height:112px;transition:transform .15s var(--ease);flex-direction:column;gap:4px;padding:14px 12px;display:flex}.tile:active,.thumb:active,.pack:active,.hero:active{transform:scale(.97)}.tile-emoji{margin-bottom:auto;font-size:24px}.tile-title{font-size:14px;font-weight:700;line-height:1.2}.tile-sub{color:var(--muted);font-size:12px;line-height:1.25}.section{margin-top:24px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:13px;font-weight:600}.hint{color:var(--faint);margin:10px 0 0;font-size:13px}.link{color:var(--ember);font-size:14px;font-weight:600}.empty{color:var(--muted);margin:8px 0;font-size:15px}.empty-block{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.notice{border-radius:var(--r-md);background:#f5503e1f;border:1px solid #f5503e4d;margin:0 0 16px;padding:12px 14px}.grid2,.grid3{gap:8px;display:grid}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.single .thumb{aspect-ratio:auto}.thumb{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface);width:100%;transition:transform .15s var(--ease);display:block;position:relative;overflow:hidden}.thumb .img{height:100%}.single .thumb .img,.single .thumb img{height:auto}.thumb-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0dbf;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:6px}.thumb.pickable.on{outline:2px solid var(--ember);outline-offset:-2px}.img{background:linear-gradient(110deg, var(--surface) 30%, var(--raised) 50%, var(--surface) 70%);background-size:200% 100%;width:100%;animation:1.4s linear infinite shimmer;position:relative}.img.loaded{background:#fff;animation:none}.img img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block}.img.loaded img{opacity:1}@keyframes shimmer{to{background-position:-200% 0}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;min-height:40px;padding:8px 14px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s}.chip.on{border-color:var(--ember);background:#f5503e29}.style-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.style-chip{border-radius:var(--r-md);align-items:center;gap:8px;min-height:48px;display:flex}.chip-emoji{font-size:18px}.idea{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.section>.idea:first-child{margin-top:0}textarea{resize:none;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:16px/1.4 var(--font);outline:none;padding:14px}textarea:focus{border-color:#f5503e99}textarea::placeholder{color:var(--faint)}.pill{background:var(--raised);border:1px solid var(--line);border-radius:999px;align-items:center;min-height:34px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.pill.static{min-height:28px;color:var(--muted);font-size:13px}.photo-picker{border-radius:var(--r-lg);background:var(--surface);aspect-ratio:4/3;border:1px dashed #ffffff2e;position:relative;overflow:hidden}.photo-picker.tall{aspect-ratio:3/4;width:100%;max-height:52vh}.photo-picker.has{border-style:solid;border-color:var(--line)}.photo-picker img{object-fit:cover;width:100%;height:100%;display:block}.photo-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.photo-plus{background:var(--cta);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:28px;font-weight:400;display:grid}.photo-change{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0dbf;position:absolute;bottom:10px;right:10px}.detail-img{border-radius:var(--r-lg);background:#fff;overflow:hidden}.detail-img .img img{height:auto}.detail-meta{gap:6px;margin-top:12px;display:flex}.detail-prompt{color:var(--muted);margin:10px 0 0;font-style:italic}.actions{gap:8px;margin-top:12px;display:flex}.btn-ghost{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);text-align:center;flex:1;min-height:48px;padding:10px 12px;font-size:14px;font-weight:600}.btn-ghost.on{border-color:var(--ember);background:#f5503e1f}.balance-big{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;padding:18px 20px;display:flex}.balance-big strong{letter-spacing:-.03em;color:var(--text);font-size:36px;font-weight:800}.packs{flex-direction:column;gap:8px;margin-top:16px;display:flex}.pack{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);min-height:60px;transition:transform .15s var(--ease);align-items:center;gap:10px;padding:0 18px;display:flex}.pack.best{border-color:var(--ember);background:linear-gradient(135deg,#f2603a24,#d12e5e1a)}.pack-credits{font-weight:700}.pack-badge{background:var(--cta);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.pack-price{margin-left:auto;font-weight:700}.generating{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70vh;display:flex}.generating h1{letter-spacing:-.03em;margin:28px 0 6px;font-size:28px;font-weight:800}.gen-line{animation:in .4s var(--ease);margin:0 0 10px;font-size:17px}.generating .hint{max-width:30ch}.ink-orb{width:120px;height:120px;position:relative}.ink-orb span{background:var(--cta);opacity:.55;mix-blend-mode:screen;border-radius:46% 54% 52% 48%/55% 45%;animation:4.5s ease-in-out infinite morph;position:absolute;top:0;bottom:0;left:0;right:0}.ink-orb span:nth-child(2){opacity:.4;animation-duration:6s;animation-direction:reverse}.ink-orb span:nth-child(3){background:var(--ink);opacity:1;mix-blend-mode:normal;animation-duration:5s;top:22px;bottom:22px;left:22px;right:22px}@keyframes morph{0%,to{transform:rotate(0)scale(1)}50%{border-radius:58% 42% 45% 55%/45% 58% 42% 55%;transform:rotate(180deg)scale(1.06)}}.main-action{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--ink) 60%, transparent);position:fixed;bottom:0;left:0;right:0}.main-action .btn-cta{width:100%;max-width:528px;margin:0 auto;display:flex}.skel{border-radius:var(--r-lg);background:linear-gradient(110deg, var(--surface) 30%, var(--raised) 50%, var(--surface) 70%);background-size:200% 100%;animation:1.4s linear infinite shimmer}.skel-hero{height:230px;margin:52px 0 12px}.skel-tile{border-radius:var(--r-md);height:112px}.fatal{text-align:center;min-height:100vh;color:var(--muted);place-items:center;padding:24px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.invite-row{border-radius:var(--r-md);background:#f5503e1a;border:1px solid #f5503e59;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:52px;margin:0 0 8px;padding:12px 14px;font-weight:600;display:flex}.invite-row .hint{margin:0;font-weight:500}.fonts{gap:8px;display:grid}.font-tile{border-radius:var(--r-md);width:100%;transition:border-color .15s var(--ease);background:#fff;border:2px solid #0000;padding:8px 8px 26px;display:block;position:relative}.font-tile.on{border-color:var(--ember)}.font-tile img{object-fit:contain;width:100%;max-height:96px;display:block}.font-name{color:#6c6974;font-size:12px;position:absolute;bottom:6px;left:10px}.tips{color:var(--text);margin:12px 0 16px;padding-left:20px}.tips li{margin-bottom:8px}.actions.wrap{flex-wrap:wrap}.actions.wrap .btn-ghost{flex:calc(50% - 4px)}.invite-link{border-radius:var(--r-md);background:var(--surface);border:1px dashed var(--line);word-break:break-all;text-align:left;width:100%;margin:12px 0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:block}.hero-bg{object-fit:cover;object-position:center 30%;opacity:.55;z-index:-2;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero:after{content:"";z-index:-1;background:linear-gradient(#0a0a0d33 0%,#0a0a0dd9 70%);position:absolute;top:0;bottom:0;left:0;right:0}.hero p{color:var(--text);opacity:.85}.banner{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line);width:100%;margin-bottom:4px;display:block}.examples{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px;padding:0 16px 4px;display:flex;overflow-x:auto}.examples::-webkit-scrollbar{display:none}.example{scroll-snap-align:start;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);text-align:left;flex:0 0 72%;max-width:320px;overflow:hidden}.example img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.example span{padding:10px 12px;font-size:14px;font-weight:600;display:block}