*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #06b6d4;--accent-hover: #22d3ee;--success: #10b981;--warning: #f59e0b;--error: #ef4444}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}.back{display:inline-block;color:var(--text-muted);text-decoration:none;margin-bottom:1rem;font-size:.9rem;transition:color .2s}.back:hover{color:var(--accent)}h1{margin:0 0 .5rem;font-size:2rem}.subtitle{color:var(--text-muted);margin:0}.input-section{background:var(--surface);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.input-section label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}input[type=text]{width:100%;padding:.875rem 1rem;font-size:1.25rem;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);letter-spacing:.05em}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #06b6d433}.field-hints{display:flex;justify-content:space-around;margin:.75rem 0 1rem;padding:0 1rem}.field-hints span{font-size:.75rem;color:var(--text-muted);text-align:center;flex:1}.primary-btn{width:100%;padding:.875rem;font-size:1rem;font-weight:600;background:var(--accent);color:var(--bg);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.primary-btn:hover{background:var(--accent-hover)}.results{display:grid;gap:1rem}.result-card{background:var(--surface);padding:1.25rem;border-radius:12px}.result-card h3{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.highlight-text{font-size:1.25rem;font-weight:600;color:var(--accent);margin:0}.highlight-text.error{color:var(--error)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.field-item{display:flex;flex-direction:column;background:var(--bg);padding:.75rem;border-radius:8px}.field-name{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.field-value{font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.next-runs-list{list-style:none;padding:0;margin:0}.next-runs-list li{padding:.5rem 0;border-bottom:1px solid var(--border);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem}.next-runs-list li:last-child{border-bottom:none}.examples-section{margin-top:2rem}.examples-section h3{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.examples-grid{display:flex;flex-wrap:wrap;gap:.5rem}.example-btn{padding:.5rem 1rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.example-btn:hover{background:var(--surface-hover);border-color:var(--accent)}footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.footer-credit{margin-top:.5rem;font-size:.8rem}