:root{--color-bg:#0b0f19;--color-bg-elevated:#131a2a;--color-border:hsla(0,0%,100%,0.08);--color-border-strong:hsla(0,0%,100%,0.14);--color-text:#e6e8ee;--color-text-muted:#8a92a6;--color-text-subtle:#5a6378;--color-accent:#c9a86a;--color-accent-hover:#e0c089;--color-danger:#ef6b6b;--font-serif:"Fraunces",Georgia,"Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app-container{position:relative;min-height:100vh;width:100%;display:grid;grid-template-rows:auto 1fr auto;padding:32px clamp(20px,5vw,64px);transition:background-color 1.2s ease}.app-header{display:flex;align-items:center;justify-content:space-between}.brand{grid-gap:12px;gap:12px;color:var(--color-text)}.brand,.brand-mark{display:inline-flex;align-items:center}.brand-mark{justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-strong);border-radius:8px;font-size:17px;color:var(--color-accent);letter-spacing:-.02em}.brand-mark,.brand-name{font-family:var(--font-serif);font-weight:500}.brand-name{font-size:19px;letter-spacing:-.01em}.header-meta{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.header-github,.header-meta{color:var(--color-text-muted)}.header-github{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:999px;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.header-github:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:rgba(201,168,106,.06);transform:translateY(-1px)}.header-github svg{display:block}.app-footer,.app-main{display:flex;align-items:center;justify-content:center}.app-footer{grid-gap:10px;gap:10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-subtle)}.github-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.github-link:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:rgba(201,168,106,.06);transform:translateY(-1px)}.github-link svg{display:block}.error-state{align-self:center;justify-self:center;text-align:center;max-width:460px;padding:40px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:16px}.error-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}.error-eyebrow,.error-title{margin:0 0 12px;font-weight:500}.error-title{font-family:var(--font-serif);font-size:26px;line-height:1.25;letter-spacing:-.01em}.error-body{margin:0 0 24px;color:var(--color-text-muted);font-size:15px}.primary-button{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 22px;background-color:initial;color:var(--color-text);border:1px solid var(--color-accent);border-radius:999px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.primary-button:hover{background-color:var(--color-accent);color:var(--color-bg)}@media (max-width:600px){.brand-name{font-size:17px}}.quote-card{width:min(720px,100%);padding:clamp(32px,5vw,56px);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);transition:opacity .28s ease,transform .28s ease}.quote-card.is-fading{opacity:0;transform:translateY(6px)}.quote-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.quote-eyebrow{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent)}.quote-counter{font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quote-counter-sep{opacity:.5}.quote-body{position:relative;margin:0 0 40px;padding:0}.quote-mark{position:absolute;top:-28px;left:-8px;font-size:96px;line-height:1;color:var(--color-accent);opacity:.35;pointer-events:none}.quote-mark,.quote-text{font-family:var(--font-serif)}.quote-text{position:relative;margin:0;font-weight:400;font-size:clamp(22px,2.6vw,30px);line-height:1.45;letter-spacing:-.01em;color:var(--color-text)}.quote-footer{display:flex;align-items:center;justify-content:space-between;grid-gap:24px;gap:24px;flex-wrap:wrap}.quote-attribution{display:flex;align-items:center;grid-gap:14px;gap:14px}.attribution-rule{display:inline-block;width:28px;height:1px;background-color:var(--color-accent)}.author{font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.quote-actions{display:flex;align-items:center;grid-gap:8px;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background-color:initial;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.icon-button:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:rgba(201,168,106,.06)}.primary-action{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:0 18px;height:38px;background-color:initial;color:var(--color-text);border:1px solid var(--color-accent);border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:background-color .18s ease,color .18s ease}.primary-action:hover{background-color:var(--color-accent);color:var(--color-bg)}.primary-action svg{width:14px;height:14px}@media (max-width:520px){.quote-footer{flex-direction:column;align-items:flex-start}.quote-actions{width:100%;justify-content:flex-end}.quote-mark{font-size:72px;top:-22px}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg)}.loading-spinner{width:36px;height:36px;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e86fd60b.chunk.css.map */