.el-quick .tool-btn{border-radius:8px}.st-lh{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.st-fld .st-lh label{color:var(--text);margin:0;font-size:.86rem;font-weight:700;line-height:1.4rem}.st-fld .st-lh .st-chip{line-height:1}.st-fld .st-hint{color:var(--text-muted);text-align:right;margin-left:auto;font-size:.7rem;font-weight:400}.st-chip{width:1.4rem;height:1.4rem;transition:background .15s var(--ease-out);font-size:.78rem}.st-chip.done{color:#15803d;background:oklch(96.5% .03 155);box-shadow:inset 0 0 0 1px oklch(90% .05 155)}.st-in{min-width:0;display:block;position:relative}.st-in>.tool-input{text-align:right;font-variant-numeric:tabular-nums;padding-right:3.2rem;font-weight:600}.st-in:after{content:attr(data-unit);color:var(--text-muted);pointer-events:none;font-size:.74rem;font-weight:600;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.st-fld.next .tool-input:not(:focus){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 14%, transparent)}.st-opt{border-top:1px dashed var(--hairline);margin:1.1rem 0 .9rem;position:relative}.st-opt span{letter-spacing:.1em;color:var(--text-muted);background:#fff;padding-right:.5rem;font-size:.62rem;font-weight:700;position:absolute;top:-.6rem;left:0}.st-row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.st-sub{color:var(--text-muted);margin:.35rem 0 0;font-size:.7rem}.el-dev{grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.35rem;margin-top:.45rem;display:grid}.el-dev button{border:1px solid var(--hairline);cursor:pointer;font:inherit;color:var(--text-secondary);text-align:center;background:#fff;border-radius:8px;min-width:0;padding:.35rem .3rem}.el-dev button b{color:var(--text);overflow-wrap:anywhere;font-size:.72rem;font-weight:700;line-height:1.3;display:block}.el-dev button small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.62rem;display:block}.el-dev button:hover{border-color:var(--accent)}.el-dev button.on{background:var(--navy);border-color:var(--navy)}.el-dev button.on b,.el-dev button.on small{color:#fff}.el-quick{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.el-quick .tool-btn{font-variant-numeric:tabular-nums}.el-quick .tool-btn.on{background:var(--navy);border-color:var(--navy);color:#fff}.el-tag{letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:.62rem;font-weight:700}.el-rail{margin-top:.4rem}.el-rail .rl-row,.el-rail .rl-con{grid-template-columns:4.6rem 1.6rem minmax(0,1fr)}.el-rail .rl-row{min-height:2.8rem}.el-rail .rl-con{min-height:1.9rem}.el-rail .rl-big{font-size:1.2rem}.el-rail .rl-big.na{white-space:normal;font-size:.82rem}.el-rail .rl-big.el-month:not(.na){font-size:1.55rem}.el-rail .rl-op{white-space:normal;overflow-wrap:anywhere}.el-rail .rl-op small{white-space:normal;font-family:inherit}.el-rail .rl-pill[hidden],.rl-chip[hidden]{display:none}.el-sk{letter-spacing:.08em;color:var(--text-muted);border-top:1px dashed var(--hairline);margin:.9rem 0 .35rem;padding-top:.6rem;font-size:.66rem;font-weight:700}.el-crow{grid-template-columns:4.6rem minmax(0,1fr) max-content;align-items:center;gap:0 .6rem;min-height:2.5rem;display:grid}.el-cl{text-align:right;min-width:0}.el-cl b{color:var(--text);font-size:.8rem;font-weight:700;line-height:1.3;display:block}.el-cl small{color:var(--text-muted);overflow-wrap:anywhere;font-size:.6rem;font-weight:600;display:block}.el-track{align-items:center;min-width:0;height:1.9rem;display:flex;overflow:hidden}.el-bar{min-width:3px;max-width:100%;height:1.5rem;transition:width .3s var(--ease-out);box-sizing:border-box;border-radius:6px;flex:none;position:relative}.el-bar[hidden]{display:none}.el-bar.a{background:#f2d9a0}.el-bar.b{background:var(--accent)}.el-bar.ghost{border:1.5px dashed var(--hairline);width:100%;color:var(--text-muted);white-space:nowrap;background:0 0;align-items:center;padding-left:.6rem;font-size:.7rem;display:flex;overflow:hidden}.el-bar i{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.68rem;font-style:normal;font-weight:700;display:flex;position:absolute;inset:0;overflow:hidden}.el-bar.a i{color:#7a5301}.el-cv{color:var(--navy);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.el-cv small{color:var(--text-muted);font-size:.64rem;font-weight:600;line-height:1.5;display:block}.el-cv.mute{color:var(--text-muted);font-size:.78rem;font-weight:500}.el-legend{color:var(--text-muted);flex-wrap:wrap;gap:.9rem;margin-top:.3rem;font-size:.68rem;display:flex}.el-legend i{align-items:center;gap:.3rem;font-style:normal;display:inline-flex}.el-legend i:before{content:"";background:#ccc;border-radius:3px;flex:none;width:.6rem;height:.6rem}.el-legend .la:before{background:#f2d9a0}.el-legend .lb:before{background:var(--accent)}.rl-foot[hidden]{display:none}.rl-foot .dn{color:#15803d;font-weight:700}.rl-foot .up{color:#b45309;font-weight:700}.el-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.55rem;display:grid}.el-tile{border:1px solid var(--hairline);border-radius:10px;min-width:0;padding:.6rem .7rem}.el-tile[hidden]{display:none}.el-tile.na{opacity:.6}.el-tile .t{font-size:.72rem;font-weight:700;line-height:1.4}.el-tile .to{color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:.3rem;font-size:1.15rem;font-weight:800;line-height:1.25}.el-tile .to small{color:var(--text-muted);margin-left:.1em;font-size:.68rem;font-weight:700}.el-tile .d{color:var(--text-muted);margin-top:.15rem;font-size:.66rem;line-height:1.5}.el-tile .d b{color:var(--text);font-variant-numeric:tabular-nums}@media (width<=560px){.el-rail .rl-row,.el-rail .rl-con{grid-template-columns:4rem 1.4rem minmax(0,1fr)}.el-rail .rl-big{font-size:1.05rem}.el-rail .rl-big.el-month:not(.na){font-size:1.3rem}.el-crow{grid-template-columns:3.6rem minmax(0,1fr);gap:0 .5rem}.el-cv{text-align:left;grid-column:2;padding-bottom:.3rem}.el-cv small{margin-left:.4rem;display:inline}.el-tiles{grid-template-columns:1fr}}.tool-shell:has(.el-input-start){& .st-fld{margin-bottom:1.4rem}& .st-lh{flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}& .st-fld .st-lh label{font-size:.98rem}& .st-fld .st-hint{text-align:left;margin-left:0;font-size:.8rem}& .st-in>.tool-input{min-height:48px;padding-right:4.3rem;font-size:1.05rem}& .st-fld.next .tool-input:not(:focus){box-shadow:none}& .el-dev{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.8rem}& .el-dev button{text-align:left;min-height:56px;padding:.6rem .7rem}& .el-dev button b{font-size:.85rem;line-height:1.5}& .el-dev button small{margin-top:.15rem;font-size:.76rem}& .el-quick{gap:.45rem;margin-top:.65rem}& .el-quick button{min-width:0;min-height:40px;padding:.4rem .65rem;font-size:.85rem}& .el-option{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin:0 0 1.4rem;padding:1rem 0}& .el-option summary,& .el-result summary{cursor:pointer;color:var(--navy);font-size:.94rem;font-weight:700;line-height:1.6}& .el-option summary span{color:var(--text-muted);margin-left:.6rem;font-size:.76rem;font-weight:400}& .el-option .st-fld{margin:1rem 0 0}& .el-small-label{margin-bottom:.45rem;font-size:.85rem;display:block}& .st-sub{margin-top:.6rem;font-size:.8rem;line-height:1.7}& .el-periods{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.4rem 0;display:grid}& .el-periods[hidden],& .el-comparison[hidden]{display:none}& .el-periods>div{background:var(--bg-soft);border-radius:8px;min-width:0;padding:1rem .8rem}& .el-periods span{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;display:block}& .el-periods b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.35rem;display:block}& .el-result .el-section-title{margin:0 0 1rem;font-size:1rem}& .el-result .el-sheet,& .el-result .el-save{margin-top:1rem;padding-top:1rem}& .el-tag{letter-spacing:0;white-space:normal;margin:1rem 0;font-size:.85rem}& .el-rail .rl-op{font-size:.87rem}& .el-rail .rl-op small{font-size:.78rem}& .el-rail .rl-pill{font-size:.8rem}& .el-rail .rl-row{min-height:3.4rem}& .el-rail .rl-big{font-size:1.2rem}& .el-cl{text-align:left}& .el-cl b{font-size:.9rem}& .el-cl small{margin-top:.3rem;font-size:.78rem;font-weight:400}& .el-crow{grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;padding:.7rem 0}& .el-track{grid-area:2/1/auto/-1;height:.75rem}& .el-bar{height:.75rem}& .el-bar i{display:none}& .el-cv{text-align:right;grid-area:1/2;padding:0;font-size:1.1rem}& .el-cv small{display:none}& .el-comparison .rl-foot{font-size:.9rem;line-height:1.7}& .el-tiles{grid-template-columns:minmax(0,1fr);gap:0;margin-top:.6rem}& .el-tile{border:0;border-bottom:1px solid var(--hairline-soft);border-radius:0;padding:1rem 0}& .el-tile:last-child{border-bottom:0}& .el-tile .t{font-size:.9rem}& .el-tile .to{margin:.5rem 0;font-size:1.3rem}& .el-tile .to small,& .el-tile .d{font-size:.85rem;line-height:1.7}& .el-option summary:focus-visible,& .el-result summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}}@media (width<=560px){.tool-shell:has(.el-input-start) .el-periods{background:var(--bg-soft);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:0;padding:.25rem .9rem}.tool-shell:has(.el-input-start) .el-periods>div{border-bottom:1px solid var(--hairline);border-radius:0;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;display:flex}.tool-shell:has(.el-input-start) .el-periods>div:last-child{border-bottom:0}.tool-shell:has(.el-input-start) .el-periods span{margin:0}.tool-shell:has(.el-input-start) .el-periods b{font-size:1.15rem}.tool-shell:has(.el-input-start) .st-row2{grid-template-columns:minmax(0,1fr);gap:1rem}}.tool-shell:has(.el-input-start){& .el-dev button{align-items:center;gap:8px;min-height:66px;padding:8px;display:flex}& .el-device-art{object-fit:contain;flex:0 0 40px;width:40px;height:45px;display:block}& .el-device-label{min-width:0}@media (width<=420px){& .el-dev button{gap:5px;padding:6px}& .el-device-art{flex-basis:30px;width:30px;height:38px}& .el-dev button b{font-size:.78rem}}}
