:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-main: #ffffff;--bg-offset: #f9fafb;--surface: #ffffff;--surface-2: #f3f4f6;--text-main: #111827;--text-strong: #111827;--text-muted: #6b7280;--border: #d1d5db;--error: #dc2626;--error-bg: #fee2e2;--success: #10b981;--success-bg: #d1fae5;--radius: 8px;--max-width: 95vw}[data-theme=dark]{--primary: #8ab6ff;--primary-hover: #a8c8ff;--bg-main: #2f343d;--bg-offset: #2a2f37;--surface: #363c46;--surface-2: #3f4651;--text-main: #eef1f5;--text-strong: #ffffff;--text-muted: #aab2bd;--border: #4b525d;--nav-bg: #262b33;--nav-border: #4b525d}@keyframes navFeaturedGlow{0%,to{text-shadow:0 0 4px rgba(244,114,182,.6),0 0 8px rgba(244,114,182,.4);color:#f9a8d4}50%{text-shadow:0 0 10px rgba(244,114,182,.95),0 0 18px rgba(236,72,153,.7);color:#f472b6}}.nav-featured-glow{animation:navFeaturedGlow 1.8s ease-in-out infinite;font-weight:600}@keyframes swShake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(9px)}45%{transform:translate(-7px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}.sw-shake{animation:swShake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes swFloat{0%,to{transform:translateY(0);box-shadow:0 10px 24px #0000001a}50%{transform:translateY(-10px);box-shadow:0 26px 44px #0000002e}}.sw-float{animation:swFloat 4.5s ease-in-out infinite}.sour-btn{padding:10px 18px;margin:0 6px;font-size:14px;font-weight:600;border-radius:999px;border:none;cursor:pointer;color:#f5e9ff;background:linear-gradient(135deg,#4b1c6f,#7a3fa0 45%,#b98be6);box-shadow:inset 0 1px 2px #ffffff40,inset 0 -2px 3px #00000059,0 6px 14px #5a1e8259;transition:transform .15s ease,box-shadow .15s ease}.sour-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 3px #ffffff59,inset 0 -1px 2px #00000040,0 10px 22px #8c50c873}.sour-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006,0 4px 8px #5a1e8240}.sour-down{background:linear-gradient(135deg,#3a145a,#6b2e92 45%,#a870d8)}.sour-counts{margin-top:10px;font-size:14px;color:var(--text-muted, #6b7280)}@media(max-width:768px){.sw-reader button{min-height:38px}}html,body{margin:0;padding:0;background-color:var(--bg-offset);color:var(--text-main);font-family:system-ui,-apple-system,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box}.input-field{display:block;width:100%;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;margin-top:.25rem}.btn-primary{display:block;width:100%;padding:.8rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;font-size:1rem}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.label-text{display:block;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;box-sizing:border-box}