:root{color-scheme:dark;--bg:#101c24;--panel:#182730;--panel-light:#20323c;--border:#30414a;--text:#f0f3f0;--muted:#a0b0b7;--mint:#9dd7bb;--amber:#efbc72;--dark:#10221c;--radius:18px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#21383e60,transparent 50%),var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}a{color:inherit}.wrap{max-width:1280px;margin:auto;padding:0 40px}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:20px;background:var(--mint);color:var(--dark);padding:12px;z-index:20}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:4px}.brand-icon{width:42px;height:42px;border:1px solid var(--mint);color:var(--mint);border-radius:50%;display:grid;place-items:center;font-size:31px;letter-spacing:0}.brand-sub{display:block;font-size:8px;font-weight:600;letter-spacing:2px;color:var(--muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%}.icon-button{background:transparent;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;color:var(--text);margin-left:10px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 0 30px}.eyebrow,.small-label{font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin:0 0 10px}.eyebrow{color:var(--mint)}h1{font-size:54px;line-height:1.05;letter-spacing:-2.4px;font-weight:620;margin:0}h1 span{color:var(--mint)}.intro-copy{margin:17px 0 0;color:var(--muted);font-size:14px}.intro-meta{text-align:right}.intro-meta>div{display:flex;align-items:baseline;gap:8px}.intro-meta strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.intro-meta>div>span{color:var(--muted);font-size:12px}.intro-meta .divider{align-self:center;display:block;width:1px;height:25px;background:var(--border);margin:0 10px}.intro-meta p{color:var(--muted);font-size:12px}.view-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);margin-bottom:24px}.view-tab{background:none;color:var(--muted);padding:15px 0;position:relative;font-weight:600}.view-tab.active{color:var(--mint)}.view-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--mint)}.view-tab span{margin-left:5px;border-radius:5px;padding:1px 6px;font-size:10px;background:var(--panel-light);color:var(--muted)}.local-label{margin-left:auto;color:var(--muted);font-size:11px}.local-label span{font-size:17px;vertical-align:middle;margin-right:4px}.planner-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:24px 24px 18px}h2{margin:0;font-size:21px;font-weight:570;letter-spacing:-.5px}h3{font-size:18px;font-weight:550}.panel-head .small-label{margin-bottom:5px}.lane-switch,.target-switch{display:flex;background:#101d26;border:1px solid var(--border);padding:4px;border-radius:9px;flex-shrink:0}.lane-switch button,.target-switch button{background:transparent;color:var(--muted);border-radius:6px;padding:7px 11px;font-size:12px;white-space:nowrap}.lane-switch button.selected,.target-switch button.selected{background:var(--panel-light);color:var(--text)}.lane-switch button.selected{box-shadow:0 2px 5px #0002}.diagram-layout{position:relative;display:grid;grid-template-columns:115px 1fr 72px;align-items:center;padding:0 20px 0 24px}.diagram-side{align-self:stretch;display:flex;flex-direction:column;padding-top:24px}.oil-chip{color:var(--mint);font-size:9px;font-weight:700;letter-spacing:1.6px}.oil-label strong{font-weight:400;font-size:38px;display:block;line-height:1.3}.oil-label strong span{font-size:14px;color:var(--muted);margin-left:4px}.oil-label p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:6px}.legend{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:9px;color:var(--muted);margin-bottom:20px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:17px;height:2px;flex-shrink:0}.amber-line{background:var(--amber)}.mint-line{background:repeating-linear-gradient(to right,var(--mint),var(--mint) 4px,transparent 4px,transparent 7px)}.diagram-hint{font-size:10px;color:var(--muted);line-height:1.8;margin:0 0 42px}.lane-wrap{min-width:0;max-width:360px;margin:auto;width:100%}#lane-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;cursor:crosshair}.svg-label{font-size:13px;fill:#a0b0b7;letter-spacing:.4px}.svg-distance{font-size:13px;fill:#9dd7bb}.active-path{stroke:var(--amber);stroke-width:4.5;stroke-linecap:round;filter:drop-shadow(0 1px 2px #6b390144)}.other-path{stroke:var(--mint);stroke-width:3;stroke-dasharray:9 7;opacity:.65}.diagram-metrics{display:flex;flex-direction:column;gap:22px;text-align:right;align-self:stretch;justify-content:center}.diagram-metrics span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.diagram-metrics strong{display:block;font-size:28px;font-weight:430;color:var(--amber);font-variant-numeric:tabular-nums;line-height:1.3}.diagram-metrics small{font-size:9px;color:var(--muted)}.diagram-toolbar{padding:10px 24px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}.play-button{background:var(--amber);color:#332715;border-radius:8px;padding:10px 14px;font-weight:650;font-size:12px}.play-button span{margin-right:7px;font-size:10px}.diagram-footer{padding:15px 24px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.check-label{display:flex;gap:8px;align-items:center}.check-label input{accent-color:var(--mint);width:14px;height:14px;margin:0}.control-column{display:flex;flex-direction:column;gap:20px}.step-badge{color:#607881;font-size:22px;font-weight:400}.setup-panel,.shot-panel{padding:0 22px 20px}.setup-panel .panel-head,.shot-panel .panel-head{padding-left:0;padding-right:0}.ball-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 17px}.ball-card{position:relative;display:flex;align-items:center;text-align:left;background:#13222b;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px 9px;gap:9px;font-size:11px;min-height:62px}.ball-card.selected{border-color:var(--mint);background:#20362f}.ball-card small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:2px}.ball-orb{display:block;flex-shrink:0;width:29px;height:29px;border-radius:50%;box-shadow:inset -5px -5px 7px #0006,inset 2px 2px 3px #fff3;position:relative}.ball-orb:before{content:"";position:absolute;left:10px;top:7px;width:3px;height:3px;background:#071c22;border-radius:50%;box-shadow:5px 1px #071c22}.ball-orb.blue{background:radial-gradient(at 32% 25%,#5b8ec1,#183f68)}.ball-orb.shadow{background:radial-gradient(at 32% 25%,#7c87a3,#283044)}.ball-orb.teal{background:radial-gradient(at 32% 25%,#74d7be,#317d7b)}.ball-orb.other{background:radial-gradient(at 32% 25%,#daaa80,#7d4d32)}.ball-check{margin-left:auto;color:var(--mint);font-size:11px;visibility:hidden}.selected .ball-check{visibility:visible}.field{display:block;color:#c1cbd0;font-size:11px;line-height:1.4;margin-bottom:12px}.field input:not([type=range]),.field select,.field textarea{display:block;width:100%;margin-top:6px;background:#102029;border:1px solid #35464f;border-radius:7px;color:var(--text);min-height:40px;padding:9px 11px;transition:border-color .15s}.field textarea{resize:vertical;min-height:63px}.field textarea::placeholder{color:#6d858f}.field input::-webkit-inner-spin-button{opacity:.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.range-field{margin:4px 0 15px}.range-field>span{display:flex;justify-content:space-between}.range-field output{color:var(--mint)}input[type=range]{width:100%;accent-color:var(--mint);height:17px;margin:12px 0 0}.move-buttons{display:flex;gap:8px}.soft-button{background:var(--panel-light);border:1px solid #3b4d55;border-radius:7px;color:#d5dee1;padding:9px 12px;font-size:11px;font-weight:550}.soft-button:hover{background:#2b414b}.move-buttons button{flex:1}.micro-copy{color:var(--muted);font-size:10px;line-height:1.7;margin:10px 0 0}.shot-fields{display:grid;grid-template-columns:74px 1fr;gap:12px}.optional{color:#8297a1;float:right;font-size:10px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--mint);color:var(--dark);border-radius:8px;padding:12px 18px;font-size:12px;font-weight:700}.primary-button:hover{background:#b6e7cd}.shot-panel .primary-button{width:100%}.reaction-tip{font-size:10px;line-height:1.7;color:var(--muted);padding-top:10px;margin:0}.conditions-panel{margin-top:24px;padding:25px;display:grid;grid-template-columns:220px 1fr;gap:10px 30px}.conditions-heading p:last-child{font-size:11px;color:var(--muted);line-height:1.7}.conditions-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px}.wide-field{grid-column:span 1}.conditions-note{grid-column:1/-1;border-top:1px solid var(--border);padding-top:14px;margin:0;font-size:10px;color:var(--muted);line-height:1.7}.footer{display:flex;justify-content:space-between;gap:15px;margin:35px 0 28px;font-size:10px;color:#82959f}.footer strong{letter-spacing:2px;color:var(--muted);font-size:10px}.notice{background:#253943;padding:14px 17px;border-radius:8px;color:#d2dee1;font-size:12px;line-height:1.7}.warning{border:1px solid var(--amber);margin-bottom:14px;color:var(--amber)}.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 25px}.journal-heading h2{font-size:29px}.journal-heading p:last-child{color:var(--muted);font-size:12px;margin-bottom:0}.backup-actions{display:flex;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{padding:24px}.stat>span{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.stat strong{display:block;font-size:42px;font-weight:400;color:var(--mint);margin:9px 0 0;line-height:1.2}.stat small{color:var(--muted);font-size:10px}.journal-toolbar{margin:24px 0 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:11px}.shot-entry{margin-bottom:12px;padding:18px 20px;display:grid;grid-template-columns:100px 1fr auto;gap:15px}.shot-entry .entry-date{font-size:10px;color:var(--muted)}.entry-date strong{display:block;color:var(--text);font-size:12px;margin-bottom:4px}.entry-line{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.result-badge{color:var(--amber);background:#efbc7214;border:1px solid #efbc7233;padding:3px 8px;border-radius:5px;font-size:10px}.result-badge.pocket{color:var(--mint);background:#9dd7bb14;border-color:#9dd7bb33}.entry-ball{font-size:12px;font-weight:550}.entry-plan{font-size:11px;color:var(--muted)}.entry-plan span{color:#c8d3d5}.entry-note{font-size:12px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.entry-condition{font-size:10px;color:#8297a1;margin:5px 0 0;overflow-wrap:anywhere}.delete-shot{align-self:start;min-width:30px;min-height:30px;border-radius:5px;font-size:17px;color:var(--muted);background:transparent}.delete-shot:hover{color:var(--amber);background:#ffffff08}.empty-state{padding:60px 20px;text-align:center}.empty-state>span{color:var(--mint);font-size:42px}.empty-state h3{margin:10px 0}.empty-state p,.journal-note{color:var(--muted);font-size:12px;line-height:1.7}.empty-state button{margin-top:12px}.journal-note{margin-top:24px;font-size:11px}.show-more{display:block;margin:20px auto}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;display:flex;gap:16px;align-items:center;background:#d3e7dc;color:#172d23;box-shadow:0 6px 30px #0005;padding:14px 20px;border-radius:10px;font-size:12px;max-width:calc(100% - 30px);width:max-content}.toast button{border:1px solid #7eaa92;background:transparent;padding:5px 10px;border-radius:5px;color:#172d23;white-space:nowrap}dialog{max-width:570px;width:calc(100% - 32px);background:var(--panel);color:var(--text);border:1px solid #46616b;border-radius:20px;padding:30px;max-height:85vh;overflow:auto;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#061018cc;backdrop-filter:blur(5px)}dialog h2{margin-bottom:20px}dialog ol{padding-left:20px}dialog li{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:14px}dialog li strong{color:var(--text)}dialog>p:not(.small-label){font-size:12px;line-height:1.8}dialog .notice{font-size:11px}.dialog-close{float:right;background:none;color:var(--muted);font-size:26px;line-height:1}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
@media(min-width:1250px){.lane-wrap{max-width:350px}.lane-panel{min-height:872px}.diagram-layout{padding-top:14px;padding-bottom:14px}#lane-svg{max-height:none}}
@media(max-width:1050px){.wrap{padding:0 25px}.planner-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:18px}.diagram-layout{grid-template-columns:70px 1fr 55px;padding:0 12px}.diagram-side{padding-top:10px}.diagram-hint{font-size:9px}.legend{font-size:8px}.legend i{width:10px}.diagram-metrics{gap:17px}.diagram-metrics span{font-size:7px;letter-spacing:.3px}.diagram-metrics strong{font-size:24px}.panel-head{padding:22px 18px 16px}h2{font-size:19px}.lane-panel .panel-head{align-items:start;flex-wrap:wrap}.conditions-panel{grid-template-columns:170px 1fr;gap:15px}.conditions-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.conditions-fields .wide-field{grid-column:span 2}.setup-panel,.shot-panel{padding-left:18px;padding-right:18px}.ball-card{padding:8px 6px;gap:7px;font-size:10px}.ball-orb{width:24px;height:24px}.diagram-toolbar{padding:10px 15px 18px}.diagram-footer{padding:14px 15px;font-size:9px}.play-button{padding:10px;font-size:11px}.target-switch button{padding:7px 9px;font-size:11px}}
@media(max-width:780px){.wrap{padding:0 22px}.header{height:80px}.intro{padding:30px 0 22px;gap:20px}h1{font-size:45px}.intro-meta strong{font-size:25px}.intro-meta>div{gap:5px}.intro-meta .divider{margin:0 5px}.intro-copy{font-size:12px}.local-label{display:none}.planner-grid{grid-template-columns:1fr}.diagram-layout{grid-template-columns:110px 1fr 85px;padding:0 25px}.lane-wrap{max-width:300px}.lane-panel .panel-head{flex-wrap:nowrap;align-items:center}.diagram-side{padding-top:28px}.diagram-metrics{gap:25px}.diagram-metrics span{font-size:9px}.diagram-metrics strong{font-size:31px}.legend{font-size:10px}.legend i{width:17px}.diagram-hint{font-size:10px}.diagram-toolbar{padding:10px 25px 20px}.diagram-footer{font-size:10px;padding:16px 25px}.control-column{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.conditions-panel{grid-template-columns:1fr}.conditions-heading p:last-child{margin-bottom:5px}.conditions-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.conditions-fields .wide-field{grid-column:span 1}.stats-grid{gap:12px}.stat{padding:18px}.journal-heading{flex-wrap:wrap}.shot-entry{grid-template-columns:80px 1fr auto;gap:10px}}
@media(max-width:540px){.wrap{padding:0 16px}.header{height:74px}.brand{font-size:20px;gap:10px}.brand-icon{width:35px;height:35px;font-size:27px}.brand-sub{font-size:7px;letter-spacing:1.3px}.header-right{font-size:9px;gap:5px}.icon-button{margin-left:2px;width:29px;height:29px}.intro{align-items:flex-start;padding:28px 0 20px;flex-direction:column;gap:22px}h1{font-size:47px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro-meta{text-align:left;width:100%;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:14px;flex-wrap:wrap}.intro-meta>.small-label{display:none}.intro-meta strong{font-size:23px}.intro-meta p{margin:0 0 0 auto;font-size:9px}.intro-meta>div>span{font-size:9px}.intro-copy{font-size:11px;margin-top:12px}.view-tabs{gap:20px;margin-bottom:18px}.view-tab{font-size:12px;padding:12px 0}.panel-head{padding:19px 17px 12px}h2{font-size:18px}.small-label{font-size:8px;letter-spacing:1.5px}.lane-switch button{padding:6px 9px;font-size:10px}.lane-panel .panel-head{gap:8px}.diagram-layout{grid-template-columns:64px 1fr 47px;padding:0 8px}.diagram-side{padding-top:18px}.oil-chip{font-size:7px;letter-spacing:1px}.oil-label strong{font-size:28px}.oil-label strong span{font-size:11px}.oil-label p{font-size:9px;line-height:1.7}.legend{font-size:7px;gap:9px;margin-bottom:13px}.legend span{gap:4px;align-items:start;line-height:1.4}.legend i{width:10px;margin-top:4px}.diagram-hint{font-size:8px;line-height:1.8;margin-bottom:33px}.diagram-metrics{gap:19px;padding-top:0}.diagram-metrics strong{font-size:23px}.diagram-metrics span{font-size:6px;letter-spacing:.4px}.diagram-metrics small{font-size:7px}.diagram-toolbar{padding:8px 16px 15px;gap:8px}.target-switch button{font-size:10px;padding:6px 8px}.play-button{font-size:10px;padding:9px}.diagram-footer{padding:12px 16px;font-size:8px}.check-label{gap:5px}.check-label input{width:12px;height:12px}.control-column{grid-template-columns:1fr;gap:18px}.setup-panel,.shot-panel{padding:0 19px 20px}.ball-card{font-size:12px;padding:10px;gap:10px}.ball-card small{font-size:8px}.ball-orb{width:31px;height:31px}.field{font-size:12px}.field input:not([type=range]),.field select,.field textarea{font-size:16px;min-height:44px}.field-grid{gap:0 14px}.conditions-panel{padding:20px;margin-top:18px}.conditions-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.conditions-fields .wide-field{grid-column:span 2}.conditions-note{font-size:10px}.footer{flex-direction:column;gap:7px;margin:27px 0 22px;font-size:9px}.stats-grid{gap:8px}.stat{padding:14px 11px}.stat>span{font-size:7px;letter-spacing:.5px;display:block;min-height:24px}.stat strong{font-size:29px;margin:8px 0 0}.stat small{font-size:8px;line-height:1.3;display:block;margin-top:5px}.backup-actions{gap:8px;width:100%}.backup-actions button{flex:1;padding:10px 9px;font-size:10px}.journal-heading h2{font-size:25px}.journal-toolbar{font-size:9px;gap:6px}.shot-entry{grid-template-columns:1fr auto;padding:16px;gap:10px}.entry-date{grid-column:1/-1;display:flex;gap:8px;align-items:center}.entry-date strong{margin:0}.entry-plan{font-size:10px;line-height:1.8}.entry-condition{font-size:9px}.journal-note{font-size:10px}.toast{bottom:15px;padding:12px 14px;font-size:11px}.toast button{font-size:11px}dialog{padding:25px}.dialog-actions{gap:8px}dialog .primary-button{padding:11px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:#111}.header-right,.control-column,.conditions-panel,.diagram-toolbar,.diagram-footer,.view-tabs,.footer,.intro-meta,.toast,.backup-actions,.delete-shot,.journal-toolbar,.show-more{display:none!important}.wrap{max-width:none;padding:0}.header{height:65px}.brand,.brand-sub,.intro-copy,.small-label,.entry-plan,.entry-condition,.entry-date{color:#222}.panel{border:1px solid #ccc;background:white;break-inside:avoid}.planner-grid{display:block}.lane-panel{max-width:650px;min-height:0}.diagram-layout{grid-template-columns:100px 1fr 75px}.svg-label{fill:#333}.diagram-metrics span,.diagram-metrics small{color:#333}.diagram-metrics strong,.oil-label,.oil-label p{color:#222}.stats-grid{margin-bottom:20px}.stat strong,.stat>span{color:#111}.shot-entry{color:#111}.result-badge,.result-badge.pocket{color:#222;border-color:#aaa}.intro{padding:20px 0}h1{font-size:30px}h1 span{color:#222}.journal-note{color:#333}}

.pattern-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;margin-bottom:22px}.pattern-bar strong{display:block;font-size:18px;overflow-wrap:anywhere}.pattern-actions{display:flex;gap:12px;align-items:center}.pattern-actions .field{margin:0;min-width:180px;max-width:250px}.bag-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.bag-heading h3{font-size:15px;margin:0}.bag-heading button{font-size:10px;padding:9px}.bag-note{margin:-6px 0 18px}.bag-item{position:relative;min-width:0}.bag-item .ball-card{width:100%;padding-right:25px;height:100%}.ball-name{overflow-wrap:anywhere;min-width:0}.remove-ball{position:absolute;right:3px;top:3px;padding:2px 5px;background:transparent;color:var(--muted);font-size:16px}.catalog-dialog{max-width:740px}.catalog-filters{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.catalog-results{display:grid;gap:9px;margin:15px 0}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--border);background:#13222b;padding:12px;border-radius:8px}.catalog-row strong{font-size:13px;display:block;overflow-wrap:anywhere}.catalog-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.catalog-row button{flex-shrink:0}.custom-entry{border-top:1px solid var(--border);padding-top:16px;margin-top:20px}.custom-entry summary{cursor:pointer;font-size:12px;color:var(--mint);margin-bottom:15px}.save-pattern-row{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.pattern-actions button{white-space:nowrap}@media(max-width:780px){.pattern-bar{flex-wrap:wrap}.pattern-actions{width:100%;flex-wrap:wrap}.pattern-actions .field{flex:1;max-width:100%}.catalog-row strong{font-size:12px}}@media(max-width:540px){.pattern-bar{padding:18px}.pattern-bar strong{font-size:16px}.catalog-filters{grid-template-columns:1fr}.catalog-row{gap:8px;padding:10px}.catalog-row button{padding:9px;font-size:10px}.pattern-actions .field{min-width:145px}.bag-heading{flex-wrap:wrap}.catalog-dialog{padding:20px}}

.motion-toolbar{padding:0 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.motion-toolbar>.check-label{font-size:10px;color:var(--muted)}.forecast-summary{margin:0 24px 16px;padding:16px;border:1px solid #506048;border-radius:10px;background:#26352d}.forecast-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.forecast-heading>strong{font-size:13px;overflow-wrap:anywhere}.forecast-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.forecast-metrics span{font-size:8px;letter-spacing:1px;color:var(--muted);display:block}.forecast-metrics strong{font-size:18px;color:var(--amber);font-weight:500;display:block;margin-top:4px}.calibration-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10px}.forecast-details{border-top:1px solid #ffffff14;margin-top:12px;padding-top:10px;color:#b3c5ba;font-size:10px;line-height:1.8}.forecast-details summary{cursor:pointer}.forecast-details p{margin:8px 0 0}.manual-path{stroke:#cad4dd;stroke-width:2;stroke-dasharray:4 6;opacity:.65}.manual-line{background:repeating-linear-gradient(to right,#cad4dd,#cad4dd 3px,transparent 3px,transparent 6px)}.edit-ball-button{width:100%;margin-bottom:15px}.measurement-help{margin:-3px 0 13px}.forecast-points-label{fill:#f1d1a2;font-size:12px}.bag-item .ball-card small{line-height:1.6}@media(max-width:540px){.motion-toolbar{padding:0 16px 14px}.motion-toolbar .lane-switch{width:100%}.motion-toolbar .lane-switch button{flex:1}.forecast-summary{margin:0 16px 12px;padding:12px}.forecast-heading{align-items:flex-start}.forecast-heading>strong{font-size:12px}.forecast-metrics span{font-size:7px;letter-spacing:.2px}.forecast-metrics strong{font-size:15px}.calibration-row{font-size:9px}.forecast-details{font-size:9px}.forecast-heading .result-badge{font-size:9px;white-space:nowrap}}@media print{.motion-toolbar,.forecast-details,.calibration-row{display:none!important}.forecast-summary{background:white;color:#222;border-color:#888}.forecast-heading>strong,.forecast-metrics strong,.forecast-metrics span{color:#222}.manual-path{stroke:#555}}