*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface2: #22263a;--color-border: #2e3250;--color-accent: #7c6fff;--color-accent-dim: #4e47c4;--color-text: #e4e6f1;--color-text-muted: #8890b0;--color-valid: #4ade80;--color-invalid: #f87171;--color-code: #c4b5fd;--radius: 8px;--font-mono: "Fira Mono", "Cascadia Code", "Menlo", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.6}body{min-height:100vh;display:flex;flex-direction:column}.site-header{border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem;display:flex;align-items:baseline;gap:.75rem}.site-header__logo{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--color-accent);letter-spacing:-.03em}.site-header__tagline{color:var(--color-text-muted);font-size:.875rem}.site-main{flex:1;max-width:860px;width:100%;margin:0 auto;padding:2rem 1.5rem}.site-footer{border-top:1px solid var(--color-border);padding:1rem 1.5rem;text-align:center;color:var(--color-text-muted);font-size:.8rem}.cron-app{display:flex;flex-direction:column;gap:1.5rem}.format-selector{display:flex;gap:.5rem;flex-wrap:wrap}.tab{padding:.5rem 1.25rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tab:hover{background:var(--color-surface2);color:var(--color-text)}.tab--active{background:var(--color-accent-dim);border-color:var(--color-accent);color:#fff}.cron-input-wrap{position:relative}.cron-input{width:100%;padding:.875rem 1.125rem;font-family:var(--font-mono);font-size:1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);outline:none;transition:border-color .2s}.cron-input::placeholder{color:var(--color-text-muted);opacity:.6}.cron-input:focus{border-color:var(--color-accent)}.cron-input--valid{border-color:var(--color-valid)}.cron-input--invalid{border-color:var(--color-invalid)}.builder-bar{display:flex;gap:.5rem;flex-wrap:wrap}.field-pill{display:inline-block}.field-pill__btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .75rem;background:var(--color-surface2);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit;min-width:60px}.field-pill__btn:hover{border-color:var(--color-accent);background:var(--color-surface)}.field-pill--active .field-pill__btn{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.field-pill__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.field-pill__value{font-family:var(--font-mono);font-size:.875rem;color:var(--color-code)}.field-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 24px #0006;min-width:160px;overflow:hidden;display:flex;flex-direction:column}.field-dropdown__item{display:flex;align-items:baseline;gap:.625rem;padding:.375rem .75rem;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background .1s;font-family:inherit}.field-dropdown__item:hover{background:var(--color-surface2)}.field-dropdown__item-value{font-family:var(--font-mono);font-size:.875rem;color:var(--color-code);min-width:3rem}.field-dropdown__item-label{font-size:.8rem;color:var(--color-text-muted)}.field-dropdown__item--wildcard .field-dropdown__item-value{font-weight:700;color:var(--color-accent)}.human-readable{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius);padding:.875rem 1.125rem}.human-readable__text{font-size:1.1rem;font-style:italic;color:var(--color-text)}.error-message{color:var(--color-invalid);font-family:var(--font-mono);font-size:.875rem;padding:.5rem 0}.field-breakdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem}.fields-grid{display:flex;gap:.75rem;flex-wrap:wrap}.field-cell{flex:1 1 80px;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--color-surface2);border:1px solid var(--color-border);border-radius:var(--radius);padding:.625rem .75rem;text-align:center;min-width:80px}.field-value{font-family:var(--font-mono);font-size:1.25rem;color:var(--color-code);font-weight:600}.field-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.field-desc{font-size:.7rem;color:var(--color-text-muted);margin-top:.125rem}.next-runs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem}.next-runs__title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.75rem}.next-runs__list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.next-runs__item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--color-surface2);border-radius:calc(var(--radius) - 2px)}.next-runs__index{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);min-width:1rem;text-align:right}.next-runs__time{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text)}.format-reference{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.format-reference__title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:1rem}.ref-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:1.25rem}.ref-table th{text-align:left;padding:.375rem .625rem;color:var(--color-text-muted);font-weight:600;border-bottom:1px solid var(--color-border);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.ref-table td{padding:.375rem .625rem;border-bottom:1px solid var(--color-border);vertical-align:top}.ref-table tbody tr:last-child td{border-bottom:none}.ref-table__field{font-weight:600;color:var(--color-text)}.ref-table__range,.ref-table__names{font-family:var(--font-mono);font-size:.8rem;color:var(--color-code)}.ref-table__chars{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.format-reference__examples h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.625rem}.example-list{list-style:none;display:flex;flex-direction:column;gap:.375rem}.example-item{display:flex;align-items:baseline;gap:1rem;padding:.375rem .5rem;border-radius:calc(var(--radius) - 2px);transition:background .12s}.example-item:hover{background:var(--color-surface2)}.example-item__expr{font-family:var(--font-mono);font-size:.875rem;color:var(--color-code);white-space:nowrap;min-width:160px}.example-item__desc{font-size:.875rem;color:var(--color-text-muted)}.ad-slot{min-height:90px;background:var(--color-surface2);border:1px dashed var(--color-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}@media(max-width:600px){.cron-input{font-size:1.125rem}.fields-grid{gap:.5rem}.field-cell{flex:1 1 60px;min-width:60px}.example-item__expr{min-width:120px}.site-header{flex-direction:column;gap:.25rem}}