:root{--background:#f0f2f5;--foreground:#000;--accent:#2563eb;--accent-hover:#1d4ed8;--surface:#fff;--border:#0000000d}@media (prefers-color-scheme:dark){:root{--background:#f0f2f5;--foreground:#000;--accent:#3b82f6;--accent-hover:#60a5fa;--surface:#fff;--border:#00000014}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s;display:flex;overflow:hidden}#root{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;padding:2rem;display:flex;position:relative}.top-bar{z-index:10;justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:0 2rem;display:flex;position:absolute;top:2rem;left:0}.social-link{background-color:var(--surface);color:var(--foreground);border:1px solid var(--border);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.social-link:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.social-link:active{transform:translateY(0)}.meme-container{aspect-ratio:1;background-color:#0000;justify-content:center;align-items:center;width:100%;max-width:600px;padding:1rem;display:flex;position:relative}.meme-canvas{color:#000;background-color:#fff;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 20px 40px #00000014}.meme-canvas:hover{transform:scale(1.02)}.meme-canvas.exporting{box-shadow:none;border-radius:0;transform:none!important}.meme-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.static-text{letter-spacing:-.04em;color:#000;text-align:center;margin:0;padding:0;font-size:clamp(3rem,10vw,8rem);font-weight:500;line-height:1}.text-editor{text-align:center;letter-spacing:-.04em;resize:none;cursor:text;color:#000;caret-color:#2563eb;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(3rem,10vw,8rem);font-weight:500;line-height:1.1;overflow:hidden}.text-editor::placeholder{color:#0003}.action-bar{background-color:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:9999px;justify-content:center;align-items:center;gap:1rem;padding:.75rem;display:flex;box-shadow:0 8px 32px #0000001a}.btn-primary{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=600px){.top-bar{flex-direction:column;gap:.5rem;top:1rem}.meme-container{margin-top:3rem;padding:1.5rem}.meme-canvas{padding:1.5rem}.static-text,.text-editor{font-size:clamp(2.5rem,12vw,5rem)}.action-bar{bottom:1.5rem}}