:root{--primary:#a84fff;--secondary:#d81e5b;--dark:#131a26;--light:#eee;--font:"Fira Sans",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-quote:"Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--radius:1.25rem;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--shadow-1:0 6px 24px #0000002e;--bg-start:#b91b1b;--bg-end:#7600b5;--bg-gradient:linear-gradient(155deg,var(--bg-start) 0%,var(--bg-end) 100%);color-scheme:light dark}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient);display:grid;font-family:var(--font);line-height:1.5;margin:0;min-height:100dvh;padding:calc(env(safe-area-inset-top, 0px) + 24px) var(--space-4) calc(env(safe-area-inset-bottom, 0px) + 16px);place-items:center}::selection{background:#d81e5b59}.App{grid-gap:var(--space-6);display:grid;gap:var(--space-6);justify-items:center;margin-top:clamp(12px,4vh,48px);width:min(92vw,780px)}.quote{position:relative;width:100%}blockquote{background:var(--dark);border-radius:var(--radius);font-family:var(--font-quote);font-size:clamp(1.1rem,.9rem + 2.5vw,1.75rem);line-height:1.55;margin:0;overflow-wrap:anywhere;padding:clamp(1rem,2vw + .75rem,2rem)}.id,.title,blockquote{box-shadow:var(--shadow-1);color:var(--light)}.id,.title{border-radius:var(--radius-pill);display:inline-block;font-size:clamp(.9rem,.85rem + 1vw,1.05rem);font-weight:600;max-width:70%;overflow:hidden;padding:.6rem 1rem;text-overflow:ellipsis;white-space:nowrap}.chips{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr;margin-top:calc(var(--space-6)*.7)}.title{background:var(--secondary)}.id,button{background:var(--primary)}button{-webkit-appearance:none;appearance:none;border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-1);color:var(--light);cursor:pointer;font-size:clamp(1rem,.95rem + 1.2vw,1.2rem);font-weight:700;outline:none;padding:.9rem 1.25rem;transition:transform .16s cubic-bezier(.2,.7,.3,1),background-color .16s cubic-bezier(.2,.7,.3,1),box-shadow .16s cubic-bezier(.2,.7,.3,1);width:100%}button+button{margin-top:var(--space-3)}.actions{display:grid;width:100%}@media (hover:hover) and (pointer:fine){button:hover{background:var(--secondary);transform:translateY(-1px)}button:active{transform:translateY(0)}}.id:focus-visible,.title:focus-visible,button:focus-visible{outline:3px solid #ffffffe6;outline-offset:3px}@media (min-width:560px){.quote{padding-bottom:3rem}.chips{display:block;margin-top:0;position:relative}.id,.title{bottom:0;max-width:45%;position:absolute}.title{left:0;transform:translate(-6%,55%)}.id{right:0;transform:translate(6%,55%)}.actions{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}button+button{margin-top:0}}@media (min-width:900px){.App{width:min(88vw,780px)}blockquote{font-size:clamp(1.2rem,1rem + 1.2vw,2rem)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=main.f62c6e6c.css.map*/