:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-serif:"Fraunces", "Iowan Old Style", Georgia, serif;--font-sans:"Space Grotesk", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, Monaco, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--color-primary:#2fd6a1;--color-primary-soft:#6fe4c0;--color-primary-deep:#17b184;--color-on-primary:#06130e;--color-danger:#ef6b6b;--color-danger-soft:#ff8a8a;--color-focus:#2fd6a1;--color-canvas:#0a0f0d;--color-surface:#101614;--color-surface-hover:#16201c;--color-text-primary:#dbe6e2;--color-text-strong:#f2f7f5;--color-text-secondary:#9aa9a4;--color-text-muted:#66756f;--color-border:#202b27;--color-border-strong:#2d3b36;--color-glow:#2fd6a11f;--color-glow-strong:#2fd6a142;--shadow-btn:0 12px 28px -14px var(--color-glow-strong);--radius-card:14px;--radius-control:8px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#0a7f5e;--color-primary-soft:#0fa171;--color-primary-deep:#076148;--color-on-primary:#f2fbf8;--color-danger:#d64545;--color-danger-soft:#b93434;--color-focus:#0a7f5e;--color-canvas:#f2f4f1;--color-surface:#fff;--color-surface-hover:#f4f7f4;--color-text-primary:#24322c;--color-text-strong:#0f1714;--color-text-secondary:#4a5a53;--color-text-muted:#6b7a74;--color-border:#dde4df;--color-border-strong:#c4cec8;--color-glow:#0a7f5e14;--color-glow-strong:#0a7f5e33;--shadow-btn:0 12px 28px -16px var(--color-glow-strong)}*,:before,:after{box-sizing:border-box}p,blockquote,figure,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none}svg{display:block}html{background:var(--color-canvas);scroll-behavior:smooth}body{background:var(--color-canvas);min-width:320px;min-height:100dvh;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}#main-content:focus{outline:none}.app-shell{background:var(--color-canvas);flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-shell:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(720px 480px at 8% -6%, var(--color-glow), transparent 70%), radial-gradient(640px 420px at 92% 12%, var(--color-glow), transparent 70%);position:fixed;inset:0}.app-shell:after{content:"";z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-sans);transition:transform .22s var(--ease-out);padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:16px;transform:translateY(calc(-100% - 24px))}.skip-link:focus{transform:translateY(0)}.nav-bar{z-index:50;border-bottom:1px solid var(--color-border);background:var(--color-canvas);background:color-mix(in srgb, var(--color-canvas) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(20px,4vw,32px);display:flex;position:sticky;top:0}.nav-bar__brand{color:var(--color-text-primary);font-family:var(--font-sans);letter-spacing:-.01em;transition:color .22s var(--ease-out);align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.nav-bar__brand:hover{color:var(--color-primary)}.nav-bar__mark{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));width:28px;height:28px;color:var(--color-primary);border-radius:8px;place-items:center;display:grid}.nav-bar__actions{align-items:center;gap:12px;display:inline-flex}.nav-bar__meta{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.theme-toggle,.nav-icon-link{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);transition:background-color .22s var(--ease-out), border-color .22s var(--ease-out), color .22s var(--ease-out), transform .22s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.nav-icon-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.nav-icon-link:active{transform:scale(.94)}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle:active{transform:scale(.94)}.theme-toggle__icons{width:16px;height:16px;display:block;position:relative}.theme-toggle__icon{transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);position:absolute;inset:0}.theme-toggle--light .theme-toggle__icon--sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle--light .theme-toggle__icon--moon{opacity:0;transform:rotate(90deg)scale(.4)}.theme-toggle--dark .theme-toggle__icon--moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle--dark .theme-toggle__icon--sun{opacity:0;transform:rotate(-90deg)scale(.4)}.main-layout{z-index:1;flex:1;gap:48px;width:min(100%,1080px);margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,4vw,32px) clamp(64px,8vw,96px);display:grid;position:relative}.footer{z-index:1;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:20px 20px 28px;font-size:12px;line-height:18px;display:flex;position:relative}.footer__separator{background:var(--color-primary);opacity:.6;border-radius:1.5px;width:5px;height:5px}.hero-stack,.history-stack{gap:20px;display:grid}.hero-stack>*,.history-stack>*{animation:rise-in .6s var(--ease-out) both}.hero-stack>:first-child{animation-delay:60ms}.hero-stack>:nth-child(2){animation-delay:.14s}.hero-stack>:nth-child(3){animation-delay:.22s}.history-stack>:first-child{animation-delay:.32s}.history-stack>:nth-child(2){animation-delay:.4s}.page-heading{gap:10px;display:grid}.page-heading h1{max-width:720px;color:var(--color-text-strong);font-family:var(--font-serif);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1.08}.page-heading .eyebrow,.history-container .eyebrow{color:var(--color-primary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:400;line-height:18px}.card{border:1px solid var(--color-border);border-radius:var(--radius-card)}.quote-hero{background:radial-gradient(520px 320px at 85% -20%, var(--color-glow), transparent 70%), var(--color-surface);align-items:center;min-height:280px;padding:clamp(36px,6vw,56px) clamp(28px,5vw,44px);display:flex;position:relative;overflow:hidden}.quote-hero blockquote{max-width:860px;margin:0;padding-left:clamp(20px,3vw,32px);position:relative}.quote-hero blockquote:before{content:"“";font-family:var(--font-serif);color:color-mix(in srgb, var(--color-primary) 32%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(52px,7vw,68px);line-height:1;position:absolute;top:-.35em;left:-.24em}.quote-hero__text{max-width:840px;color:var(--color-text-primary);font-family:var(--font-serif);letter-spacing:-.005em;overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-size:clamp(28px,4vw,40px);font-style:italic;font-weight:500;line-height:1.28}.quote-hero__author{color:var(--color-primary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin-top:24px;font-size:13px;font-weight:400;line-height:18px;display:inline-flex}.quote-hero__author:before{content:"";background:var(--color-primary);width:7px;height:7px;box-shadow:0 0 12px var(--color-glow-strong);border-radius:2px}.quote-skeleton{gap:12px;width:100%;max-width:860px;display:grid}.quote-skeleton__line,.quote-skeleton__author{background-color:var(--color-border);background-image:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--color-text-muted) 22%, transparent) 50%, transparent 70%);background-size:200% 100%;border-radius:5px;animation:1.6s infinite shimmer}.quote-skeleton__line{height:26px}.quote-skeleton__line--lg{height:32px}.quote-skeleton__line--md{width:62%}.quote-skeleton__author{width:140px;height:14px;margin-top:16px;animation-delay:.2s}.state-panel{width:100%;color:var(--color-text-secondary);text-align:center;justify-items:center;gap:12px;display:grid}.state-panel p{margin:0}.state-panel svg{color:var(--color-primary)}.state-panel--error svg,.state-panel--error p{color:var(--color-danger)}.quote-actions{justify-content:flex-end;display:flex}.btn{border-radius:var(--radius-control);min-height:44px;font-family:var(--font-sans);letter-spacing:.01em;transition:background-color .22s var(--ease-out), border-color .22s var(--ease-out), color .22s var(--ease-out), box-shadow .22s var(--ease-out), transform .22s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-size:15px;font-weight:600;line-height:22px;display:inline-flex}.btn svg{flex:none}.btn-icon-spin svg{animation:1s linear infinite spin}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:var(--color-primary-soft);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--color-primary-deep);transform:translateY(0)scale(.98)}.btn-danger{border-color:color-mix(in srgb, var(--color-danger) 55%, transparent);color:var(--color-danger);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 10%, transparent);border-color:var(--color-danger);color:var(--color-danger-soft)}.btn-danger:active:not(:disabled){transform:scale(.98)}.action-bar{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.action-bar__buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.toggle-pill{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas) 55%, var(--color-surface));border-radius:9999px;flex:none;gap:3px;padding:3px;display:inline-flex}.toggle-pill__item{min-width:52px;color:var(--color-text-muted);font-family:var(--font-sans);letter-spacing:.06em;transition:background-color .22s var(--ease-out), color .22s var(--ease-out), box-shadow .22s var(--ease-out), transform .22s var(--ease-out);background:0 0;border:0;border-radius:9999px;padding:5px 14px;font-size:13px;font-weight:600;line-height:18px}.toggle-pill__item:hover:not(:disabled){color:var(--color-text-primary)}.toggle-pill__item:active:not(:disabled){transform:scale(.96)}.toggle-pill__item[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 10px -4px var(--color-glow-strong)}.history-container{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);overflow:hidden}.history-container__header{justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 28px 22px;display:flex}.history-container__header h2{color:var(--color-text-strong);font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(24px,3vw,30px);font-weight:500;line-height:1.15}.history-container__count{border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;border-radius:9999px;flex:none;margin-top:3px;padding:3px 10px;font-size:11px;line-height:16px}.history-list{margin:0;padding:0;list-style:none;display:grid}.history-item{border-top:1px solid var(--color-border);transition:background-color .22s var(--ease-out);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.history-item:hover{background:var(--color-surface-hover)}.history-item__content{gap:4px;min-width:0;display:grid}.history-item__time{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.history-item__quote{color:var(--color-text-secondary);font-family:var(--font-serif);overflow-wrap:anywhere;margin:0;font-size:16px;font-style:italic;line-height:1.5}.history-item__author{color:var(--color-primary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:400;line-height:16px}.icon-button{border-radius:var(--radius-control);width:36px;height:36px;color:var(--color-text-muted);transition:color .22s var(--ease-out), background-color .22s var(--ease-out), border-color .22s var(--ease-out), transform .22s var(--ease-out);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 10%, transparent);border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);color:var(--color-danger)}.icon-button:active:not(:disabled){transform:scale(.92)}.empty-state{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;justify-items:center;gap:6px;margin:0;padding:56px 24px;display:grid}.empty-state__icon{border:1px solid var(--color-border);background:var(--color-surface-hover);width:44px;height:44px;color:var(--color-primary);border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.empty-state__title{color:var(--color-text-secondary);font-family:var(--font-sans);margin:0;font-size:15px;font-weight:600}.empty-state__hint{max-width:30ch;margin:0;font-size:14px;line-height:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=720px){.nav-bar{flex-direction:column;align-items:flex-start}.nav-bar__actions{justify-content:space-between;width:100%}.nav-bar__meta{font-size:11px}.action-bar,.history-item{flex-direction:column;align-items:stretch}.quote-actions,.action-bar__buttons,.btn{width:100%}.quote-actions,.action-bar__buttons{justify-content:stretch}.history-item{padding-right:76px;position:relative}.history-item .icon-button{position:absolute;top:18px;right:28px}}@media (width<=420px){.main-layout{padding-left:16px;padding-right:16px}.quote-hero,.history-container__header,.history-item,.empty-state{padding-left:20px;padding-right:20px}.history-item{padding-right:68px}.history-item .icon-button{right:20px}}