*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #020617;--bg-secondary: #0f172a;--bg-card: #1e293b;--bg-card2: #1e3a8a22;--text: #f1f5f9;--text-secondary:#cbd5e1;--text-muted: #94a3b8;--accent: #3b82f6;--accent2: #06b6d4;--accent-hover: #60a5fa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #06b6d4;--border: rgba(59,130,246,.25);--border-strong: rgba(59,130,246,.5);--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--radius-pill: 100px;--shadow-card: 0 4px 24px rgba(0,0,0,.4), 0 1px 4px rgba(0,0,0,.2);--shadow-glow: 0 0 24px rgba(59,130,246,.15);--gradient-bg: linear-gradient(135deg, #020617 0%, #0f172a 50%, #0c1a35 100%);--gradient-brand:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--gradient-card: linear-gradient(135deg, rgba(30,41,59,.9) 0%, rgba(15,23,42,.9) 100%)}:root:not(.dark){--bg: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-card2: #f1f5f9;--text: #0f172a;--text-secondary:#1e293b;--text-muted: #475569;--accent: #2563eb;--accent2: #0891b2;--accent-hover: #1d4ed8;--border: rgba(226,232,240,1);--border-strong: rgba(59,130,246,.4);--shadow-card: 0 4px 24px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-glow: 0 0 24px rgba(59,130,246,.08);--gradient-bg: linear-gradient(135deg, #f8fafc 0%, #eff6ff 50%, #f0f9ff 100%);--gradient-card: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(248,250,252,.9) 100%)}html{scroll-behavior:smooth;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;background:var(--gradient-bg);background-attachment:fixed;color:var(--text);min-height:100vh;overscroll-behavior:none}h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}h2{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}h3{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}.card{background:var(--gradient-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card),var(--shadow-glow)}button{cursor:pointer;font-family:inherit;font-size:1rem;border:none;border-radius:var(--radius-sm);padding:.6rem 1.25rem;transition:all .2s ease;min-height:44px;min-width:44px}button:active{transform:scale(.96)}.btn-primary{background:var(--gradient-brand);color:#fff;font-weight:600;border:none;box-shadow:0 4px 16px #3b82f659}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.btn-secondary{background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#93c5fd;border:1px solid rgba(255,255,255,.15);font-weight:600}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40}:root:not(.dark) .btn-secondary{background:#f1f5f9;color:var(--text);border-color:var(--border)}:root:not(.dark) .btn-secondary:hover{background:#e2e8f0}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;box-shadow:0 4px 16px #ef44444d}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}input[type=text]{font-family:inherit;font-size:1rem;background:var(--bg-card);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;width:100%;transition:border-color .2s,box-shadow .2s;outline:none}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#94a3b880}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.animate-in{animation:fadeIn .3s ease forwards}.epc-header.svelte-1l26d3b{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#020617,#1e293b);border-bottom:1px solid rgba(59,130,246,.25);box-shadow:0 2px 16px #00000080;-webkit-tap-highlight-color:transparent}:root:not(.dark) .epc-header.svelte-1l26d3b{background:linear-gradient(90deg,#1e3a8a,#1e40af);border-bottom:1px solid rgba(59,130,246,.4);box-shadow:0 2px 16px #1e40af4d}.header-inner.svelte-1l26d3b{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:.55rem 1.25rem;gap:.75rem}.header-left.svelte-1l26d3b{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.brand-link.svelte-1l26d3b{display:flex;align-items:center;gap:.45rem;text-decoration:none;color:#e2e8f0;font-weight:700;font-size:.9rem;transition:color .2s,opacity .2s;white-space:nowrap;flex-shrink:0}.brand-link.svelte-1l26d3b:hover{color:#06b6d4;opacity:.9;text-decoration:none}.brand-logo.svelte-1l26d3b{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;animation:svelte-1l26d3b-float 3s ease-in-out infinite}@keyframes svelte-1l26d3b-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.brand-name.svelte-1l26d3b{letter-spacing:-.02em;display:none}@media (min-width: 480px){.brand-name.svelte-1l26d3b{display:inline}}.header-sep.svelte-1l26d3b{color:#475569;font-size:.85rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.tool-name.svelte-1l26d3b{color:#06b6d4;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right.svelte-1l26d3b{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.participate-btn.svelte-1l26d3b{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;background:#3b82f626;border:1px solid rgba(59,130,246,.35);border-radius:20px;color:#93c5fd;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.participate-btn.svelte-1l26d3b:hover{background:#3b82f64d;color:#bfdbfe;border-color:#3b82f680;text-decoration:none}.participate-label.svelte-1l26d3b{display:none}@media (min-width: 400px){.participate-label.svelte-1l26d3b{display:inline}}.icon-btn.svelte-1l26d3b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:background .2s,transform .2s;padding:0;flex-shrink:0}.icon-btn.svelte-1l26d3b:hover{background:#3b82f633}.icon-btn.svelte-1l26d3b:active{transform:scale(.92)}.theme-btn.svelte-1l26d3b{color:#93c5fd}.theme-icon.svelte-1l26d3b{transition:transform .3s ease-in-out}.dark .theme-icon.svelte-1l26d3b{transform:rotate(0)}:root:not(.dark) .theme-icon.svelte-1l26d3b{transform:rotate(180deg)}.lang-btn.svelte-1l26d3b{color:#67e8f9;font-size:.78rem;font-weight:700;width:auto;padding:0 .6rem;border-radius:20px;letter-spacing:.04em}main.svelte-1l26d3b{min-height:calc(100vh - 120px)}.epc-footer.svelte-1l26d3b{background:#020617;border-top:1px solid rgba(59,130,246,.2);padding:1rem 1.25rem;text-align:center;font-size:.78rem;color:#64748b}:root:not(.dark) .epc-footer.svelte-1l26d3b{background:#1e3a8a;border-top:1px solid rgba(59,130,246,.3);color:#bfdbfe}.footer-inner.svelte-1l26d3b{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.footer-brand.svelte-1l26d3b{display:flex;align-items:center;gap:.35rem;color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s}.footer-brand.svelte-1l26d3b:hover{color:#06b6d4;text-decoration:none}.footer-logo.svelte-1l26d3b{width:20px;height:20px;border-radius:50%;object-fit:cover}.footer-sep.svelte-1l26d3b{color:#334155}:root:not(.dark) .footer-sep.svelte-1l26d3b{color:#93c5fd}.footer-link.svelte-1l26d3b{color:#06b6d4;text-decoration:none;transition:color .2s}.footer-link.svelte-1l26d3b:hover{text-decoration:underline;color:#67e8f9}.footer-copy.svelte-1l26d3b{color:inherit}