body{margin:0}*{box-sizing:border-box}.page{color:#1e293b;background:linear-gradient(#f5f3ff 0%,#eef2ff 50%,#f0fdf4 100%);min-height:100vh;font-family:Segoe UI,Arial,sans-serif}.navbar{z-index:50;background:#0f172a;justify-content:space-between;align-items:center;padding:10px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0003}.navbar-logo{align-items:center;gap:8px;display:flex}.logo-icon{font-size:1.3rem}.logo-text{background:linear-gradient(90deg,#818cf8,#f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.navbar-links{gap:22px;margin:0;padding:0;list-style:none;display:flex}.navbar-links li{color:#cbd5e1;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.navbar-links li:hover{color:#a5b4fc}.navbar-links li.active{color:#818cf8}.soon{color:#94a3b8;background:#334155;border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:600}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;flex:none;padding:4px 8px;font-size:1.3rem;display:none}.header{color:#fff;text-align:center;background:linear-gradient(120deg,#4f46e5,#7c3aed);padding:30px 16px 44px}.header h1{margin:0 0 6px;font-size:1.7rem}.header p{opacity:.92;margin:0;font-size:.95rem}.container{grid-template-columns:1fr 1fr;align-items:start;gap:22px;max-width:1100px;margin:-22px auto 40px;padding:0 16px;display:grid}@media (width<=900px){.container{grid-template-columns:1fr;max-width:580px}}.card{background:#fff;border-radius:16px;padding:30px 24px 24px;position:relative;overflow:hidden;box-shadow:0 8px 24px #1e293b1f}.card-strip{height:6px;position:absolute;top:0;left:0;right:0}.strip-purple{background:linear-gradient(90deg,#6366f1,#a855f7)}.strip-green{background:linear-gradient(90deg,#22c55e,#16a34a)}.card h2{color:#312e81;margin-top:0;font-size:1.2rem}.result-card h2{color:#14532d}.subtitle{color:#64748b;margin-top:-6px;font-size:.88rem}label{color:#334155;margin:14px 0 6px;font-size:.88rem;font-weight:600;display:block}input,select,textarea{background:#f8fafc;border:1.5px solid #e0e7ff;border-radius:9px;width:100%;padding:11px 13px;font-family:inherit;font-size:.95rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{background:#fff;border-color:#7c3aed;outline:none;box-shadow:0 0 0 4px #7c3aed1f}.buttons{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}button{cursor:pointer;border:none;border-radius:9px;flex:1;padding:12px;font-size:.95rem;font-weight:700}button:disabled{opacity:.6;cursor:not-allowed}.primary{color:#fff;background:linear-gradient(90deg,#4f46e5,#9333ea);box-shadow:0 4px 12px #7c3aed59}.secondary{color:#4338ca;background:#eef2ff;border:1.5px solid #c7d2fe}.full-width{width:100%;margin-top:12px}.success{color:#15803d;background:#f0fdf4;border-left:4px solid #22c55e;border-radius:8px;margin-top:14px;padding:10px 14px;font-weight:600}.error{color:#b91c1c;background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;margin-top:14px;padding:10px 14px;font-weight:600}.badge{border-radius:999px;padding:9px 20px;font-weight:700;display:inline-block}.badge.yes{color:#14532d;background:linear-gradient(90deg,#86efac,#4ade80)}.badge.no{color:#713f12;background:linear-gradient(90deg,#fde047,#facc15)}.reason{color:#475569;margin-top:10px}.stats-row{gap:12px;margin:18px 0;display:flex}.stat-box{text-align:center;border-radius:12px;flex:1;padding:16px}.stat-purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.stat-green{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.stat-number{color:#4c1d95;font-size:1.8rem;font-weight:800;display:block}.stat-green .stat-number{color:#14532d}.stat-label{color:#64748b;font-size:.75rem;font-weight:600}.progress-block{margin:18px 0}.progress-label{justify-content:space-between;margin-bottom:6px;font-weight:600;display:flex}.bar{background:#e2e8f0;border-radius:999px;height:14px;overflow:hidden}.fill{background:linear-gradient(90deg,#6366f1,#ec4899);border-radius:999px;height:100%;transition:width .5s}.fill.green{background:linear-gradient(90deg,#22c55e,#16a34a)}small{color:#64748b}.platform-list{margin:10px 0 0;padding:0;list-style:none}.platform-list li{background:linear-gradient(90deg,#f5f3ff,#ede9fe);border-left:3px solid #8b5cf6;border-radius:9px;justify-content:space-between;margin-bottom:7px;padding:11px 14px;display:flex}.platform-list li strong{color:#6d28d9}.reason-box,.law-box{background:#fef9c3;border-left:4px solid #eab308;border-radius:9px;margin:14px 0;padding:12px 16px}.law-box{background:#dbeafe;border-left-color:#3b82f6}.reason-box strong,.law-box strong{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.8rem;display:block}.letter-box{color:#e2e8f0;white-space:pre-wrap;background:#0f172a;border-radius:12px;max-height:350px;padding:18px;font-family:Consolas,monospace;font-size:.85rem;line-height:1.6;overflow-y:auto}.website-link{color:#4f46e5;background:#eef2ff;border-radius:8px;margin:10px 0;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.website-link:hover{background:#e0e7ff}.steps-list{margin:10px 0 0;padding:0;list-style:none}.steps-list li{background:#f8fafc;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.switch-mode{text-align:center;color:#64748b;margin-top:16px;font-size:.9rem}.switch-mode span{color:#2563eb;cursor:pointer;font-weight:700;text-decoration:underline}.switch-mode span:hover{color:#1d4ed8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.card{animation:.4s fadeSlideUp}.empty-card{text-align:center;color:#94a3b8;padding:40px 24px}.empty-icon{opacity:.6;margin-bottom:12px;font-size:2.5rem}.empty-card h3{color:#64748b;margin:0 0 8px;font-size:1.1rem}.empty-card p{max-width:320px;margin:0 auto;font-size:.9rem}.footer{text-align:center;background:linear-gradient(120deg,#0f172a,#1e1b4b);border-top:3px solid;border-image:linear-gradient(90deg,#6366f1,#ec4899) 1;margin-top:30px;padding:32px 16px}.footer p{color:#e0e7ff;margin:0 0 6px;font-size:.95rem;font-weight:600}.footer-small{color:#94a3b8!important;margin-top:6px!important;font-size:.78rem!important;font-weight:400!important}.evidence-split{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.evidence-chip{border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700}.evidence-chip.verified{color:#15803d;background:#dcfce7}.evidence-chip.unverified{color:#92400e;background:#fef3c7}.checkbox-label{color:#475569;cursor:pointer;align-items:flex-start;gap:8px;margin:16px 0;font-size:.85rem;font-weight:400;display:flex}.checkbox-label input{cursor:pointer;width:auto;margin-top:3px}.stat-earning{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-earning .stat-number{color:#92400e}.stat-earning-alt{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.stat-earning-alt .stat-number{color:#9d174d}.platform-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.earning-small{font-weight:700;color:#059669!important}.profile-meta{background:#f8fafc;border-radius:10px;margin-bottom:16px;padding:14px 16px}.profile-meta p{color:#475569;margin:6px 0;font-size:.9rem}.profile-meta strong{color:#312e81}.history-card{grid-column:1/-1}.history-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.history-list{margin:14px 0 0;padding:0;list-style:none}.history-item{background:#f8fafc;border-radius:10px;margin-bottom:10px;overflow:hidden}.history-item-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.history-item-header:hover{background:#f1f5f9}.history-platform{color:#312e81}.history-reason-tag{color:#6d28d9;background:#ede9fe;border-radius:999px;padding:4px 10px;font-size:.78rem}.history-item-body{padding:0 16px 16px}.history-notice{color:#475569;margin-bottom:10px;font-size:.88rem}.letter-box.small{max-height:200px;font-size:.8rem}.page.dark-theme{color:#e2e8f0;background:linear-gradient(#0f0a1e 0%,#0f172a 50%,#0a1612 100%)}.page.dark-theme .navbar{background:#000}.page.dark-theme .card{background:#1e293b;box-shadow:0 8px 24px #0006}.page.dark-theme .form-card{background:linear-gradient(#1e293b 0%,#1a1530 100%)}.page.dark-theme .result-card{background:linear-gradient(#1e293b 0%,#0f2419 100%)}.page.dark-theme .card h2{color:#c4b5fd}.page.dark-theme .result-card h2{color:#86efac}.page.dark-theme label{color:#cbd5e1}.page.dark-theme input,.page.dark-theme select,.page.dark-theme textarea{color:#e2e8f0;background:#0f172a;border-color:#334155}.page.dark-theme input:focus,.page.dark-theme select:focus,.page.dark-theme textarea:focus{background:#1e293b;border-color:#818cf8}.page.dark-theme .subtitle,.page.dark-theme .reason,.page.dark-theme small{color:#94a3b8}.page.dark-theme .secondary{color:#a5b4fc;background:#1e293b;border-color:#4338ca}.page.dark-theme .stat-purple{background:linear-gradient(135deg,#312e81,#4c1d95)}.page.dark-theme .stat-purple .stat-number{color:#c4b5fd}.page.dark-theme .stat-green{background:linear-gradient(135deg,#14532d,#166534)}.page.dark-theme .stat-green .stat-number{color:#86efac}.page.dark-theme .stat-earning{background:linear-gradient(135deg,#78350f,#92400e)}.page.dark-theme .stat-earning .stat-number{color:#fcd34d}.page.dark-theme .stat-earning-alt{background:linear-gradient(135deg,#831843,#9d174d)}.page.dark-theme .stat-earning-alt .stat-number{color:#f9a8d4}.page.dark-theme .platform-list li,.page.dark-theme .history-item,.page.dark-theme .profile-meta,.page.dark-theme .steps-list li{color:#e2e8f0;background:#0f172a}.page.dark-theme .reason-box{background:#422006;border-left-color:#eab308}.page.dark-theme .law-box{background:#172554;border-left-color:#3b82f6}.page.dark-theme .letter-box{color:#d1d5db;background:#000}.page.dark-theme .empty-card{color:#64748b}.page.dark-theme .empty-card h3{color:#94a3b8}.page.dark-theme .footer{background:#000}.page.dark-theme .theme-toggle-link{color:#fbbf24!important}.page.dark-theme .bar{background:#334155}.summary-banner{border-radius:14px;grid-column:1/-1;align-items:center;gap:14px;margin-bottom:4px;padding:16px 20px;animation:.4s fadeSlideUp;display:flex}.banner-icon{flex:none;font-size:1.8rem}.summary-banner p{margin:0;font-size:.92rem;font-weight:600}.banner-progress{color:#78350f;background:linear-gradient(90deg,#fef3c7,#fde68a)}.banner-success{color:#14532d;background:linear-gradient(90deg,#bbf7d0,#86efac)}.page.dark-theme .banner-progress{color:#fcd34d;background:linear-gradient(90deg,#78350f,#92400e)}.page.dark-theme .banner-success{color:#86efac;background:linear-gradient(90deg,#14532d,#166534)}@media (width<=640px){.summary-banner{grid-column:1}}.contact-text{color:#4c1d95;font-size:.9rem;font-weight:700}.page.dark-theme .contact-text{color:#c4b5fd}@media (width<=640px){.menu-toggle{display:block}.navbar-links{background:#0f172a;flex-direction:column;gap:14px;padding:14px 20px;display:none;position:absolute;top:48px;left:0;right:0}.navbar-links.show{display:flex}.header h1{font-size:1.4rem}.stats-row{flex-direction:column}}.file-hint{color:#4338ca;margin:6px 0 0;font-size:.82rem}.file-note{color:#94a3b8;margin:4px 0 14px;font-size:.78rem;font-style:italic}input[type=file]{cursor:pointer;background:#f8fafc;padding:8px}.lang-toggle-link{margin-right:8px;color:#fbbf24!important}