:root{--bg-color: #f7f7fb;--card-bg: #ffffff;--text-main: #111827;--border-color: #e6e9ef}body.dark{--bg-color: #0b1120;--card-bg: #111827;--text-main: #f9fafb;--border-color: #1f2937;background-color:var(--bg-color)!important;color:var(--text-main);min-height:100vh;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-color);transition:background-color .3s ease}body.dark .auth-card,body.dark .history-container,body.dark .how-to-use-section,body.dark .hero-section{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important}body.dark input,body.dark textarea{background-color:#030712!important;border:1px solid var(--border-color)!important;color:#fff!important}.header{background:#fff;border-bottom:1px solid #f0f0f0;padding:10px 0;position:sticky;top:0;z-index:1000}body.dark .header{background:#1a1a1a;border-bottom:1px solid #333}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.brand{display:flex;align-items:center;gap:8px}.brand-name{font-weight:800;font-size:20px;color:#000}body.dark .brand-name{color:#fff}.desktop-nav{display:flex;gap:20px}.desktop-nav a{text-decoration:none;color:#666;font-size:14px;font-weight:500}.right-actions{display:flex;align-items:center;gap:10px}.action-btn,.theme-toggle,.hamburger{background:#fff;border:1px solid #e0e0e0;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;color:#333}body.dark .action-btn,body.dark .theme-toggle,body.dark .hamburger{background:#2d2d2d;border-color:#444;color:#fff}.mobile-menu{position:absolute;top:100%;right:20px;width:280px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:15px;display:flex;flex-direction:column;gap:10px;margin-top:10px}body.dark .mobile-menu{background:#1a1a1a;border-color:#333}.mobile-links a{display:block;padding:10px;color:#555;text-decoration:none}.mobile-btn{width:100%;padding:12px;border:1px solid #f0f0f0;background:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.delete-btn{color:#dc3545}@media(max-width:768px){.desktop-nav,.desktop-only-buttons{display:none}.hamburger{display:block}.action-btn{display:none}}@media(min-width:769px){.hamburger,.mobile-menu{display:none}}.theme-toggle{display:none}.right-actions{display:flex;align-items:center;gap:8px}.desktop-only-buttons{display:flex;gap:8px}.hero{text-align:center;padding:28px 0}.hero h1{font-size:28px;margin:0;font-weight:700}.hero p{font-size:14px;line-height:1.5;color:var(--muted)}.history-container{width:100%;max-width:950px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin:20px auto;box-shadow:0 1px 3px #0000000d}.history-header-main{display:flex;align-items:center;gap:10px;margin-bottom:20px}.history-clock-icon{font-size:18px;color:#4b5563}.history-title{font-size:16px;font-weight:700;color:#111827;margin:0}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.history-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;padding:16px;display:flex;flex-direction:column}.hist-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hist-acc-name{font-size:14px;font-weight:700;color:#111827}.hist-time-ago{font-size:11px;font-weight:600;color:#6b7280}.hist-masked-key{font-family:Courier New,Courier,monospace;font-size:12px;color:#9ca3af;margin-bottom:4px;letter-spacing:.5px}.hist-added-date{font-size:11px;color:#9ca3af}.no-history{text-align:center;color:#9ca3af;font-size:14px;padding:20px;grid-column:1 / -1}.ads-section{margin-bottom:18px;display:flex;justify-content:center}.ads-image{width:80%;border-radius:8px;display:block}.auth-container{background-color:#fff;min-height:50vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1000px}.auth-card{width:400px;border:1px solid #e5e7eb;border-radius:12px;padding:24px;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.label-text{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.input-box{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box}.code-box{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:24px;text-align:center;margin-bottom:16px}.otp-code{font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:12px}.active-blue{color:#2563eb}.inactive-gray{color:#9ca3af}.status-row{display:flex;justify-content:center;align-items:center;gap:10px}.status-badge{background:#000;color:#fff;font-size:11px;padding:2px 10px;border-radius:20px;font-weight:600}.icon-btn,.enter-secret-label{background:#fff;border:1px solid #e5e7eb;padding:4px 12px;border-radius:20px;font-size:12px;cursor:pointer;color:#4b5563}.del-btn{width:100%;background:none;border:1px solid #fee2e2;color:#ef4444;padding:10px;border-radius:6px;font-weight:600;cursor:pointer}.bottom-timer{margin-top:32px;border:1px solid #e5e7eb;border-radius:12px;padding:16px 32px;background:#fff}.timer-wrapper{display:flex;align-items:center;gap:20px}.time-digit{font-size:20px;line-height:1}.time-sub{font-size:11px;color:#6b7280}.progress-bg{width:60px;height:6px;background:#f3f4f6;border-radius:10px}.progress-fill{height:100%;background:#2563eb;border-radius:10px;transition:width 1s linear}.add-more-btn{margin-top:24px;background:#111827;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer}.footer-layout{max-width:900px;margin:20px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.how-to-use-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.how-to-use-card h3{margin-top:0;font-size:20px;color:#333}.how-to-use-card ul{padding-left:20px;color:#555;line-height:2;font-size:14px}.pro-ads-container{background:#f0f6ff;border:1px solid #c2d9ff;border-radius:12px;padding:40px 20px;text-align:center}.brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.brand-name{font-size:28px;font-weight:700;color:#2563eb}.premium-tag{background:#2563eb;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.pro-ads-header h4{color:#333;margin:10px 0 25px;font-size:18px}.warning-box{background:#fff;border:1px solid #ffcccc;border-radius:10px;padding:15px;max-width:800px;margin:0 auto 30px;text-align:left}.warning-content{display:flex;gap:15px;align-items:flex-start}.warning-icon{font-size:24px}.warning-box strong{color:#b91c1c;display:block;margin-bottom:5px}.warning-box p{color:#666;font-size:13px;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.white-card{background:#fff;padding:25px;border-radius:15px;border:1px solid #e2e8f0;transition:transform .2s}.card-icon{font-size:24px;margin-bottom:15px}.white-card h5{margin:10px 0;font-size:16px;color:#1e293b}.white-card p{font-size:13px;color:#64748b;margin:0}.pro-ads-footer p{font-size:14px;color:#666;max-width:700px;margin:0 auto 25px}.footer-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.visit-btn{background:#2563eb;color:#fff;text-decoration:none;padding:12px 25px;border-radius:8px;font-weight:700;font-size:14px}.badge-outline{border:1px solid #cbd5e1;padding:8px 15px;border-radius:20px;font-size:12px;font-weight:600;background:#fff}.blue-text{color:#2563eb;border-color:#bfdbfe}.green-text{color:#16a34a;border-color:#bbf7d0}.copyright-text{text-align:center;margin-top:30px;color:#999;font-size:13px}