*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:radial-gradient(circle at 0 0,#1e3a8a,#020617);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.mobile-header{z-index:200;background:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-title{color:#38bdf8;font-size:1.1rem;font-weight:700}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:0;padding:8px;display:flex}.ham-line{background:#e2e8f0;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.ham-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.ham-line.open:nth-child(2){opacity:0}.ham-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.sidebar-overlay{z-index:299;background:#0009;display:none;position:fixed;inset:0}.sidebar{z-index:300;background:#1e293b;border-right:1px solid #334155;width:280px;height:100vh;padding:20px 0;position:fixed;top:0;left:0;overflow-y:hidden}.sidebar h2{color:#38bdf8;border-bottom:1px solid #334155;margin-bottom:8px;padding:0 24px 16px;font-size:1.3rem}.sidebar a{color:#cbd5e1;border-left:3px solid #0000;align-items:center;gap:10px;padding:7px 24px;font-size:.85rem;transition:all .2s;display:flex}.sidebar a:hover,.sidebar a.active{color:#f1f5f9;background:#334155;border-left-color:#38bdf8;font-weight:600}.sidebar-highlight{background:linear-gradient(#38bdf80a,#0000);border-left:3px solid #38bdf8;margin:4px 0;padding:2px 0}.sidebar-section.popular{color:#38bdf8;background:linear-gradient(135deg,#0c2d4a,#132744);border-color:#38bdf8;box-shadow:0 0 12px #38bdf826}.sidebar-section.popular:hover{background:linear-gradient(135deg,#0e3358,#163050);box-shadow:0 0 16px #38bdf840}.sidebar a.sidebar-hero{color:#f1f5f9;background:linear-gradient(90deg,#38bdf814,#0000);border-left:3px solid #38bdf8;font-weight:600}.sidebar a.sidebar-hero:hover{background:linear-gradient(90deg,#38bdf826,#0000)}.sidebar-star{margin-left:auto;font-size:.65rem}.sidebar-section{color:#cbd5e1;text-transform:uppercase;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a;border:1px solid #334155;border-radius:8px;justify-content:space-between;align-items:center;margin:6px 12px 2px;padding:10px 16px 10px 24px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.sidebar-section:hover{background:#1a2744;border-color:#475569}.sidebar-section.open{color:#38bdf8;background:#132744;border-color:#38bdf8}.sidebar-arrow{color:#cbd5e1;flex-shrink:0;font-size:1.1rem;font-weight:700;line-height:1;transition:all .2s;animation:1.5s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%,to{color:#cbd5e1;transform:scale(1)}50%{color:#38bdf8;transform:scale(1.3)}}.sidebar-section.open .sidebar-arrow{color:#38bdf8;animation:none}.main{flex:1;min-height:100vh;margin-left:280px;padding:32px}.content-with-sidebar-ad{gap:24px;display:flex}.content-area{flex:1;min-width:0;max-width:100%}.sidebar-ad-area{display:none}.ad-slot{text-align:center;background:linear-gradient(135deg,#1a2332,#1e293b);border:1px dashed #475569;border-radius:10px;overflow:hidden}.ad-label{color:#475569;text-transform:uppercase;letter-spacing:1px;background:#0f172a;padding:4px;font-size:.65rem;display:block}.ad-inner{color:#475569;padding:20px;font-size:.85rem}.ad-banner{flex-direction:column;justify-content:center;min-height:90px;margin-bottom:20px;display:flex}.ad-sidebar{min-height:250px}.ad-inline{min-height:90px;margin:28px 0}.ticker{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:12px 20px;display:flex}.ticker-left{align-items:center;gap:10px;display:flex}.ticker-blink{animation:2s infinite pulse}.ticker-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ticker-label{color:#e2e8f0;font-size:.95rem;font-weight:600}.ticker-right{gap:16px;display:flex}.ticker-trust{color:#94a3b8;align-items:center;gap:4px;font-size:.8rem;display:flex}.tool-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:32px}.tool-card h1{color:#f8fafc;margin-bottom:10px;font-size:1.7rem}.tool-card h2{color:#f8fafc;margin-bottom:20px;font-size:1.4rem}.tool-desc{color:#b0bec5;margin:-4px 0 12px;font-size:.92rem;line-height:1.6}.trust-badges{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.trust-badge{color:#94a3b8;background:#0f172a;border:1px solid #334155;border-radius:20px;padding:6px 14px;font-size:.78rem}label{color:#38bdf8;margin-top:8px;margin-bottom:4px;font-size:.85rem;font-weight:700;display:block}input,select,textarea{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:.95rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#38bdf8}textarea{resize:vertical;min-height:120px;font-family:inherit}button{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;margin-top:16px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s}button:hover{background:#7dd3fc;transform:translateY(-1px)}button:active{transform:translateY(0)}.result{white-space:pre-wrap;background:#0f172a;border:1px solid #334155;border-radius:8px;max-height:400px;margin-top:20px;padding:16px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-y:auto}.row{flex-wrap:wrap;gap:16px;display:flex}.row>*{flex:1;min-width:200px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:14px;display:grid}.result-card{text-align:center;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:16px;transition:transform .2s,border-color .2s;animation:.4s both fadeSlideUp}.result-card:hover{border-color:#475569;transform:translateY(-2px)}.result-card.accent{background:linear-gradient(135deg,#0c1929,#132744);border-color:#38bdf8}.result-card.highlight{background:linear-gradient(135deg,#1a1a0a,#2a2510);border-color:#facc15;grid-column:span 2}.result-value{color:#f1f5f9;margin-bottom:4px;font-size:1.6rem;font-weight:700;display:block}.result-card.accent .result-value{color:#38bdf8}.result-card.highlight .result-value{color:#facc15}.result-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.result-pretty{background:linear-gradient(135deg,#0c1929,#0f172a);border:1px solid #334155;border-radius:10px;margin-top:24px;padding:20px;animation:.4s both fadeSlideUp}.result-pretty .result-row{border-bottom:1px solid #1e293b;justify-content:space-between;padding:8px 0;font-size:.9rem;display:flex}.result-pretty .result-row:last-child{border-bottom:none}.result-pretty .result-row .label{color:#b0bec5}.result-pretty .result-row .value{color:#f1f5f9;font-weight:600}.result-pretty .result-row.total{border-top:2px solid #38bdf8;margin-top:4px;padding-top:12px}.result-pretty .result-row.total .value{color:#38bdf8;font-size:1.05rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{vertical-align:middle;border:3px solid #334155;border-top-color:#38bdf8;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.sample-box{background:linear-gradient(135deg,#1a2332,#1e293b);border:1px dashed #475569;border-radius:10px;margin:24px 0;padding:18px 22px}.sample-box h4{color:#38bdf8;margin-bottom:8px;font-size:.9rem}.sample-box p,.sample-box ul{color:#b0bec5;font-size:.85rem;line-height:1.6}.sample-box strong{color:#e2e8f0}.sample-box code{color:#38bdf8;background:#0f172a;border-radius:4px;padding:2px 6px;font-size:.8rem}.seo-content{color:#b0bec5;background:#1e293b;border:1px solid #334155;border-radius:12px;margin-top:28px;padding:28px;font-size:.88rem;line-height:1.8}.seo-content h2{color:#f1f5f9;margin:16px 0 8px;font-size:1.1rem}.seo-content h2:first-child{margin-top:0}.seo-content p{margin-bottom:12px}.seo-content ul{margin-bottom:12px;padding-left:20px}.seo-content li{margin-bottom:4px}.popular-tools{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-top:28px;padding:28px}.popular-tools h3{color:#f1f5f9;margin-bottom:16px;font-size:1rem}.popular-grid{flex-wrap:wrap;gap:10px;display:flex}.popular-card{background:#0f172a;border:1px solid #334155;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:all .2s;display:flex}.popular-card:hover{border-color:#38bdf8;transform:translateY(-1px)}.popular-icon{font-size:1.1rem}.home-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.home-card{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;transition:transform .2s,border-color .2s}.home-card:hover{border-color:#38bdf8;transform:translateY(-2px)}.home-card .icon{margin-bottom:12px;font-size:2rem}.home-card h3{margin-bottom:6px;font-size:1rem}.home-card p{color:#94a3b8;font-size:.8rem}.md-preview{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:16px}.md-preview h1,.md-preview h2,.md-preview h3{color:#f1f5f9;margin:12px 0 8px}.md-preview p{margin:8px 0;line-height:1.6}.md-preview code{background:#334155;border-radius:4px;padding:2px 6px;font-size:.9em}.md-preview pre{background:#334155;border-radius:8px;padding:12px;overflow-x:auto}.md-preview pre code{background:0 0;padding:0}.md-preview ul,.md-preview ol{margin:8px 0;padding-left:24px}.md-preview blockquote{color:#94a3b8;border-left:3px solid #38bdf8;margin:8px 0;padding-left:12px}input[type=date],input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;font-size:1.2rem}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;font-size:1.2rem}.dp-wrap{width:100%;max-width:280px;margin-top:0;position:relative}.dp-input{cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;transition:border-color .2s;display:flex}.dp-input:hover{border-color:#38bdf8}.dp-value{color:#e2e8f0;font-size:.95rem}.dp-placeholder{color:#64748b;font-size:.95rem}.dp-icon{font-size:1.3rem}.dp-dropdown{z-index:100;background:#1e293b;border:1px solid #475569;border-radius:12px;width:310px;padding:14px;animation:.15s fadeSlideUp;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 12px 40px #00000080}.dp-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dp-nav{color:#e2e8f0;cursor:pointer;background:#334155;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:1.2rem;display:flex}.dp-nav:hover{background:#475569}.dp-title{gap:6px;display:flex}.dp-select{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;width:auto;padding:4px 8px;font-size:.85rem}.dp-days-header{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.dp-days-header span{color:#64748b;text-transform:uppercase;padding:4px 0;font-size:.7rem;font-weight:600}.dp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-cell{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0;padding:6px 0;font-size:.85rem;transition:background .15s}.dp-cell:hover:not(.dp-disabled):not(.dp-other){background:#334155}.dp-cell.dp-other{color:#334155;cursor:default}.dp-cell.dp-disabled{color:#334155;cursor:not-allowed}.dp-cell.dp-today{border:1px solid #38bdf8}.dp-cell.dp-selected{color:#0f172a;background:#38bdf8;font-weight:700}.dp-time{border-top:1px solid #334155;align-items:center;gap:10px;margin-top:8px;padding-top:8px;display:flex}.dp-time-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:auto;padding:6px 10px;font-size:.85rem}.dp-footer{border-top:1px solid #334155;gap:8px;margin-top:8px;padding-top:8px;display:flex}.dp-today-btn,.dp-clear-btn{cursor:pointer;border:none;border-radius:6px;flex:1;margin:0;padding:6px;font-size:.8rem}.dp-today-btn{color:#0f172a;background:#38bdf8;font-weight:600}.dp-today-btn:hover{background:#7dd3fc}.dp-clear-btn{color:#94a3b8;background:#334155}.dp-clear-btn:hover{background:#475569}@media (width<=900px){.sidebar-ad-area{display:none}.content-with-sidebar-ad{flex-direction:column}}@media (width<=768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar h2{display:none}.main{margin-left:0;padding:72px 16px 24px}button{width:100%;padding:14px;font-size:1rem}input,select,textarea{padding:14px;font-size:1rem}.row{flex-direction:column;gap:0}.row>*{min-width:100%}.result-grid{grid-template-columns:repeat(2,1fr)}.result-card.highlight{grid-column:span 2}.ticker{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px}.ticker-right{gap:12px}.home-grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-card{padding:16px}.popular-grid{flex-direction:column}.popular-card{width:100%}.dp-dropdown{width:calc(100vw - 32px);left:50%;transform:translate(-50%)}.ad-banner{min-height:60px}}@media (width<=400px){.result-grid{grid-template-columns:1fr}.result-card.highlight{grid-column:span 1}.home-grid{grid-template-columns:1fr}}.result-card.primary{background:linear-gradient(135deg,#0c1929,#132744);border-color:#38bdf8;padding:24px 20px;box-shadow:0 0 24px #38bdf833,inset 0 1px #38bdf81a}.result-card.primary .result-value{color:#38bdf8;text-shadow:0 0 20px #38bdf84d;font-size:2.6rem}.result-card.primary .result-label{color:#7dd3fc;font-size:.82rem}.result-card:hover{box-shadow:0 0 16px #38bdf81a}.result-card.accent:hover{box-shadow:0 0 20px #38bdf833}.result-card.highlight:hover{box-shadow:0 0 20px #facc1526}.fun-fact{color:#b0bec5;background:linear-gradient(135deg,#132744,#1e293b);border:1px solid #1e3a5f;border-radius:10px;align-items:center;gap:10px;margin-top:20px;padding:16px 20px;font-size:.9rem;animation:.5s both fadeSlideUp;display:flex}.fun-fact .fun-emoji{font-size:1.4rem}.fun-fact strong{color:#38bdf8}.progress-wrap{margin-top:20px;animation:.5s both fadeSlideUp}.progress-label{color:#b0bec5;justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.progress-bar{background:#0f172a;border:1px solid #334155;border-radius:10px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:10px;height:100%;transition:width 1s}.action-bar{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.action-bar button{color:#e2e8f0;background:#334155;width:auto;margin:0;padding:8px 16px;font-size:.82rem}.action-bar button:hover{background:#475569}.action-bar button.copied{color:#0f172a;background:#22c55e}.faq-section{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-top:28px;padding:28px}.faq-section h3{color:#f8fafc;margin-bottom:16px;font-size:1.1rem}.faq-item{border:1px solid #334155;border-radius:8px;margin-bottom:8px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:last-child{margin-bottom:0}.faq-item:hover{border-color:#475569;box-shadow:0 2px 8px #0003}.faq-q{cursor:pointer;color:#e2e8f0;background:#0f172a;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:flex}.faq-q:hover{color:#38bdf8;background:#132744}.faq-toggle{color:#38bdf8;flex-shrink:0;font-size:.85rem;transition:transform .3s}.faq-toggle.open{transform:rotate(90deg)}.faq-a{color:#b0bec5;background:#1e293b;border-top:1px solid #334155;padding:14px 16px;font-size:.88rem;line-height:1.7;animation:.2s fadeSlideUp}.inline-trust{flex-wrap:wrap;gap:16px;margin-top:4px;display:flex}.inline-trust span{color:#64748b;font-size:.75rem}@keyframes countPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.result-card .result-value{animation:.4s both countPop}@media (width<=768px){.result-card.primary .result-value{font-size:2rem}.fun-fact{text-align:center;flex-direction:column;gap:6px}.action-bar{flex-direction:column}.action-bar button{width:100%}.faq-q{font-size:.85rem}}