body{margin:0;padding:0;background:#111;color:#f8f8f2;font-family:JetBrains Mono,monospace}h1,h2,h3,h4,h5,h6{margin:0;padding-bottom:12px}.legend{flex:1;padding:20px;display:flex}.legend-inner{display:flex;flex-direction:column;width:100%}.legend-header{display:flex;gap:16px;font-size:15px;margin-bottom:10px}.legend-link{flex:1;text-align:center;color:#ccc;background:#111;text-decoration:none;cursor:pointer;padding:7px 14px;border-radius:999px;border:1px solid #333;transition:.5s ease}.legend-link.active{background:#06a7bf;border-color:#06a7bf;color:#111;font-weight:600}.legend-link:hover:not(.active){border-color:#06a7bf;color:#06a7bf;background:transparent}.legend-link:hover:not(.active){border-color:#06a7bf;color:#06a7bf;box-shadow:0 0 8px #06a7bf55}.legend-table{width:100%;font-size:14px;margin-bottom:14px;padding:10px}.legend-table td:first-child{width:140px;color:#f8f8f2}.legend-table td{padding:4px 0;border-bottom:1px solid #222;color:#9a9a9a}.legend-presets{margin-top:auto;background:#111;border-radius:8px;padding:14px}.legend-presets-row button{padding:6px 14px;font-size:13px;background:#181818e6;color:#ccc;border:1px solid #333;border-radius:20px;cursor:pointer;transition:.5s ease;font-family:JetBrains Mono,monospace}.legend-presets-row button:hover{border-color:#06a7bf;color:#06a7bf;background:#0b1a1c;box-shadow:0 0 8px #06a7bf55}.legend-presets-row button.active{border-color:#06a7bf;color:#06a7bf;background:#062027}.legend-presets-title{font-size:13px;color:#f8f8f2;margin-bottom:6px}.legend-presets-row{display:flex;flex-wrap:wrap;gap:6px}.legend-preset-pill{padding:6px 10px;border-radius:999px;border:1px solid #444;background:#111;color:#f8f8f2;font-size:12px;cursor:pointer}.legend-preset-pill:hover{border-color:#06a7bf;background:#181818}.page{min-height:100vh;background:#111;color:#f8f8f2;padding:40px 16px 60px;box-sizing:border-box}.header{display:flex;text-align:center;margin-bottom:40px;gap:18px;justify-content:center}.header-text{display:flex;flex-direction:column}.title{align-items:center;gap:10px;font-size:40px;color:#06a7bf;font-weight:700}.title-logo{width:38px;height:38px;padding-block-start:8px}.subtitle{margin:0;color:#bbb;text-align:left}.main{max-width:960px;margin:0 auto}.sentence{text-align:center;font-size:24px;margin-bottom:10px}.sentence--error{color:#f55}.next{text-align:center;color:#999;margin-bottom:30px}.next span{color:#06a7bf;margin-right:4px}.input-card{border-radius:10px;border:2px solid #06a7bf;background:#111;box-shadow:0 0 25px #06a7bf66;margin-bottom:24px;padding:12px 22px}.input-inner{display:flex;gap:12px;align-items:center}.segments{display:flex;flex:1;height:52px}.segment{flex:1;position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid #222}.segment:last-child{border-right:none}.segment-input{width:100%;text-align:center;font-size:28px;padding:6px 0;background:transparent;border:none;color:#f8f8f2;outline:none;font-family:JetBrains Mono,monospace}.segment--active:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:4px;background:#06a7bf}.segment--active{background:#06a7bf14}.segment--invalid{box-shadow:inset 0 0 0 1px #f55}.icon-column{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 15px}.icon-btn{border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.5s ease}.icon{width:28px;height:28px;transition:.5s ease;filter:invert(58%) sepia(99%) saturate(385%) hue-rotate(152deg) brightness(92%) contrast(92%)}.icon-btn:hover .icon{filter:invert(100%) brightness(200%)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%) translateY(4px);background:#0b1a1c;color:#f8f8f2;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;border:1px solid #06a7bf88;box-shadow:0 0 10px #000;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:20}.tooltip:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:#0b1a1c transparent transparent transparent;opacity:0;transition:opacity .18s ease}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.lower-sections{display:flex;gap:20px;width:100%;margin-top:30px}.lower-sections>.builder,.lower-sections>.legend{border-radius:10px;border:1px solid #06a7bf44;background:#181818}.builder{flex:1;padding:20px;background:#111;border:1px solid #06a7bf44;border-radius:10px;display:flex}.builder-inner{display:flex;flex-direction:column;width:100%}.legend{flex:1;min-width:0}.builder-title{color:#06a7bf;font-size:18px;margin-top:0}.segment-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.segment-tab{padding:6px 14px;background:#111;color:#ccc;border:1px solid #333;border-radius:20px;cursor:pointer;transition:.5s ease;font-family:JetBrains Mono,monospace;font-size:15px}.segment-tab:hover{border-color:#06a7bf;color:#06a7bf;background:#0b1a1c;box-shadow:0 0 8px #06a7bf55}.segment-tab.active{background:#06a7bf;border-color:#06a7bf;color:#111}.segment-tab:hover:not(.active){border-color:#06a7bf}.builder-explanation{font-size:13px;color:#ccc;margin-bottom:14px;padding:10px}.recommended{margin-top:auto;background:#111;border-radius:8px;padding:14px}.recommended-title{font-size:13px;color:#f8f8f2;margin-bottom:14px;margin-top:0}.recommended-list{display:flex;flex-direction:column;gap:6px}.preset-pill{background:#181818e6;border-radius:999px;border:1px solid #333;padding:6px 14px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:12px;color:#ccc;margin-bottom:5px;transition:.5s ease}.preset-pill:hover{border-color:#06a7bf;color:#06a7bf;background:#0b1a1c;box-shadow:0 0 8px #06a7bf55}.preset-pill.active{border-color:#06a7bf;background:#062027;color:#06a7bf}.preset-pill-expr{font-size:14px;font-family:monospace;color:#06a7bf}.preset-pill-desc{font-size:14px;color:#aaa;margin-left:10px}.extras{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.extras{grid-template-columns:1fr}.lower-sections{flex-direction:column}}.extras-column{background:#181818;border-radius:10px;padding:20px;border:1px solid #333}.extras-title{font-size:15px;margin-bottom:8px;color:#06a7bf}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:14px}.example-item{border-radius:8px;border:1px solid #333;background:#111;text-align:left;padding:8px 10px;cursor:pointer;transition:.5s ease}.example-item:hover{border-color:#06a7bf;background:#0b1a1c;box-shadow:0 0 8px #06a7bf55}.example-item:hover{background:#222}.example-cron{font-family:monospace;font-size:15px;margin-bottom:3px;color:#06a7bf}.example-desc{font-size:14px;color:#bbb}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.preset-btn{padding:4px 10px;border-radius:999px;border:1px solid #444;background:#111;color:#f8f8f2;font-size:12px;cursor:pointer}.preset-btn:hover{background:#222}.symbols-table{width:100%;border-collapse:collapse;font-size:13px}.symbols-table td{padding:4px 0;border-bottom:1px solid #222}.symbols-table td:first-child{width:90px}.symbol{color:#06a7bf;font-weight:600}.copied-toast{position:fixed;top:20px;right:20px;background:#06a7bf;color:#111;padding:8px 14px;border-radius:6px;font-weight:600;box-shadow:0 0 10px #06a7bf60;animation:fadeInOut 1.2s ease forwards;z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-5px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-5px)}}.side-ads{position:fixed;top:100px;width:160px;height:600px;z-index:999}.left-ad{left:10px}.right-ad{right:10px}@media(max-width:1200px){.side-ads{display:none}}.footer{margin-top:40px;padding:20px 0;text-align:center;color:#999;font-size:14px;border-top:1px solid #4c4c4c}.footer-links{margin-top:8px;display:flex;justify-content:center;gap:16px}.footer-link{color:#666;text-decoration:none;font-weight:500}.footer-link:hover{color:#06a7bf}@media(max-width:768px){.lower-sections{flex-direction:column;gap:20px}.segment-input{font-size:20px}.legend-header{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;white-space:normal;overflow:visible}.legend-header .legend-link{flex:0 0 auto;padding:6px 14px}.legend-table{overflow-x:auto;display:block;width:100%}.legend-table table,.legend-table tbody,.legend-table tr,.legend-table td{font-size:14px}.legend-presets{margin-top:16px}.legend-presets-row{flex-wrap:wrap;gap:8px}.legend-preset-pill{width:auto;flex:0 0 auto;padding:8px 14px}body{overflow-x:hidden}.header{flex-wrap:wrap;margin-bottom:0}.title-logo{width:100px;height:100px}.title{font-size:2.2em}.subtitle{display:none}}