:root{--cf-orange: #f38020;--cf-orange-hover: #fa8c16;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--border-color: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--success: #10b981;--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}.container{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.brand{display:flex;align-items:center;gap:1rem}.brand svg.logo{width:44px;height:44px;color:var(--cf-orange)}.brand h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.brand p{color:var(--text-secondary);font-size:.875rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#f3802026;color:var(--cf-orange);border:1px solid rgba(243,128,32,.3)}.badge.success{background:#10b98126;color:var(--success);border-color:#10b9814d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0003}.card h2{font-size:1.125rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:#fff}.status-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.875rem}.status-row span.label{color:var(--text-secondary)}.status-row span.val{font-weight:600;font-family:monospace}.todo-form{display:flex;gap:.5rem;margin-bottom:1rem}input[type=text]{flex:1;background:#0b1120;border:1px solid var(--border-color);border-radius:.5rem;padding:.625rem .875rem;color:#fff;font-size:.875rem}input[type=text]:focus{outline:none;border-color:var(--cf-orange)}button{background:var(--cf-orange);color:#fff;border:none;border-radius:.5rem;padding:.625rem 1rem;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:background .15s ease}button:hover:not(:disabled){background:var(--cf-orange-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444426}.todo-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:#0b1120;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.todo-item.completed span{text-decoration:line-through;color:var(--text-secondary)}.todo-item-left{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1}.kv-box{display:flex;flex-direction:column;gap:.75rem}.code-block{background:#0b1120;border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem;font-family:monospace;font-size:.8125rem;color:#38bdf8;overflow-x:auto}.counter-hero{background:linear-gradient(135deg,#1e293b,#1e1b4b);border:1px solid rgba(243,128,32,.4);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 25px -5px #f3802026;position:relative;overflow:hidden}.counter-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(243,128,32,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none}.counter-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.counter-display{display:flex;align-items:baseline;gap:.75rem}.counter-number{font-size:3.5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#f38020,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-feature-settings:"tnum"}.counter-unit{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.counter-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;font-size:.8125rem}.counter-tag{background:#ffffff12;padding:.25rem .625rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:.375rem}.recent-visits-list{display:flex;flex-direction:column;gap:.375rem;margin-top:1rem}.visit-row{display:flex;justify-content:space-between;padding:.375rem .75rem;background:#00000040;border-radius:.375rem;font-size:.75rem;color:var(--text-secondary)}