:root{--pink:#ff2d55;--gold:#ffd60a;--cyan:#00e5ff;--ink:#08060c;--ink-raised:#120c1c;--ink-card:#17101f;--line:#ffffff1a;--text:#f5f1fa;--text-dim:#f5f1fa99;--font-display:"Anton", "Arial Narrow", sans-serif;--font-body:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--shadow-pop:0 20px 60px #0000008c;--radius:18px;--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}#app{min-height:100vh}a{color:inherit}button{font-family:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.site-glow{z-index:-1;background:radial-gradient(50rem 32rem at 12% -10%, #ff2d5547, transparent 60%), radial-gradient(46rem 30rem at 110% 10%, #00e5ff38, transparent 60%), radial-gradient(40rem 26rem at 50% 120%, #ffd60a29, transparent 60%), var(--ink);animation:22s ease-in-out infinite alternate drift;position:fixed;inset:0}@keyframes drift{0%{filter:hue-rotate()brightness()}to{filter:hue-rotate(8deg)brightness(1.08)}}.site-header{justify-content:center;padding:1.75rem 1.5rem .5rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:.08em;font-size:clamp(1.4rem,2.4vw,1.9rem);text-decoration:none}.brand-word--pink{color:var(--pink)}.brand-word--gold{color:var(--gold)}.brand-word--cyan{color:var(--cyan)}.site-main{flex:1;justify-content:center;padding:1.5rem;display:flex}.site-footer{text-align:center;color:var(--text-dim);letter-spacing:.04em;padding:2rem 1.5rem 3rem;font-size:.85rem}.maker-view,.meme-view{flex-direction:column;gap:2.25rem;width:100%;max-width:640px;display:flex}.hero{text-align:center;animation:hero-in .9s var(--ease-pop) both;padding-top:1rem}@keyframes hero-in{0%{opacity:0;transform:translateY(-24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(2.6rem,9vw,4.6rem);font-weight:400;line-height:.98}.hero-title-line{color:var(--text);text-shadow:0 0 30px #ffffff14;display:block}.hero-title-line--accent{background:linear-gradient(92deg, var(--pink) 0%, var(--gold) 50%, var(--cyan) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite sheen}@keyframes sheen{0%,to{background-position:0%}50%{background-position:100%}}.composer{animation:hero-in .9s var(--ease-pop) .1s both}.phrase-form{flex-direction:column;gap:.6rem;display:flex}.phrase-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);padding-left:.2rem;font-size:.78rem}.phrase-field{background:var(--ink-raised);border:2px solid var(--line);border-radius:var(--radius);align-items:center;padding:.4rem .6rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.phrase-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px #00e5ff29}.phrase-field--disabled{opacity:.55}.phrase-input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.7rem .5rem;font-size:1.15rem;font-weight:500}.phrase-input::placeholder{color:#f5f1fa52}.phrase-counter{font-variant-numeric:tabular-nums;color:var(--text-dim);background:#ffffff0f;border-radius:999px;padding:.3rem .6rem;font-size:.85rem;font-weight:600;transition:color .2s,background .2s}.phrase-counter--warm{color:var(--gold);background:#ffd60a24}.phrase-counter--hot{color:var(--pink);background:#ff2d5529;animation:.8s ease-in-out infinite counter-pulse}@keyframes counter-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.phrase-errors{color:var(--pink);margin:0;padding-left:1.1rem;font-size:.85rem}.submit-button{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#14060b;background:linear-gradient(100deg, var(--gold) 0%, #ff7a3d 55%, var(--pink) 100%);cursor:pointer;transition:transform .18s var(--ease-pop), box-shadow .18s ease, opacity .2s ease;border:none;border-radius:999px;align-self:flex-start;margin-top:.3rem;padding:.95rem 2.2rem;font-size:1.15rem;box-shadow:0 10px 30px #ff2d5547}.submit-button:hover:not(:disabled){transform:translateY(-2px)scale(1.03);box-shadow:0 16px 40px #ff2d5561}.submit-button:active:not(:disabled){transform:translateY(1px)scale(.97)}.submit-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.submit-button--busy{animation:1.1s ease-in-out infinite submit-throb}@keyframes submit-throb{0%,to{box-shadow:0 10px 30px #ff2d5547}50%{box-shadow:0 10px 46px #00e5ff66}}.composer-error{color:var(--pink);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.link-button{border:2px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.link-button:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.link-button--ghost{background:#ffffff0d;border-color:#0000}.back-link{color:var(--text-dim);align-self:flex-start;font-size:.9rem;text-decoration:none}.back-link:hover{color:var(--cyan)}.result-panel{background:var(--ink-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:1.6rem}.result-panel--failed{border-color:#ff2d5566;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.failure-message{color:var(--text-dim);margin:0}.reveal-enter-active{animation:hero-in .5s var(--ease-pop) both}.reveal-leave-active{animation:.25s reverse both hero-in}.swap-enter-active,.swap-leave-active{transition:opacity .22s ease-out,transform .22s ease-out}.swap-enter-from,.swap-leave-to{opacity:0;transform:translateY(6px)}.render-progress{flex-direction:column;gap:1.4rem;display:flex}.render-progress-bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.render-progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--gold), var(--cyan));background-size:200% 100%;height:100%;transition:width .6s;animation:3s linear infinite sheen}.ladder{width:100%}.ladder-viewport{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.3rem;max-height:17rem;margin:0;padding:.2rem 0;list-style:none;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.ladder-viewport::-webkit-scrollbar{display:none}.ladder-rung{align-items:baseline;gap:.65rem;padding:.3rem .1rem;display:flex}.ladder-rung--c0{--rung-accent:var(--pink)}.ladder-rung--c1{--rung-accent:var(--gold)}.ladder-rung--c2{--rung-accent:var(--cyan)}.ladder-rung-index{width:1.4rem;font-family:var(--font-display);color:var(--text-dim);opacity:.5;flex-shrink:0;font-size:.75rem}.ladder-rung-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--text-dim);opacity:.3;font-size:.82rem;font-weight:400;line-height:1.08;transition:font-size .26s ease-out,opacity .26s ease-out,color .26s ease-out;display:inline-block;position:relative}.ladder-rung--pending .ladder-rung-label{color:var(--text-dim);opacity:.28;font-size:.78rem}.ladder-rung--done .ladder-rung-label{color:var(--rung-accent);opacity:.55;font-size:1rem}.ladder-rung--active .ladder-rung-label{color:var(--rung-accent);opacity:1;font-size:clamp(1.35rem,6vw,1.85rem)}.ladder-rung--failed .ladder-rung-label{color:var(--pink);opacity:1;font-size:clamp(1.35rem,6vw,1.85rem)}.ladder-stamp{pointer-events:none;position:absolute;inset:0}.ladder-stamp-ghost{white-space:nowrap;mix-blend-mode:screen;position:absolute;inset:0}.ladder-stamp-ghost--pink{color:var(--pink);animation:.4s ease-out both ladder-stamp-pink}.ladder-stamp-ghost--gold{color:var(--gold);animation:.4s ease-out 40ms both ladder-stamp-gold}.ladder-stamp-ghost--cyan{color:var(--cyan);animation:.4s ease-out 80ms both ladder-stamp-cyan}@keyframes ladder-stamp-pink{0%{opacity:.85;transform:translate(-7px,-3px)}to{opacity:0;transform:translate(0)}}@keyframes ladder-stamp-gold{0%{opacity:.85;transform:translateY(5px)}to{opacity:0;transform:translate(0)}}@keyframes ladder-stamp-cyan{0%{opacity:.85;transform:translate(7px,-3px)}to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.ladder-stamp{display:none}}.eta-countdown{border-top:1px solid var(--line);justify-content:center;align-items:baseline;gap:.6rem;padding-top:.4rem;display:flex}.eta-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:.75rem}.eta-value{font-family:var(--font-display);color:var(--cyan);font-variant-numeric:tabular-nums;font-size:1.8rem}.eta-value--imminent{color:var(--pink);animation:.7s ease-in-out infinite counter-pulse}.render-progress-hint{text-align:center;color:var(--text-dim);margin:0;font-size:.82rem}.gif-result{text-align:center;animation:gif-pop .6s var(--ease-pop) both;flex-direction:column;align-items:center;gap:1rem;display:flex}@keyframes gif-pop{0%{opacity:0;transform:scale(.8)rotate(-3deg)}60%{transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.gif-result-note{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem}.gif-frame{background:linear-gradient(var(--ink-card), var(--ink-card)) padding-box, linear-gradient(120deg, var(--pink), var(--gold), var(--cyan)) border-box;width:fit-content;max-width:100%;box-shadow:var(--shadow-pop);border:3px solid #0000;border-radius:14px;margin-inline:auto;overflow:hidden}.gif-frame img{max-width:100%;height:auto;display:block}.gif-caption{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--text);margin:0;font-size:1.2rem}.gif-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.gallery{flex-direction:column;gap:1rem;display:flex}.gallery-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0;font-size:1.1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.9rem;display:grid;position:relative}.gallery-card{border:1px solid var(--line);background:var(--ink-card);aspect-ratio:440/538;transition:transform .2s var(--ease-pop), border-color .2s ease;border-radius:12px;text-decoration:none;position:relative;overflow:hidden}.gallery-card:hover{border-color:var(--cyan);transform:translateY(-4px)rotate(-1deg)}.gallery-card img{object-fit:contain;width:100%;height:100%;display:block}.gallery-card-phrase{color:var(--text);background:linear-gradient(#0000,#08060ceb);padding:.4rem .55rem;font-size:.72rem;font-weight:600;position:absolute;inset:auto 0 0}.gallery-card-chip{border:1px solid var(--line);color:var(--text);letter-spacing:.05em;pointer-events:none;background:#08060cb8;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:700;transition:color .2s,border-color .2s;position:absolute;top:.5rem;right:.5rem}.gallery-card:hover .gallery-card-chip{color:var(--cyan);border-color:var(--cyan)}.card-enter-active{transition:opacity .4s ease-out, transform .4s var(--ease-pop)}.card-leave-active{transition:opacity .25s ease-in,transform .25s ease-in;position:absolute}.card-move{transition:transform .4s}.card-enter-from{opacity:0;transform:scale(.85)translateY(12px)}.card-leave-to{opacity:0;transform:scale(.85)}.meme-view-loading,.meme-view-missing{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.site-glow{animation:none}}@media (width<=768px){.maker-view,.meme-view{gap:1.9rem;max-width:560px}.hero-title{font-size:clamp(2.3rem,7.5vw,3.6rem)}.hero-gif{width:min(260px,56vw)}.phrase-input{font-size:1.05rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.7rem}.ladder-viewport{max-height:15rem}.ladder-rung--active .ladder-rung-label,.ladder-rung--failed .ladder-rung-label{font-size:clamp(1.2rem,5.5vw,1.6rem)}}@media (width<=480px){.site-header{padding-top:1.25rem}.result-panel{padding:1.1rem}.submit-button{text-align:center;align-self:stretch}.result-panel--failed{text-align:center;flex-direction:column;align-items:stretch}}.hero-gif{width:min(300px,62vw);height:auto;animation:hero-gif-in .7s var(--ease-pop) both;border:1px solid #ffffff1a;border-radius:14px;margin:0 auto 1.4rem;display:block;box-shadow:0 18px 50px #ff2d5538,0 4px 14px #00000080}@keyframes hero-gif-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-gif{animation:none}}