:root{color-scheme:dark;--bg:#081115;--bg-texture:radial-gradient(circle at 18% 12%,rgba(39,177,212,.18),transparent 32%),radial-gradient(circle at 80% 4%,rgba(90,208,64,.14),transparent 28%),linear-gradient(135deg,#081115,#10171f 48%,#111412);--panel:rgba(255,255,255,.08);--panel-strong:rgba(255,255,255,.12);--border:rgba(255,255,255,.14);--text:#f4f8fb;--muted:#aebbc4;--soft:#d8e6ec;--cyan:#26b1d4;--green:#59d040;--orange:#ff953f;--yellow:#ffcc66;--red:#ff5b5b;--shadow:0 18px 60px rgba(0,0,0,.32);--radius:8px}body.light{color-scheme:light;--bg:#f5f8fb;--bg-texture:radial-gradient(circle at 18% 12%,rgba(38,177,212,.14),transparent 32%),radial-gradient(circle at 80% 4%,rgba(89,208,64,.12),transparent 28%),linear-gradient(135deg,#f5f8fb,#edf3f7 48%,#f7f8f2);--panel:rgba(255,255,255,.78);--panel-strong:rgba(255,255,255,.95);--border:rgba(20,40,50,.14);--text:#10202a;--muted:#637380;--soft:#263743;--shadow:0 18px 50px rgba(35,55,70,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);background-image:var(--bg-texture)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{width:min(1440px,100%);margin:0 auto;padding:18px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(8,17,21,.82);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.light .topbar{background:rgba(255,255,255,.82)}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;color:#061015;background:linear-gradient(135deg,var(--cyan),var(--green));box-shadow:0 8px 28px rgba(38,177,212,.25)}.brand small,.brand strong{display:block}.brand strong{font-size:16px}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.nav-links{display:flex;justify-content:center;gap:6px}.nav-links a{min-width:88px;padding:10px 12px;border-radius:6px;color:var(--soft);text-align:center;font-size:14px}.nav-links a:hover{background:var(--panel-strong)}.ai-row,.command-row,.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.primary-btn,.secondary-btn,.text-btn{border:0;border-radius:7px;white-space:nowrap}.icon-btn{display:grid;width:42px;height:42px;place-items:center;color:var(--text);background:var(--panel-strong)}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700}.primary-btn{background:linear-gradient(135deg,var(--green),var(--cyan))}.primary-btn,.primary-btn i,.primary-btn span{color:#071115}.secondary-btn{color:var(--text);border:1px solid var(--border);background:var(--panel)}.text-btn{padding:6px 8px;color:var(--cyan);background:transparent;font-weight:700}main{padding-top:18px}.advanced-layout,.preview-layout,.workbench,main{display:grid;grid-gap:18px;gap:18px}.workbench{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.advanced-layout,.preview-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.api-panel,.builder-zone,.debug-panel,.input-zone,.preview-panel,.templates-section,.timeline-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.timeline-panel{min-width:0;overflow:hidden}.api-panel,.builder-zone,.debug-panel,.input-zone,.preview-panel,.templates-section,.timeline-panel{padding:18px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-heading strong{color:var(--soft);font-size:clamp(15px,2vw,19px);text-align:right}.cron-input-wrap{display:block;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.18)}body.light .cron-input-wrap{background:rgba(255,255,255,.72)}.ai-panel label,.control-block label,.explanation-panel span,.input-label,.timezone-row label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.cron-input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-family:JetBrains Mono,monospace;font-size:clamp(31px,5.5vw,68px);font-weight:700;letter-spacing:0}.debug-grid,.field-strip{display:grid;grid-gap:10px;gap:10px}.field-strip{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px}.calendar-day,.debug-item,.field-chip,.run-list li,.template-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong)}.field-chip{display:block;min-height:74px;padding:10px;color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.field-chip:focus-visible,.field-chip:hover{transform:translateY(-1px);border-color:rgba(38,177,212,.7);background:rgba(38,177,212,.14);outline:0}.field-chip span,.field-chip strong{display:block}.field-chip strong{overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:19px}.field-chip span{margin-top:6px;color:var(--muted);font-size:12px}.field-chip.invalid{border-color:rgba(255,91,91,.75);background:rgba(255,91,91,.12)}.status-line{display:flex;align-items:center;gap:9px;margin:14px 0;min-height:38px;color:var(--green);font-weight:800}.status-line.invalid{color:var(--red)}.explanation-panel{min-height:112px;padding:16px;border:1px solid rgba(38,177,212,.35);border-radius:var(--radius);background:linear-gradient(135deg,rgba(38,177,212,.18),rgba(89,208,64,.12))}.explanation-panel strong{display:block;color:var(--text);font-size:clamp(24px,4vw,42px);line-height:1.12}.command-row{flex-wrap:wrap;margin-top:16px}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ai-panel,.control-block,.timezone-row,.weekday-panel{padding:13px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.12)}body.light .ai-panel,body.light .control-block,body.light .timezone-row,body.light .weekday-panel{background:rgba(255,255,255,.58)}.ai-panel input,.timezone-row select,input[type=number],select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:6px;outline:0;color:var(--text);background:rgba(0,0,0,.22);padding:0 12px}input[type=number]:disabled{opacity:.48;cursor:not-allowed;color:var(--muted);background:rgba(0,0,0,.12)}body.light .ai-panel input,body.light .timezone-row select,body.light input[type=number],body.light select{background:rgba(255,255,255,.9)}body.light input[type=number]:disabled{background:rgba(220,228,234,.72)}.control-block input{margin-top:8px}.ai-panel,.weekday-panel{margin-top:12px}.panel-title,.timezone-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title span{color:var(--soft);font-weight:800}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.weekday{min-height:42px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--panel);font-weight:600}.weekday.active{color:#061015;border-color:transparent;background:var(--yellow)}.ai-row{align-items:stretch}.ai-row input{flex:1 1}.ai-panel p{margin:10px 0 0;color:var(--muted);font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px}.template-card{min-height:108px;padding:12px;color:var(--text);text-align:left}.template-card:hover{transform:translateY(-2px);border-color:rgba(38,177,212,.6)}.template-card code,.template-card span,.template-card strong{display:block}.template-card strong{font-size:14px}.template-card code{margin:12px 0 8px;color:var(--green);font-family:JetBrains Mono,monospace;overflow-wrap:anywhere}.template-card span{color:var(--muted);font-size:12px}.timezone-row{margin-bottom:12px}.timezone-row label{margin:0}.timezone-row select{max-width:260px}.run-list{display:grid;grid-gap:9px;gap:9px;margin:0;padding:0;list-style:none}.run-list li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:12px;gap:12px;min-height:54px;padding:10px}.run-list b{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;color:#061015;background:var(--cyan);font-size:13px}.run-list span{color:var(--muted);font-size:13px}.run-list time{font-weight:600}.timeline-track{grid-template-columns:repeat(10,minmax(0,1fr));min-height:114px;padding:18px 0;max-width:100%}.timeline-dot,.timeline-track{position:relative;display:grid;grid-gap:8px;gap:8px}.timeline-dot{align-content:center;justify-items:center;min-width:0}.timeline-dot:before{content:"";width:18px;height:18px;border:4px solid rgba(38,177,212,.28);border-radius:50%;background:var(--cyan)}.timeline-dot small{max-width:100%;color:var(--muted);font-size:11px;text-align:center;overflow-wrap:anywhere}.mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.calendar-day{display:grid;min-height:54px;place-items:center;color:var(--muted);font-weight:600}.calendar-day small,.calendar-day span{display:block}.calendar-day small{margin-top:-6px;font-size:10px;text-transform:uppercase}.calendar-day.hit{color:#071115;background:var(--green)}.debug-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.debug-item{min-height:118px;padding:12px}.debug-item code,.debug-item span,.debug-item strong{display:block}.debug-item code{margin:10px 0;color:var(--yellow);font-family:JetBrains Mono,monospace;overflow-wrap:anywhere}.debug-item span{color:var(--muted);font-size:12px;line-height:1.45}.debug-item.invalid{border-color:rgba(255,91,91,.72)}.api-panel pre{margin:0;overflow:auto;border-radius:var(--radius);background:rgba(0,0,0,.32);padding:16px}.api-panel code{color:var(--soft);font-family:JetBrains Mono,monospace;font-size:13px}.toast{position:fixed;right:18px;bottom:18px;z-index:30;transform:translateY(24px);opacity:0;padding:12px 14px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--panel-strong);box-shadow:var(--shadow);transition:transform .2s ease,opacity .2s ease}.toast.show{transform:translateY(0);opacity:1}.seo-page{width:min(980px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}.seo-content,.seo-hero{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.seo-hero{padding:clamp(14px,5vw,32px)}.seo-brand,.seo-kicker{color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seo-brand{display:inline-block;margin-bottom:28px}.back-home-brand{display:inline-grid;gap:8px;margin-bottom:28px;color:var(--text)}.inner-hero-top{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:clamp(24px,5vw,56px);gap:clamp(24px,5vw,56px);align-items:start}.inner-hero-top .back-home-brand{margin-bottom:0}.inner-hero-copy{min-width:0}.inner-hero-copy .seo-kicker,.inner-hero-copy h1{margin-top:0}.back-home-text{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.back-home-card{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.18)}body.light .back-home-card{background:rgba(255,255,255,.7)}.back-home-card .brand-mark{width:44px;height:44px}.back-home-card small,.back-home-card strong{display:block}.back-home-card strong{color:var(--text);font-size:16px}.back-home-card small{margin-top:3px;color:var(--muted);font-size:12px}.seo-kicker{margin:0 0 10px}.seo-hero h1{margin:0;font-size:clamp(30px,8vw,50px);line-height:1}.seo-hero p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.65}.seo-expression{display:grid;grid-gap:12px;gap:12px;margin:24px 0;padding:18px;border:1px solid rgba(38,177,212,.35);border-radius:var(--radius);background:linear-gradient(135deg,rgba(38,177,212,.18),rgba(89,208,64,.12))}.seo-expression span{color:var(--soft);font-size:20px;font-weight:800}.seo-expression code{color:var(--green);font-family:JetBrains Mono,monospace;font-size:clamp(28px,6vw,56px);overflow-wrap:anywhere}.seo-expression-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.copy-expression-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;min-height:42px;border:0;border-radius:7px;color:#071115;background:linear-gradient(135deg,var(--green),var(--cyan));font-weight:800;white-space:nowrap}.seo-actions{display:flex;flex-wrap:wrap;gap:10px}.seo-content{display:grid;grid-gap:12px;gap:12px;margin-top:18px;padding:24px}.seo-content h2,.seo-content p{margin:0}.seo-content h2{color:var(--soft);font-size:22px}.seo-content p{color:var(--muted);line-height:1.7}.seo-content code{color:var(--green);font-family:JetBrains Mono,monospace}.content-page{width:min(980px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}.content-hero,.content-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.content-hero{padding:clamp(14px,5vw,42px)}@media (min-width:821px){.content-hero:has(>.back-home-brand){display:grid;grid-template-columns:240px minmax(0,1fr);grid-column-gap:clamp(24px,5vw,56px);column-gap:clamp(24px,5vw,56px);align-items:start}.content-hero:has(>.back-home-brand)>.back-home-brand{grid-column:1;grid-row:1/span 3;margin-bottom:0}.content-hero:has(>.back-home-brand)>.seo-kicker,.content-hero:has(>.back-home-brand)>h1,.content-hero:has(>.back-home-brand)>p{grid-column:2}.content-hero:has(>.back-home-brand)>.seo-kicker{margin-top:0}.content-hero:has(>.back-home-brand)>h1{margin-top:0}}.content-hero h1{margin:0;font-size:clamp(32px,8vw,56px);line-height:1}.content-hero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}.content-panel{display:grid;grid-gap:14px;gap:14px;margin-top:18px;padding:24px}.content-panel h2,.content-panel p{margin:0}.content-panel h2{color:var(--soft);font-size:22px}.content-panel h3{margin:6px 0 0;color:var(--soft);font-size:17px}.content-panel p{color:var(--muted);line-height:1.75}.content-panel a{color:var(--cyan);font-weight:800}.guide-panel pre{margin:4px 0 10px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:rgba(0,0,0,.28);padding:14px}.guide-panel code{color:var(--green);font-family:JetBrains Mono,monospace}.guide-panel ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.75}.guide-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.guide-example-grid>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong);padding:12px}.guide-example-grid strong{display:block;margin-bottom:8px;color:var(--soft)}.api-doc-table{display:grid;grid-gap:8px;gap:8px}.api-doc-table div{display:grid;grid-template-columns:160px minmax(0,1fr);grid-gap:12px;gap:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong);padding:12px}.api-doc-table strong{color:var(--soft)}.api-doc-table span{color:var(--muted)}.examples-toolbar{display:grid;grid-gap:12px;gap:12px}.examples-search{display:grid;grid-gap:8px;gap:8px}.examples-search span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.examples-search input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:var(--radius);outline:0;color:var(--text);background:rgba(0,0,0,.22);padding:0 14px}body.light .examples-search input{background:rgba(255,255,255,.9)}.examples-filters{display:flex;flex-wrap:wrap;gap:8px}.examples-filters button{min-height:38px;border:1px solid var(--border);border-radius:7px;color:var(--soft);background:var(--panel-strong);padding:0 12px;font-weight:800}.examples-filters button.active{color:#071115;border-color:transparent;background:linear-gradient(135deg,var(--green),var(--cyan))}.examples-count{color:var(--muted);font-size:13px;font-weight:800}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.example-link{display:grid;grid-gap:8px;gap:8px;min-height:82px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong)}.example-link:hover{border-color:rgba(38,177,212,.65)}.example-link span{color:var(--soft);font-weight:800;text-transform:capitalize}.example-link code{color:var(--green);font-family:JetBrains Mono,monospace;font-size:13px;overflow-wrap:anywhere}.example-detail-expression{margin:18px 0 12px}.example-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.site-footer{display:grid;grid-gap:16px;gap:16px;margin-top:18px}.faq-section,.site-footer{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.faq-grid{display:grid;grid-gap:10px;gap:10px}.section-link-row{display:flex;margin-top:14px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong);padding:14px}.faq-item summary{color:var(--soft);cursor:pointer;font-weight:600}.faq-item p{margin:10px 0 0;color:var(--muted);line-height:1.65}.site-footer p,.site-footer strong{display:block;margin:0}.site-footer strong{color:var(--soft);font-size:18px}.site-footer p{margin-top:4px;color:var(--muted);font-size:14px}.site-footer section{display:grid;grid-gap:10px;gap:10px}.footer-links{display:flex;flex-wrap:wrap;gap:8px}.footer-links a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:7px;color:var(--soft);background:var(--panel-strong);font-size:14px;font-weight:600}.footer-links a:hover{border-color:rgba(38,177,212,.65);color:var(--text)}.footer-links a.footer-feature-link{color:#071115;border-color:transparent;background:linear-gradient(135deg,var(--green),var(--cyan))}@media (max-width:1120px){.advanced-layout,.preview-layout,.workbench{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.app-shell{padding:10px}.topbar{align-items:stretch;flex-wrap:wrap}.brand{flex:1 1}.nav-links{order:3;width:100%;overflow-x:auto;justify-content:flex-start}.nav-links a{min-width:96px}.builder-grid,.debug-grid,.field-strip,.template-grid{grid-template-columns:1fr}.weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-calendar{grid-template-columns:repeat(7,minmax(32px,1fr));gap:5px}.calendar-day{min-height:38px;border-radius:6px;font-size:12px}.ai-row,.panel-title,.timezone-row{align-items:stretch;flex-direction:column}.timezone-row select{max-width:none}.timeline-track{overflow-x:auto;grid-template-columns:repeat(10,minmax(72px,1fr));min-height:92px;padding:12px 2px 16px;overscroll-behavior-inline:contain;scrollbar-width:thin}.timeline-dot:before{width:14px;height:14px;border-width:3px}.timeline-dot small{font-size:10px}.run-list li{grid-template-columns:32px 1fr}.run-list time{grid-column:2}.seo-expression-row{align-items:stretch;flex-direction:column}.copy-expression-btn{width:100%}.inner-hero-top{gap:20px}.examples-grid,.guide-example-grid,.inner-hero-top{grid-template-columns:1fr}}