@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c100e;--panel:#151d18;--line:#2c3930;--muted:#9fafA3;--lime:#c4f66a;--white:#f1f5f0;--amber:#e9c37d;--red:#ffab9c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:16px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 28px;background:#111712}.brand{display:flex;align-items:center;gap:10px;font:700 27px 'Space Grotesk';letter-spacing:-1px}.mark{background:var(--lime);color:#14210c;border-radius:6px;padding:4px 11px;font-style:italic}.beta{font:700 11px 'DM Sans';letter-spacing:1px;align-self:start;margin-top:5px;color:var(--lime)}.mode{font-size:11px;letter-spacing:1.5px;border-left:1px solid var(--line);padding-left:28px;color:var(--muted)}.header-right{margin-left:auto;display:flex;gap:17px;align-items:center}.feed-badge{font-size:11px;letter-spacing:1px;color:var(--amber);border:1px solid #5b4a2d;border-radius:4px;padding:7px 10px}.outline{padding:9px 12px;border:1px solid #41523f;background:transparent;border-radius:5px;font-size:14px}.outline:hover{border-color:var(--lime)}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:28px 15px;display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.nav-label{font-size:11px;letter-spacing:1.5px;color:#899b8e;margin:0 12px 18px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:5px;background:transparent;padding:13px 12px;margin:4px 0;font-size:14px;text-align:left;color:#afbeb3}.nav-item>span{width:23px;text-align:center;font-size:20px}.nav-item>small{margin-left:auto;font-size:11px;opacity:.6}.nav-item.active{background:#27391d;color:var(--lime)}.nav-item:hover{background:#1c291e}.sidebar-bottom{margin-top:auto;padding:65px 12px 0}.sidebar-bottom .nav-label{margin-left:0}.sidebar-bottom h3{font:500 19px 'Space Grotesk';line-height:1.5}main{padding:35px 32px 0;min-width:0;width:100%;max-width:1700px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--lime);margin:0 0 12px;font-weight:600}h1{font:500 clamp(30px,3.1vw,43px)/1.15 'Space Grotesk';margin:0 0 10px;letter-spacing:-1.4px}h2{font:500 23px 'Space Grotesk';margin:0 0 15px}h3{font-size:17px;font-weight:500;margin:0 0 12px}.sub{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.workspace-tag{font-size:11px;color:#839a89;letter-spacing:1.3px}.notice{display:flex;gap:16px;align-items:center;padding:12px 16px;background:#241f15;border:1px solid #54462c;color:#dac6a3;font-size:13px;line-height:1.7;border-radius:6px}.notice>b{font-size:11px;letter-spacing:1px;color:var(--amber);white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:23px 0}.stat{padding:22px}.stat+.stat{border-left:1px solid var(--line)}.stat p{font-size:12px;color:var(--muted);margin:0 0 11px}.stat strong{font:500 29px 'Space Grotesk';display:block;margin-bottom:6px}.stat small{font-size:12px;color:var(--muted)}.positive{color:var(--lime)!important}.negative{color:var(--red)!important}.muted{color:var(--muted)}.hint{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0}.filters{display:flex;gap:13px;align-items:end;flex-wrap:wrap;padding:16px;background:#111912;border:1px solid var(--line);border-radius:6px;margin:20px 0}.filters label{flex:1;min-width:110px;font-size:12px}.filters .search{flex:1.6;min-width:160px}label{display:grid;gap:8px;font-size:14px;color:#c5d0c8}input,select,textarea{width:100%;min-width:0;border:1px solid #3b4b40;background:#0d1510;color:var(--white);padding:10px 11px;border-radius:5px;font-size:14px}textarea{resize:vertical;min-height:85px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--lime)}.check{display:flex;align-items:center;gap:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.pad{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:16px;margin:0}.panel-head span{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;letter-spacing:1px;font-weight:500;color:var(--muted);padding:13px 20px;background:#111812}td{font-size:14px;padding:17px 20px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.empty{text-align:center;padding:52px 25px}.empty-icon{width:56px;height:56px;border-radius:12px;border:1px solid #435638;background:#26341d;display:grid;place-items:center;color:var(--lime);font:400 31px 'Space Grotesk';margin:0 auto 23px}.empty h2{font-size:22px}.empty p{font-size:14px;line-height:1.8;color:var(--muted);max-width:450px;margin:13px auto 23px}.empty .outline{color:var(--lime)}.panel-foot{padding:15px 22px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}.tool-form{display:grid;gap:17px}.tool-form .eyebrow{margin-top:9px}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.primary{border:0;border-radius:5px;background:var(--lime);color:#13200b;font-size:14px;font-weight:700;padding:13px 16px}.primary:hover{background:#d7ff96}.full{width:100%}.result{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.result-main{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}.result-main strong{font:500 29px 'Space Grotesk'}.result-line{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#becbc1;margin:15px 0}.result-line b{font-weight:500;text-align:right;color:#edf4ec}.error{font-size:14px;line-height:1.8;color:var(--red)}.tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.tool-tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:5px;padding:11px 17px;font-size:14px}.tool-tab.active{background:var(--lime);color:#14230c;border-color:var(--lime)}.tool-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:23px;align-items:start;margin-top:24px}.explain p,.explain li{color:var(--muted);font-size:14px;line-height:1.9}.explain ul{padding-left:20px}.explain h3{margin-top:24px}.formula{padding:20px;background:#0e1610;border:1px solid var(--line);border-radius:6px;font:500 18px/1.8 'Space Grotesk';margin:22px 0;color:#cfe1c4}.references{border:1px solid var(--line);padding:15px;border-radius:6px;background:#101811}.references summary{font-size:14px;cursor:pointer}.references[open] summary{margin-bottom:20px}.ref-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:12px}.ref-row label{font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 17px}.section-title h2{margin:0;font-size:21px}.scenario{border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:18px 0}.scenario>div{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;font-size:14px}.scenario>div+div{border-top:1px solid var(--line)}.journal-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.journal-form label{font-size:12px}.journal-table select{min-width:100px}.journal-table input{width:105px}.journal-table .outline{font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.connection-box{border:1px solid #53442b;background:#241f15;padding:18px;border-radius:6px;margin:20px 0;color:var(--amber)}.connection-box strong{display:block;margin-bottom:8px}.connection-box span{font-size:13px;line-height:1.8;color:#c6b38e}.status-row{display:flex;justify-content:space-between;gap:18px;margin:18px 0;font-size:14px}.status-row>span:last-child{text-align:right;color:var(--muted)}.provider{border-top:1px solid var(--line);padding:19px 0}.provider>a{font-size:16px;color:var(--lime)}.provider p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:0}.feature-list{display:grid;gap:13px}.feature-item{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:13px 0;border-bottom:1px solid var(--line)}.feature-item>span:last-child{text-align:right;font-size:12px;color:var(--muted)}.saved-presets{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.saved-presets button{background:#22321c;border:1px solid #3e5234;padding:7px 10px;font-size:12px;border-radius:4px}.parlay-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.parlay-row label{font-size:12px}footer{display:flex;justify-content:space-between;gap:16px;color:#829487;font-size:11px;border-top:1px solid var(--line);padding:25px 0;margin-top:30px}footer>span:first-child{font:600 18px 'Space Grotesk';letter-spacing:-.5px}#toast{position:fixed;bottom:25px;right:25px;max-width:calc(100vw - 50px);padding:15px 20px;background:var(--lime);color:#14200c;border-radius:6px;font-size:14px;box-shadow:0 5px 40px #0007}#toast:empty{display:none}.small{font-size:12px}.delete{color:var(--red)}
@media(max-width:1280px){.workspace{grid-template-columns:1fr}.workspace>.pad .tool-form{grid-template-columns:1fr 1fr;align-items:end}.workspace>.pad .tool-form>.two{display:contents}.workspace>.pad .tool-form>details,.workspace>.pad .tool-form>.primary{grid-column:1/-1}.journal-form{grid-template-columns:repeat(3,1fr)}.mode{display:none}.app-shell{grid-template-columns:200px minmax(0,1fr)}main{padding:30px 23px 0}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:8px 16px}.sidebar>.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow:auto}.nav-item{width:auto;white-space:nowrap;padding:10px}.nav-item small{display:none}.nav-item>span{font-size:17px}.tool-layout,.settings-grid{grid-template-columns:1fr}.feed-badge{display:none}.workspace-tag{display:none}.stat{padding:18px}.stat p{min-height:28px}.stat strong{font-size:26px}}@media(max-width:600px){header{height:73px;padding:0 16px}.brand{font-size:24px}.header-right .outline{font-size:12px;padding:8px}.page-heading{align-items:start}main{padding:24px 15px 0}h1{font-size:30px}.eyebrow{font-size:10px;letter-spacing:1px}.sub{font-size:13px}.notice{align-items:start;font-size:12px;gap:10px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stat:nth-child(4){border-top:1px solid var(--line)}.stat p{min-height:0}.filters{padding:12px;gap:10px}.filters label{min-width:calc(50% - 10px)}.filters .search{min-width:100%}.pad{padding:18px}.three{grid-template-columns:1fr}.tool-tab{font-size:13px;padding:10px 12px}.journal-form{grid-template-columns:1fr 1fr}.journal-form>label:first-child{grid-column:1/-1}.parlay-row{grid-template-columns:1fr 1fr}.parlay-row>label:first-child{grid-column:1/-1}.section-title{align-items:start}footer{flex-wrap:wrap}}
.sidebar{min-width:0}.market-text{white-space:normal;min-width:240px;max-width:360px}.market-text small{line-height:1.6}.panel{min-width:0}@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}}

