:root{--bg:#07070d;--bg-2:#0d0e1a;--surface:rgba(20,22,38,.7);--surface-2:rgba(28,30,50,.6);--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.16);--text:#e9ecf5;--text-dim:#9aa0b4;--muted:#6b7088;--accent:#7c5cff;--accent-2:#00e1ff;--accent-3:#ff4ecd;--success:#2ee6a8;--warn:#ffb547;--danger:#ff5470;--grad-1:linear-gradient(135deg,#7c5cff 0%,#00e1ff 100%);--grad-2:linear-gradient(135deg,#ff4ecd 0%,#7c5cff 50%,#00e1ff 100%);--radius:14px;--radius-lg:22px;--shadow:0 20px 60px -20px rgba(0,0,0,.6) , 0 0 0 1px rgba(255,255,255,.04) inset}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}code,pre,.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 24px}.bg-grid{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(124,92,255,.06) 1px,transparent 1px) , linear-gradient(90deg,rgba(124,92,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at top,black 30%,transparent 75%)}.bg-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px circle at 15% 10%,rgba(124,92,255,.25),transparent 60%) , radial-gradient(700px circle at 85% 5%,rgba(0,225,255,.18),transparent 60%) , radial-gradient(900px circle at 50% 100%,rgba(255,78,205,.12),transparent 70%)}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(7,7,13,.7);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;font-size:20px}.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--grad-1);border-radius:10px;font-size:18px;box-shadow:0 8px 24px -8px rgba(124,92,255,.7)}.logo .dot{color:var(--accent-2)}.logo.small{font-size:16px}.logo.small .logo-mark{width:28px;height:28px;font-size:14px}.nav{display:flex;align-items:center;gap:28px}.nav a{color:var(--text-dim);text-decoration:none;font-weight:500;font-size:14px;transition:color .2s}.nav a:hover{color:var(--text)}.nav-cta{padding:8px 16px;border:1px solid var(--border-strong);border-radius:999px;background:rgba(255,255,255,.04)}.nav-cta:hover{background:rgba(255,255,255,.08)}.hero{padding:80px 0 60px;text-align:center}.eyebrow{display:inline-block;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);background:rgba(0,225,255,.08);border:1px solid rgba(0,225,255,.2);border-radius:999px;margin-bottom:24px}.hero h1{font-size:clamp(36px,6vw,68px);line-height:1.05;font-weight:800;margin:0 0 20px;letter-spacing:-.02em}.grad{background:var(--grad-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lede{font-size:18px;color:var(--text-dim);max-width:640px;margin:0 auto 32px}.hero-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s , box-shadow .2s , background .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--grad-1);color:#fff;box-shadow:0 14px 40px -14px rgba(124,92,255,.7)}.btn-primary:hover{box-shadow:0 20px 50px -14px rgba(124,92,255,.9);text-decoration:none}.btn-ghost{background:rgba(255,255,255,.04);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:rgba(255,255,255,.08);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px;backdrop-filter:blur(20px);box-shadow:var(--shadow)}.card h2{margin:0 0 4px;font-size:24px;font-weight:700;letter-spacing:-.01em}.card h3{margin:0 0 16px;font-size:18px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.builder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mode-toggle{display:inline-flex;padding:4px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px}.mode-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;border-radius:7px;transition:all .2s}.mode-btn.active{background:var(--grad-1);color:#fff;box-shadow:0 4px 14px -4px rgba(124,92,255,.6)}.cron-display{display:grid;grid-template-columns:1fr;gap:20px}.cron-fields{display:flex;align-items:stretch;gap:0;background:rgba(0,0,0,.3);border:1px solid var(--border-strong);border-radius:var(--radius);padding:8px}.cron-field{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:10px;transition:background .2s}.cron-field:hover{background:rgba(255,255,255,.04)}.cron-field label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:600;margin-bottom:8px}.cron-field input{background:transparent;border:none;outline:none;color:var(--text);font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;text-align:center;width:100%;max-width:110px;border-bottom:2px solid var(--border-strong);padding:4px 0;transition:border-color .2s}.cron-field input:focus{border-color:var(--accent)}.cron-field .hint{font-size:11px;color:var(--muted);margin-top:8px}.cron-sep{display:flex;align-items:center;color:var(--muted);font-size:18px;padding:0 4px}.cron-output{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(0,225,255,.08));border:1px solid rgba(124,92,255,.3);border-radius:var(--radius);padding:18px 22px}.cron-string{flex:1;font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:var(--text);letter-spacing:.05em;word-break:break-all}.copy-btn{background:rgba(255,255,255,.06);border:1px solid var(--border-strong);color:var(--text);width:40px;height:40px;border-radius:10px;cursor:pointer;display:grid;place-items:center;transition:all .2s}.copy-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.copy-btn svg{width:18px;height:18px}.copy-btn.small{width:34px;height:34px}.copy-btn.small svg{width:15px;height:15px}.readable-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:16px;flex-wrap:wrap}.readable{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(0,225,255,.06);border:1px solid rgba(0,225,255,.2);border-radius:12px;font-size:15px;font-weight:500;flex:1;min-width:280px}.readable-icon{font-size:18px}.status{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600}.status.valid{background:rgba(46,230,168,.1);color:var(--success);border:1px solid rgba(46,230,168,.3)}.status.invalid{background:rgba(255,84,112,.1);color:var(--danger);border:1px solid rgba(255,84,112,.3)}.dot-status{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-bottom:32px}.grid-2>.card{margin-bottom:0}.side-col{display:flex;flex-direction:column;gap:32px}.side-col .card{margin-bottom:0}@media (max-width:960px){.grid-2{grid-template-columns:1fr}}.builder-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.builder-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.bs-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.bs-head h4{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.quick-row{display:flex;gap:6px;flex-wrap:wrap}.quick-row button{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.quick-row button:hover{background:rgba(124,92,255,.15);border-color:var(--accent);color:var(--text)}.grid-buttons{display:grid;gap:6px}.grid-minutes{grid-template-columns:repeat(15,1fr)}.grid-hours{grid-template-columns:repeat(12,1fr)}.grid-dom{grid-template-columns:repeat(16,1fr)}.grid-month{grid-template-columns:repeat(6,1fr)}.grid-dow{grid-template-columns:repeat(7,1fr)}.grid-buttons button{background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text-dim);padding:8px 4px;border-radius:6px;font-size:11px;font-weight:600;font-family:'JetBrains Mono',monospace;cursor:pointer;transition:all .15s}.grid-buttons button:hover{background:rgba(124,92,255,.15);color:var(--text)}.grid-buttons button.active{background:var(--grad-1);border-color:transparent;color:#fff;box-shadow:0 4px 12px -4px rgba(124,92,255,.6)}.grid-dow button,.grid-month button{padding:12px 4px;font-size:12px}@media (max-width:600px){.grid-minutes{grid-template-columns:repeat(10,1fr)}.grid-hours{grid-template-columns:repeat(8,1fr)}.grid-dom{grid-template-columns:repeat(8,1fr)}.grid-dow{grid-template-columns:repeat(7,1fr)}}.next-list{list-style:none;margin:0;padding:0}.next-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;font-family:'JetBrains Mono',monospace;font-size:13px}.next-list li::before{content:'';width:6px;height:6px;background:var(--accent-2);border-radius:50%;box-shadow:0 0 10px var(--accent-2)}.next-list li.empty{justify-content:center;color:var(--muted);font-style:italic;font-family:inherit}.next-list li.empty::before{display:none}.command-card #cmdInput{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--border-strong);color:var(--text);font-family:'JetBrains Mono',monospace;font-size:14px;padding:12px 14px;border-radius:10px;margin:12px 0;outline:none}.command-card #cmdInput:focus{border-color:var(--accent)}.command-out{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:16px}.command-out code{flex:1;font-size:13px;word-break:break-all;color:var(--accent-2)}.advanced-opts summary{cursor:pointer;color:var(--text-dim);font-size:13px;padding:8px 0;user-select:none}.advanced-opts summary:hover{color:var(--text)}.opt-grid{display:grid;gap:10px;margin-top:12px;padding:14px;background:rgba(0,0,0,.2);border-radius:10px}.opt-grid label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim);cursor:pointer}.opt-grid input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent)}.opt-grid code{font-size:12px;color:var(--accent-2);background:rgba(0,225,255,.06);padding:1px 6px;border-radius:4px}.section-head{margin-bottom:24px}.section-head h2{margin:0 0 4px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.preset{text-align:left;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:14px;padding:16px 18px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.preset::before{content:'';position:absolute;inset:0;background:var(--grad-1);opacity:0;transition:opacity .2s;z-index:0}.preset:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 30px -10px rgba(124,92,255,.4)}.preset>*{position:relative;z-index:1}.preset .preset-emoji{font-size:22px;margin-bottom:8px;display:block}.preset .preset-label{font-weight:700;font-size:14px;margin-bottom:4px;color:var(--text)}.preset .preset-cron{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--accent-2)}.example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.example{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:14px;padding:18px;transition:all .2s;cursor:pointer}.example:hover{border-color:var(--accent);transform:translateY(-2px)}.example h5{margin:0 0 8px;font-size:15px;font-weight:700}.example .ex-cron{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--accent-2);background:rgba(0,225,255,.06);padding:8px 10px;border-radius:6px;margin:10px 0;word-break:break-all}.example .ex-desc{font-size:13px;color:var(--text-dim);margin:0}.cheat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.cheat-block{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:14px;padding:20px}.cheat-block h4{margin:0 0 14px;font-size:14px;font-weight:700;color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em}.ascii{font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.5;color:var(--text-dim);margin:0;white-space:pre}.cheat-table{width:100%;border-collapse:collapse;font-size:13px}.cheat-table td{padding:8px 0;border-bottom:1px solid var(--border)}.cheat-table tr:last-child td{border-bottom:none}.cheat-table td:first-child{font-family:'JetBrains Mono',monospace;color:var(--accent-2);width:40%}.cheat-table code{font-size:12px;background:rgba(0,225,255,.06);padding:1px 6px;border-radius:4px;color:var(--accent-2)}.cheat-table td:last-child{color:var(--text-dim)}.tips h2{margin-bottom:24px}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.tip{display:flex;gap:14px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:14px;padding:18px}.tip-num{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}.tip h5{margin:0 0 4px;font-size:14px;font-weight:700}.tip p{margin:0;font-size:13px;color:var(--text-dim)}.tip code{font-size:11px;background:rgba(0,225,255,.08);padding:1px 5px;border-radius:4px;color:var(--accent-2)}.site-footer{border-top:1px solid var(--border);margin-top:60px;padding:40px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-links{display:flex;gap:24px;flex-wrap:wrap}.foot-links a{color:var(--text-dim);font-size:14px}.foot-links a:hover{color:var(--text)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--grad-1);color:#fff;padding:14px 24px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:0 20px 50px -10px rgba(124,92,255,.6);opacity:0;pointer-events:none;transition:all .3s;z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:720px){.nav{display:none}.cron-fields{flex-wrap:wrap;gap:4px}.cron-field{min-width:80px}.cron-sep{display:none}.cron-string{font-size:16px}.card{padding:20px}.hero{padding:50px 0 30px}}