.memeflip-app{--paper:#f5f1e8;--paper-2:#ece6d6;--ink:#1a1815;--ink-2:#3b3833;--muted:#7a746a;--line:#1a1815;--acid:#c8ff3d;--cherry:#ff4438;--cobalt:#3b5bdb;--lilac:#e8d5ff;--butter:#ffe066;--purple:#6d28d9;--pink:#ff4d8d;--shadow:6px 6px 0 0 var(--ink);--shadow-sm:3px 3px 0 0 var(--ink);--radius:14px;--radius-sm:8px;--font-display:"Instrument Serif","Times New Roman",serif;--font-ui:"Inter Tight",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-chunky:"Bowlby One","Anton","Arial Black",sans-serif;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}.memeflip-app *{box-sizing:border-box}.memeflip-app button{font-family:inherit;cursor:pointer}.memeflip-app input,.memeflip-app textarea{font-family:inherit}.memeflip-app:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(26,24,21,.08) 1px,transparent 0);background-size:4px 4px;opacity:.4;z-index:0;mix-blend-mode:multiply}.memeflip-app .display{font-family:var(--font-display)}.memeflip-app .chunky,.memeflip-app .display{font-weight:400;letter-spacing:-.02em;line-height:.95}.memeflip-app .chunky{font-family:var(--font-chunky);text-transform:uppercase}.memeflip-app .serif-italic{font-family:var(--font-display);font-style:italic;font-weight:400}.memeflip-app .mono{font-size:.78em;letter-spacing:.02em}.memeflip-app .eyebrow,.memeflip-app .mono{font-family:var(--font-mono);text-transform:uppercase}.memeflip-app .eyebrow{font-size:11px;letter-spacing:.15em;font-weight:500}.memeflip-app .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform 80ms ease,box-shadow 80ms ease}.memeflip-app .btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--ink)}.memeflip-app .btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--ink)}.memeflip-app .btn:disabled,.memeflip-app .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.memeflip-app .btn-primary{background:var(--ink);color:var(--paper)}.memeflip-app .btn-acid{background:var(--acid);color:var(--ink)}.memeflip-app .btn-cherry{background:var(--cherry);color:var(--paper)}.memeflip-app .btn-ghost{background:transparent;box-shadow:none;border-color:transparent}.memeflip-app .btn-ghost:hover{background:rgba(26,24,21,.06);transform:none;box-shadow:none}.memeflip-app .btn-lg{padding:16px 28px;font-size:16px}.memeflip-app .btn-sm{padding:8px 14px;font-size:13px}.memeflip-app .btn-icon{padding:10px;border-radius:999px}.memeflip-app .card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.memeflip-app .card-flat{box-shadow:none}.memeflip-app .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);font-size:12px;font-weight:600;color:var(--ink)}.memeflip-app .chip.acid{background:var(--acid)}.memeflip-app .chip.cherry{background:var(--cherry);color:var(--paper);border-color:var(--ink)}.memeflip-app .chip.lilac{background:var(--lilac)}.memeflip-app .chip.butter{background:var(--butter)}.memeflip-app .sticker-logo{display:inline-flex;align-items:center;background:var(--purple);padding:4px 14px;border-radius:8px;transform:rotate(-2deg)}.memeflip-app .sticker,.memeflip-app .sticker-logo{color:white;font-family:var(--font-chunky);text-transform:uppercase;letter-spacing:.02em;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.memeflip-app .sticker{display:inline-block;background:var(--cherry);padding:6px 12px;border-radius:8px;font-size:14px}.memeflip-app .sticker.acid{background:var(--acid);color:var(--ink)}.memeflip-app .sticker.purple{background:var(--purple);color:white}.memeflip-app .sticker.cherry{background:var(--cherry);color:white}.memeflip-app .sticker.butter{background:var(--butter);color:var(--ink)}.memeflip-app .sticker.pink{background:var(--pink);color:white}@keyframes mf-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.memeflip-app .wobble{animation:mf-wobble 1.6s ease-in-out infinite}.memeflip-app .tape{position:absolute;width:80px;height:22px;background:rgba(255,224,102,.85);border:1px dashed rgba(26,24,21,.4);transform:rotate(-3deg);z-index:5}.memeflip-app .app-shell{position:relative;min-height:100vh;z-index:1}.memeflip-app .topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--paper);border-bottom:2px solid var(--ink);gap:16px}.memeflip-app .topbar .logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.02em}.memeflip-app .topbar nav{display:flex;gap:4px;align-items:center}.memeflip-app .nav-link{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;cursor:pointer;background:none;border:none}.memeflip-app .nav-link:hover{background:rgba(26,24,21,.06)}.memeflip-app .nav-link.active{background:var(--ink);color:var(--paper)}.memeflip-app .credits-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--acid);border:1.5px solid var(--ink);font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--ink)}.memeflip-app .row{display:flex}.memeflip-app .col{display:flex;flex-direction:column}.memeflip-app .gap-2{gap:8px}.memeflip-app .gap-3{gap:12px}.memeflip-app .gap-4{gap:16px}.memeflip-app .gap-6{gap:24px}.memeflip-app .gap-8{gap:32px}.memeflip-app .center{align-items:center}.memeflip-app .between{justify-content:space-between}.memeflip-app .wrap{flex-wrap:wrap}@keyframes mf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.memeflip-app .shimmer{background:linear-gradient(90deg,var(--paper-2) 0,var(--paper) 50%,var(--paper-2) 100%);background-size:200% 100%;animation:mf-shimmer 1.6s linear infinite}.memeflip-app .divider-dashed{height:0;border-top:2px dashed var(--ink);width:100%}.memeflip-app .halftone{position:relative}.memeflip-app .halftone:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(26,24,21,.5) 1px,transparent 0);background-size:3px 3px;mix-blend-mode:multiply;pointer-events:none;border-radius:inherit}.memeflip-app .hl{background:var(--acid);padding:0 4px;border-radius:4px}.memeflip-app .hl-cherry{background:var(--cherry)}.memeflip-app .hl-cherry,.memeflip-app .hl-cobalt{color:var(--paper);padding:0 6px;border-radius:4px}.memeflip-app .hl-cobalt{background:var(--cobalt)}.memeflip-app .ascii-row{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--muted)}.memeflip-app .screen{animation:mf-fadeUp .36s cubic-bezier(.2,.8,.2,1)}@keyframes mf-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mf-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.memeflip-app .marquee{display:flex;overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--ink);color:var(--paper)}.memeflip-app .marquee-track{display:flex;gap:32px;padding:12px 0;animation:mf-marquee 30s linear infinite;white-space:nowrap;flex-shrink:0}@keyframes mf-spin{to{transform:rotate(1turn)}}.memeflip-app .spin{animation:mf-spin 2s linear infinite}@keyframes mf-pulseborder{0%,to{border-color:var(--ink)}50%{border-color:var(--cherry)}}.memeflip-app .pulseborder{animation:mf-pulseborder 2.5s ease-in-out infinite}.memeflip-app input:not([type]),.memeflip-app input[type=text],.memeflip-app textarea{width:100%;padding:10px 12px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);font-size:14px;outline:none}.memeflip-app input:not([type]):focus,.memeflip-app input[type=text]:focus,.memeflip-app textarea:focus{box-shadow:0 0 0 3px rgba(200,255,61,.6)}.memeflip-app .chip[aria-disabled=true]{opacity:.5;cursor:not-allowed;position:relative}@media (max-width:900px){.memeflip-app .topbar{padding:12px 16px;gap:8px;flex-wrap:wrap}.memeflip-app .topbar nav{order:3;width:100%;justify-content:center}.memeflip-app .hero-grid{grid-template-columns:1fr!important;gap:24px!important}.memeflip-app .hero-collage{display:none!important}.memeflip-app .steps-grid{grid-template-columns:1fr!important}.memeflip-app .browse-grid,.memeflip-app .featured-grid{grid-template-columns:repeat(2,1fr)!important}.memeflip-app .pricing-grid,.memeflip-app .studio-grid{grid-template-columns:1fr!important}.memeflip-app .studio-grid{height:auto!important}.memeflip-app .studio-grid>main{order:1}.memeflip-app .studio-aside-right{order:2;border-left:none!important;border-top:2px solid var(--ink)}.memeflip-app .studio-aside{order:3;border-right:none!important;border-top:2px solid var(--ink);background:var(--paper-2)!important}.memeflip-app .result-grid{grid-template-columns:1fr!important}.memeflip-app .display-xxl{font-size:clamp(36px,9vw,56px)!important}.memeflip-app .examples-grid{gap:16px!important;padding:24px 12px!important}}@media (max-width:600px){.memeflip-app .browse-grid,.memeflip-app .examples-grid,.memeflip-app .featured-grid{grid-template-columns:1fr!important}.memeflip-app .examples-grid{gap:32px!important}.memeflip-app .examples-grid>div{transform:none!important}}