.product-shell:has(.pecahan-100m){--p-bg:#f7f8fa;--p-ink:#20252d;--p-muted:#596273;--p-line:#cbd2dc;--p-accent:#355bc6}.pecahan-100m{--p100-ink:#20252d;--p100-muted:#596273;--p100-blue:#355bc6;--p100-line:#cbd2dc;max-width:1180px;color:var(--p100-ink);margin:0 auto;padding:18px 0 34px;font-family:DM Sans,sans-serif}.pecahan-100m *,.pecahan-100m :before,.pecahan-100m :after{box-sizing:border-box}.pecahan-100m :is(input,button):focus-visible{outline-offset:3px;outline:3px solid #b15a29}.p100-head{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}.p100-head span,.p100-summary span{color:var(--p100-blue);letter-spacing:.09em;font:700 11px/1.3 IBM Plex Mono,monospace}.p100-head h2{letter-spacing:-.035em;max-width:600px;margin:7px 0 0;font:600 clamp(27px,4vw,43px)/1.08 Space Grotesk,sans-serif}.p100-head p{max-width:280px;color:var(--p100-muted);margin:0 0 2px;font-size:14px;line-height:1.5}.pecahan-100m form{background:#eaf0f8;border:1px solid #d1dbeb;padding:22px 24px 18px}.p100-track,.p100-inputs{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.p100-track{color:var(--p100-blue);font-variant-numeric:tabular-nums;padding-bottom:20px;font:700 15px/1 IBM Plex Mono,monospace;position:relative}.p100-track:before{content:"";background:var(--p100-blue);height:3px;position:absolute;bottom:4px;left:0;right:0}.p100-track span{text-align:center;position:relative}.p100-track span:first-child{text-align:left}.p100-track span:last-child{text-align:right}.p100-track span:after{content:"";background:var(--p100-blue);width:3px;height:14px;position:absolute;bottom:-16px;left:50%}.p100-track span:first-child:after{left:0}.p100-track span:last-child:after{left:auto;right:0}.p100-track small{margin-left:2px;font-size:10px}.p100-inputs{gap:10px;padding-top:16px}.p100-mark{color:#354253;flex-direction:column;justify-content:space-between;gap:9px;min-width:0;font-size:12px;font-weight:700;line-height:1.25;display:flex}.p100-mark>span:first-child{min-height:31px}.p100-mark>span:first-child small{color:var(--p100-muted);font-weight:400;display:block}.p100-start strong{min-height:49px;color:var(--p100-muted);align-items:center;font:600 24px IBM Plex Mono,monospace;display:flex}.p100-entry{display:block;position:relative}.p100-entry input{width:100%;min-width:0;height:49px;color:var(--p100-ink);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #8f9fb5;border-radius:2px;padding:8px 27px 8px 10px;font:600 clamp(16px,1.65vw,23px) IBM Plex Mono,monospace}.p100-entry input::placeholder{color:#8995a5;opacity:1}.p100-entry small{color:#596273;pointer-events:none;font:500 11px IBM Plex Mono,monospace;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.p100-finish{color:var(--p100-blue)}.p100-finish input{border:2px solid var(--p100-blue)}.p100-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.p100-actions button{border:1px solid var(--p100-blue);background:var(--p100-blue);color:#fff;cursor:pointer;border-radius:2px;min-height:46px;padding:10px 16px;font:700 14px DM Sans,sans-serif}.p100-actions button:first-child{justify-content:space-between;align-items:center;gap:15px;min-width:164px;display:flex}.p100-actions button:nth-child(2){color:var(--p100-blue);background:0 0}.p100-actions button:hover{filter:brightness(.91)}.p100-actions p{color:#4f5d70;max-width:300px;margin:0 0 0 auto;font-size:12px;line-height:1.4}.p100-error{color:#702e17;background:#fff1e8;border-left:4px solid #b15a29;margin:13px 0 0;padding:12px 15px;font-weight:700;line-height:1.45}.p100-output{margin-top:28px}.p100-empty{border-top:2px solid var(--p100-ink);align-items:center;gap:28px;min-height:155px;padding:20px 0;display:flex}.p100-empty>span{color:#9ba7b8;white-space:nowrap;font:600 clamp(25px,5vw,46px) Space Grotesk,sans-serif}.p100-empty p{max-width:470px;color:var(--p100-muted);margin:0;font-size:15px;line-height:1.55}.p100-summary{border-bottom:2px solid var(--p100-ink);grid-template-columns:.7fr 1fr 1fr;align-items:end;gap:20px;padding:0 0 24px;display:grid}.p100-summary div{min-width:0}.p100-summary strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap;margin-top:8px;font:600 clamp(28px,4vw,47px)/1 Space Grotesk,sans-serif;display:block}.p100-summary strong small{letter-spacing:0;font-size:.43em}.p100-summary div:nth-child(2) strong{color:var(--p100-blue)}.p100-summary p{color:var(--p100-muted);margin:6px 0 0;font-size:13px;line-height:1.45}.p100-analysis{max-width:960px;padding-top:22px}.p100-analysis-head{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:10px;display:flex}.p100-analysis-head h3{letter-spacing:-.025em;margin:0;font:600 23px Space Grotesk,sans-serif}.p100-analysis-head span{color:var(--p100-muted);font:600 12px IBM Plex Mono,monospace}.p100-analysis ol{margin:0;padding:0;list-style:none}.p100-analysis li{font-variant-numeric:tabular-nums;grid-template-columns:130px minmax(100px,1fr) 92px 116px;align-items:center;gap:14px;min-height:46px;font:500 14px IBM Plex Mono,monospace;display:grid}.p100-distance{font-weight:700}.p100-bar{background:#e1e6ef;height:13px}.p100-bar span{background:var(--p100-blue);height:100%;display:block}.p100-time{text-align:right}.p100-analysis li strong{text-align:right;color:var(--p100-blue);white-space:nowrap}.p100-analysis>p{margin:14px 0 0;font-size:14px;line-height:1.5}.p100-analysis .p100-limit{color:var(--p100-muted);font-size:12px}@media (width<=760px){.p100-head{margin-bottom:19px;display:block}.p100-head p{max-width:55ch;margin-top:10px}.pecahan-100m form{padding:16px}.p100-track{display:none}.p100-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:0}.p100-start{display:none}.p100-finish{order:-1;grid-column:1/-1;max-width:300px}.p100-mark>span:first-child{min-height:0}.p100-entry input{font-size:20px}.p100-actions{flex-wrap:wrap}.p100-actions p{width:100%;max-width:none;margin:0}.p100-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.p100-summary>p{grid-column:1/-1}.p100-summary strong{white-space:normal}.p100-analysis li{grid-template-columns:78px minmax(35px,1fr) 73px 93px;gap:7px;font-size:11px}.p100-empty{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}}@media (width<=370px){.p100-analysis li{grid-template-columns:75px minmax(25px,1fr) 66px 79px;gap:5px;font-size:10px}.p100-actions button:first-child{min-width:150px}}@media (prefers-reduced-motion:reduce){.pecahan-100m *,.pecahan-100m :before,.pecahan-100m :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}