.crn-wrapper{--crn-bg-primary:#0a0f1e;--crn-bg-secondary:#111827;--crn-bg-card:#1a2236;--crn-bg-input:#0d1424;--crn-border:#2a3a5c;--crn-border-focus:#3b82f6;--crn-text-primary:#e2e8f0;--crn-text-secondary:#94a3b8;--crn-text-muted:#64748b;--crn-accent-blue:#3b82f6;--crn-accent-cyan:#22d3ee;--crn-accent-green:#10b981;--crn-accent-amber:#f59e0b;--crn-accent-red:#ef4444;--crn-accent-purple:#a78bfa;--crn-font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;--crn-font-sans:'Segoe UI', system-ui, -apple-system, sans-serif;--crn-radius:8px;font-family:var(--crn-font-sans);color:var(--crn-text-primary);background:var(--crn-bg-primary);line-height:1.6;max-width:960px;margin:0 auto;padding:2rem 1.5rem;box-sizing:border-box}.crn-wrapper *,.crn-wrapper *::before,.crn-wrapper *::after{box-sizing:border-box}.crn-hidden{display:none!important}.crn-header{text-align:center;margin-bottom:2rem}.crn-title{font-size:1.85rem;font-weight:700;color:var(--crn-text-primary);letter-spacing:-.02em;line-height:1.2;margin:0 0 .5rem}.crn-subtitle{color:var(--crn-text-secondary);font-size:.95rem;margin:0}.crn-tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--crn-border);margin-bottom:1.75rem}.crn-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.6rem;background:#fff0;border:1px solid #fff0;border-bottom:none;border-radius:6px 6px 0 0;margin-bottom:-1px;color:var(--crn-text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:color 0.2s,background 0.2s,border-color 0.2s}.crn-tab:hover{color:var(--crn-text-primary);background:var(--crn-bg-secondary)}.crn-tab--active{color:var(--crn-accent-blue);border-color:var(--crn-border);border-bottom-color:var(--crn-bg-primary);background:var(--crn-bg-primary)}.crn-tab-icon{font-size:.9rem}.crn-panel{display:none}.crn-panel--active{display:block}.crn-section{margin-bottom:1.5rem}.crn-section-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--crn-text-muted);margin-bottom:.6rem}.crn-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--crn-text-secondary);margin-bottom:.4rem}.crn-expr-wrap{display:flex;gap:.5rem;align-items:stretch}.crn-expr-input{flex:1;padding:.75rem 1rem;background:var(--crn-bg-input);border:1px solid var(--crn-border);border-radius:var(--crn-radius);color:var(--crn-accent-cyan);font-family:var(--crn-font-mono);font-size:1.15rem;letter-spacing:.1em;outline:none;transition:border-color 0.2s,box-shadow 0.2s;min-width:0}.crn-expr-input:focus{border-color:var(--crn-border-focus);box-shadow:0 0 0 3px rgb(59 130 246 / .15)}.crn-expr-input::placeholder{color:var(--crn-text-muted);opacity:.7}.crn-field-pos{display:flex;margin-top:.35rem;gap:2px}.crn-fp{flex:1;text-align:center;font-size:.7rem;line-height:1.25;padding:.25rem .15rem;border-radius:4px;color:var(--crn-text-muted);background:rgb(255 255 255 / .02);border:1px solid rgb(42 58 92 / .5);min-height:2rem;max-height:2rem}.crn-fp small{display:block;font-size:.6rem;color:var(--crn-text-muted);opacity:.7}.crn-fp--min{color:var(--crn-accent-cyan);border-color:rgb(34 211 238 / .2)}.crn-fp--hour{color:var(--crn-accent-green);border-color:rgb(16 185 129 / .2)}.crn-fp--dom{color:var(--crn-accent-amber);border-color:rgb(245 158 11 / .2)}.crn-fp--mon{color:var(--crn-accent-purple);border-color:rgb(167 139 250 / .2)}.crn-fp--dow{color:var(--crn-accent-red);border-color:rgb(239 68 68 / .2)}.crn-error-msg{display:none;margin-top:.5rem;padding:.45rem .85rem;color:var(--crn-accent-red);font-size:.85rem;background:rgb(239 68 68 / .08);border-left:3px solid var(--crn-accent-red);border-radius:0 5px 5px 0}.crn-error-msg.crn-visible{display:block}.crn-examples-grid{display:flex;flex-wrap:wrap;gap:.45rem}.crn-example-btn{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .8rem;background:var(--crn-bg-card);border:1px solid var(--crn-border);border-radius:6px;cursor:pointer;font-family:inherit;text-align:left;transition:background 0.15s,border-color 0.15s,transform 0.1s}.crn-example-btn:hover{background:var(--crn-bg-secondary);border-color:var(--crn-accent-blue);transform:translateY(-1px)}.crn-ex-label{font-size:.73rem;font-weight:600;color:var(--crn-text-secondary)}.crn-ex-expr{font-family:var(--crn-font-mono);font-size:.78rem;color:var(--crn-accent-cyan)}.crn-parse-results{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.crn-result-card{background:var(--crn-bg-card);border:1px solid var(--crn-border);border-radius:var(--crn-radius);overflow:hidden}.crn-result-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--crn-bg-secondary);border-bottom:1px solid var(--crn-border);font-size:.82rem;font-weight:600;color:var(--crn-text-secondary);gap:.5rem}.crn-description{padding:.85rem 1rem .5rem;font-size:1rem;font-weight:500;color:var(--crn-text-primary);line-height:1.5;margin:0}.crn-field-breakdown{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 1rem .85rem}.crn-bd-pill{display:inline-flex;align-items:stretch;border:1px solid var(--crn-border);border-radius:4px;overflow:hidden;font-size:.75rem}.crn-bd-label{padding:.2rem .45rem;background:var(--crn-bg-secondary);color:var(--crn-text-muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center}.crn-bd-value{padding:.2rem .55rem;font-family:var(--crn-font-mono);font-size:.8rem;color:var(--crn-accent-cyan);background:var(--crn-bg-input);display:flex;align-items:center}.crn-dates-list{padding:.25rem 0}.crn-date-item{display:flex;align-items:center;gap:.75rem;padding:.42rem 1rem;border-bottom:1px solid rgb(42 58 92 / .4)}.crn-date-item:last-child{border-bottom:none}.crn-date-num{width:1.3rem;text-align:right;color:var(--crn-text-muted);font-size:.7rem;flex-shrink:0}.crn-date-str{font-family:var(--crn-font-mono);font-size:.84rem;color:var(--crn-text-primary);letter-spacing:.02em}.crn-no-dates{padding:1rem;text-align:center;color:var(--crn-text-muted);font-size:.85rem}.crn-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.1rem;background:var(--crn-accent-blue);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background 0.2s,transform 0.1s;min-height:38px}.crn-btn:hover{background:#2563eb}.crn-btn:active{transform:scale(.97)}.crn-btn--secondary{background:#fff0;border:1px solid var(--crn-border);color:var(--crn-text-secondary)}.crn-btn--secondary:hover{background:var(--crn-bg-secondary);color:var(--crn-text-primary);border-color:var(--crn-accent-blue)}.crn-btn--ghost{background:#fff0;border:1px solid #fff0;color:var(--crn-text-muted)}.crn-btn--ghost:hover{background:var(--crn-bg-secondary);color:var(--crn-text-secondary)}.crn-btn--icon{padding:0;width:42px;min-height:42px;justify-content:center;background:#fff0;border:1px solid var(--crn-border);color:var(--crn-text-muted);border-radius:var(--crn-radius);flex-shrink:0;font-size:1rem}.crn-btn--icon:hover{background:rgb(239 68 68 / .08);border-color:var(--crn-accent-red);color:var(--crn-accent-red)}.crn-btn--sm{padding:.3rem .7rem;font-size:.78rem;min-height:30px}.crn-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:.75rem;margin-bottom:1.5rem}.crn-field-card{background:var(--crn-bg-card);border:1px solid var(--crn-border);border-radius:var(--crn-radius);display:flex;flex-direction:column;overflow:hidden}.crn-card-header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.5rem .75rem;background:var(--crn-bg-secondary);border-bottom:1px solid var(--crn-border)}.crn-card-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--crn-text-secondary);flex:1}.crn-card-range{font-size:.65rem;color:var(--crn-text-muted)}.crn-card-val{font-family:var(--crn-font-mono);font-size:.82rem;color:var(--crn-accent-green);background:var(--crn-bg-input);border:1px solid var(--crn-border);border-radius:4px;padding:.15rem .45rem;min-width:2.2rem;text-align:center}.crn-type-tabs{display:flex;border-bottom:1px solid var(--crn-border)}.crn-type-tab{flex:1;padding:.38rem .15rem;background:#fff0;border:none;border-right:1px solid var(--crn-border);color:var(--crn-text-muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;font-family:inherit;transition:background 0.15s,color 0.15s}.crn-type-tab:last-child{border-right:none}.crn-type-tab:hover{background:var(--crn-bg-secondary);color:var(--crn-text-primary)}.crn-type-tab--active{background:rgb(59 130 246 / .12);color:var(--crn-accent-blue)}.crn-card-body{padding:.7rem;flex:1}.crn-every-msg{font-size:.82rem;color:var(--crn-text-secondary);line-height:1.45}.crn-step-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.crn-step-label{font-size:.78rem;color:var(--crn-text-secondary);white-space:nowrap}.crn-step-input{width:58px;padding:.32rem .45rem;background:var(--crn-bg-input);border:1px solid var(--crn-border);border-radius:5px;color:var(--crn-accent-cyan);font-family:var(--crn-font-mono);font-size:.875rem;text-align:center;outline:none;transition:border-color 0.2s}.crn-step-input:focus{border-color:var(--crn-border-focus)}.crn-pick-grid{display:grid;gap:3px}.crn-pick-grid--min{grid-template-columns:repeat(10,1fr)}.crn-pick-grid--hour{grid-template-columns:repeat(6,1fr)}.crn-pick-grid--dom{grid-template-columns:repeat(7,1fr)}.crn-pick-grid--mon{grid-template-columns:repeat(3,1fr)}.crn-pick-grid--dow{grid-template-columns:repeat(7,1fr)}.crn-pick-btn{padding:.25rem .05rem;min-height:26px;background:var(--crn-bg-input);border:1px solid var(--crn-border);border-radius:3px;color:var(--crn-text-secondary);font-size:.68rem;font-family:var(--crn-font-mono);cursor:pointer;transition:background 0.12s,color 0.12s,border-color 0.12s;text-align:center;line-height:1}.crn-pick-btn:hover{background:var(--crn-bg-secondary);color:var(--crn-text-primary);border-color:var(--crn-accent-blue)}.crn-pick-btn--on{background:rgb(59 130 246 / .22);border-color:var(--crn-accent-blue);color:var(--crn-accent-blue);font-weight:700}.crn-date-item--none{color:var(--crn-text-muted);font-size:.8rem;padding:.75rem 1rem;font-style:italic}.crn-pick-summary{margin-top:.5rem;padding:.3rem .5rem;background:var(--crn-bg-input);border:1px solid var(--crn-border);border-radius:4px;font-family:var(--crn-font-mono);font-size:.7rem;color:var(--crn-accent-cyan);word-break:break-all;line-height:1.4}.crn-range-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.crn-range-label{font-size:.78rem;color:var(--crn-text-secondary);white-space:nowrap;min-width:30px}.crn-range-input{width:64px;padding:.32rem .45rem;background:var(--crn-bg-input);border:1px solid var(--crn-border);border-radius:5px;color:var(--crn-accent-cyan);font-family:var(--crn-font-mono);font-size:.875rem;text-align:center;outline:none;transition:border-color 0.2s}.crn-range-input:focus{border-color:var(--crn-border-focus)}.crn-range-sep{color:var(--crn-text-muted);font-size:1rem}.crn-build-output{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.crn-output-card{background:var(--crn-bg-card);border:1px solid var(--crn-border);border-radius:var(--crn-radius);padding:1rem 1.1rem}.crn-output-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--crn-text-muted);margin-bottom:.55rem}.crn-output-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:.65rem}.crn-output-expr{font-family:var(--crn-font-mono);font-size:1.55rem;color:var(--crn-accent-green);letter-spacing:.12em;word-break:break-all;line-height:1.2}.crn-output-actions{display:flex;gap:.4rem;flex-wrap:wrap}.crn-build-desc{font-size:.875rem;color:var(--crn-text-secondary);line-height:1.5;min-height:1.4em}.crn-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--crn-accent-green);color:#fff;padding:.6rem 1.3rem;border-radius:6px;font-size:.875rem;font-weight:600;opacity:0;pointer-events:none;z-index:10000;transition:transform 0.3s ease,opacity 0.3s ease}.crn-toast.crn-show{transform:translateX(-50%) translateY(0);opacity:1}.crn-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--crn-border);text-align:center;font-size:.8rem;color:var(--crn-text-muted)}.crn-footer a{color:var(--crn-accent-blue);text-decoration:none}.crn-footer a:hover{text-decoration:underline}@media (max-width:768px){.crn-wrapper{padding:1.5rem 1rem}.crn-parse-results{grid-template-columns:1fr}.crn-build-output{grid-template-columns:1fr}.crn-fields-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.crn-pick-grid--min{grid-template-columns:repeat(8,1fr)}}@media (max-width:640px){.crn-wrapper{padding:1rem .75rem}.crn-title{font-size:1.35rem}.crn-tab{padding:.5rem 1rem;font-size:.875rem}.crn-field-pos{gap:1px}.crn-fp{font-size:.62rem;padding:.2rem .1rem}.crn-fields-grid{grid-template-columns:repeat(2,1fr)}.crn-pick-grid--min{grid-template-columns:repeat(6,1fr)}.crn-pick-grid--hour{grid-template-columns:repeat(6,1fr)}.crn-pick-grid--dom{grid-template-columns:repeat(7,1fr)}.crn-pick-grid--mon{grid-template-columns:repeat(3,1fr)}.crn-pick-grid--dow{grid-template-columns:repeat(7,1fr)}.crn-output-expr{font-size:1.2rem}.crn-output-row{flex-direction:column;align-items:flex-start}.crn-result-header{flex-direction:column;align-items:flex-start;gap:.4rem}}@media (max-width:400px){.crn-fields-grid{grid-template-columns:1fr}.crn-pick-grid--min{grid-template-columns:repeat(5,1fr)}.crn-btn{min-height:44px}.crn-output-actions{width:100%}.crn-output-actions .crn-btn{flex:1;justify-content:center}}