.builder-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.builder-pick{padding:18px;border:1px solid #354238;border-radius:12px;margin:16px 0}.builder-tickets{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:20px}.builder-tickets small{display:block;margin:5px 0 12px}

.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;max-height:470px;overflow:auto}.quick-card{padding:14px;background:#182219;border:1px solid #354238;border-radius:9px}.quick-card strong,.quick-card small{display:block;margin-bottom:8px}.quick-card p{font-size:13px}.book-comparison{margin-top:18px;padding:14px;border:1px solid #789345;border-radius:9px} .book-comparison h4{margin:0 0 12px}

.event-search{position:relative;min-width:0;flex:1}.event-search label{display:flex;flex-direction:column}.event-suggestions{position:absolute;left:0;right:0;top:100%;z-index:40;background:#15221e;border:1px solid #537565;border-radius:12px;box-shadow:0 16px 45px #0009;max-height:360px;overflow:auto;padding:6px;min-width:min(340px,80vw)}.event-suggestions[hidden]{display:none}.event-suggestions button{display:block;width:100%;text-align:left;padding:12px;border:0;background:transparent;color:#f0f7f2;border-radius:7px}.event-suggestions button:hover,.event-suggestions button:focus-visible{background:#294637;outline:2px solid #b5ed77;outline-offset:-2px}.event-suggestions strong,.event-suggestions small{display:block}.event-suggestions small{color:#b4c4bc;margin-top:5px}.event-suggestions p{padding:12px;font-size:13px}

/* Let form controls shrink inside their grid/flex cells before wrapping. */
label,.tool-form,.builder-controls,.journal-form,.two,.three,.ref-row,.event-search{min-width:0;max-width:100%}
input,select,textarea{max-width:100%;box-sizing:border-box}
.filters>label{flex:1 1 145px;min-width:0}
.filters>.event-search{flex:2 1 240px;min-width:0}
.filters .event-search label,.filters .search{min-width:0;width:100%}
.filters>.check{flex:1 1 250px;align-self:center}
.check input{flex:0 0 17px}
.filters>button{flex:0 1 auto;white-space:normal}
.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.three,.ref-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.builder-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.builder-tickets{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.quick-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))}
.event-suggestions{min-width:0;width:100%;max-width:100%}
.event-suggestions button,.quick-card,.result-line,.result-main,.builder-tickets li{overflow-wrap:anywhere}
@media(max-width:900px){.settings-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .filters>.event-search{flex:1 1 100%}.filters>label{flex:1 1 140px;min-width:0}
 .filters>button{flex:1 1 140px}.filters>.check{flex-basis:100%}
 .workspace>.pad .tool-form{grid-template-columns:minmax(0,1fr)}
 .workspace>.pad .tool-form>.two{display:grid}
 .journal-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
 .three,.ref-row{grid-template-columns:minmax(0,1fr)}
 input,select,textarea{font-size:16px;min-height:44px}
 input[type=checkbox]{min-height:17px}
 .panel-head,.section-title,.result-main{flex-wrap:wrap}
}
@media(max-width:380px){
 .two{grid-template-columns:minmax(0,1fr)}.pad{padding:14px}.builder-pick{padding:12px}
 .filters>label{flex-basis:100%}.result-line{flex-wrap:wrap}.result-line b{text-align:left}
 header{gap:10px}.header-right{min-width:0}.header-right .outline{white-space:normal}
}

.bet-upload{padding:16px;border:1px dashed var(--line);border-radius:8px;margin-bottom:22px}.bet-upload input[type=file]{white-space:normal;padding:10px;max-width:100%}.bet-upload img,.saved-bet-image{display:block;max-width:100%;max-height:600px;object-fit:contain;margin:16px 0;border-radius:6px}.bet-upload .two{align-items:start}