:root{font-family:DM Sans,sans-serif;color:#192724;background:#f4f7f6;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;--ink:#192724;--muted:#7c8986;--line:#e8eeeb;--green:#14745e;--green-dark:#0d604d;--mint:#e9f5f0;--white:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:238px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:27px 16px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;margin-bottom:52px}.brand-mark{height:38px;width:38px;border-radius:12px;background:#e9f4ef;color:#16755d;display:grid;place-items:center}.brand strong,.brand span{display:block;font-family:Manrope,sans-serif;letter-spacing:.08em}.brand strong{font-size:13px;font-weight:800}.brand span{font-size:9px;letter-spacing:.18em;color:#81918c;margin-top:2px}.side-label{font-size:9px;letter-spacing:.16em;font-weight:700;color:#a0aaa7;padding:0 11px;margin:0 0 9px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:left;color:#75817e;padding:11px 12px;border-radius:8px;font-size:13px;margin:2px 0}.nav-item svg{color:#91a09b}.nav-item:hover{background:#f5f8f7}.nav-item.active{background:#eaf4f0;color:#176c57;font-weight:600}.nav-item.active svg{color:#176c57}.side-rule{height:1px;background:var(--line);margin:20px 7px}.source-link{display:flex;align-items:center;gap:5px;margin:22px 12px;color:#71827d;font-size:11px;text-decoration:none}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 0}.connection{display:flex;align-items:center;gap:8px;font-size:10px;color:#77847f}.connection-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#c7d0cc}.connection-dot.online,.live-dot{background:#35aa7b;box-shadow:0 0 0 3px #e6f5ee}.sidebar-bottom p{font-size:10px;line-height:1.6;color:#a0aaa7;margin:13px 0 0}.main-area{margin-left:238px;min-height:100vh}.topbar{height:64px;background:#ffffffdb;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crumb{font-size:11px;color:#84908d}.crumb span{padding:0 9px;color:#c0c9c5}.top-actions{display:flex;align-items:center;gap:16px}.live-label{display:flex;align-items:center;gap:8px;color:#71807b;font-size:10px}.live-dot{width:6px;height:6px}.icon-button{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#71807b;display:grid;place-items:center}.avatar{border:0;background:#e9f0ed;color:#437162;width:29px;height:29px;border-radius:50%;font-weight:700;font-size:11px}.content{max-width:1440px;padding:37px 38px 22px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:25px}.eyebrow,.panel-kicker{font-size:9px;font-weight:700;letter-spacing:.16em;color:#81908a}.eyebrow{display:flex;align-items:center;gap:7px;color:#528373}.eyebrow-dot{width:6px;height:6px;background:#2da77c;border-radius:50%}h1,h2,p{margin-top:0}h1{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-.045em;line-height:1.2;margin:9px 0 7px;font-weight:700}h1 em{font-style:normal;color:#21846a}.page-heading p,.panel-heading p{font-size:12px;color:#8b9793;margin:0}.heading-actions{display:flex;gap:9px}.button{border-radius:7px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;white-space:nowrap;transition:.16s}.button-light{background:#fff;border:1px solid #e2e9e6;color:#50635c}.button-light:hover{background:#f7faf8}.button-primary{background:#16745d;border:1px solid #16745d;color:#fff;box-shadow:0 2px 4px #14745e24}.button-primary:hover{background:#105f4b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #1d43300a}.metric-card{padding:17px 17px 15px;min-height:117px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#82908b;font-size:10px}.metric-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.metric-icon.green{background:#e9f5ef;color:#268b6d}.metric-icon.blue{background:#ecf3fb;color:#4f85c1}.metric-icon.violet{background:#f2effa;color:#8a74bd}.metric-icon.amber{background:#fff5e7;color:#cf943c}.metric-value{font-family:Manrope,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.04em;margin:11px 0 3px}.metric-date{font-size:23px}.metric-range{font-size:12px;letter-spacing:0;margin-top:17px;white-space:nowrap}.metric-foot{font-size:9px;color:#a0aaa6}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.85fr);gap:14px;margin-bottom:14px}.panel{padding:19px}.frequency-panel{min-height:330px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-kicker{font-size:8px;color:#87948f}.panel-heading h2,.suggestion-text h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.03em;margin:5px 0 4px}.panel-heading p{font-size:10px}.select-wrap{display:flex;align-items:center;gap:6px;border:1px solid #e7edeb;border-radius:6px;color:#82908b;padding:7px 8px}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;outline:0;color:#586761;font-size:9px}.chart-legend{margin:23px 0 8px;display:flex;justify-content:space-between;color:#8b9893;font-size:9px}.chart-legend>span:first-child{display:flex;align-items:center;gap:7px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#71b99c}.chart-note{color:#a1aca8}.frequency-chart{height:132px;display:grid;grid-template-columns:repeat(100,minmax(2px,1fr));gap:2px;align-items:stretch;border-bottom:1px solid #e8eeeb;padding-top:7px}.bar-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;gap:5px;color:#9ba7a2;font-size:6px}.bar-track{height:108px;width:100%;display:flex;align-items:flex-end}.bar{width:100%;min-height:2px;background:#a8d6c2;border-radius:2px 2px 0 0;transition:height .3s}.top-bar .bar{background:#318e70}.bar-column:nth-child(10n+1) span{font-weight:700;color:#73827b}.chart-summary{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:8px}.chart-summary>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#95a19c}.chart-summary>span svg{flex-shrink:0}.text-button{border:0;background:transparent;color:#247d64;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:600;padding:4px 0;white-space:nowrap}.ranking-panel{min-height:330px}.trophy-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff6e7;color:#d69a38}.ranking-list{margin-top:22px}.ranking-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f0f3f2}.rank-number{font-size:8px;color:#adb7b3;width:14px}.ball{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f3f7f5;border:1px solid #e8efeb;color:#2a715a;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.rank-info{flex:1;min-width:0}.rank-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#75827d;margin-bottom:6px}.rank-top strong{font-size:9px;color:#3c5149}.rank-top small{font-weight:400;color:#9aa5a1}.rank-track{height:3px;background:#eff3f1;border-radius:4px}.rank-track i{height:100%;display:block;background:#77bca0;border-radius:4px}.panel-bottom-note{display:flex;gap:7px;color:#9aa6a1;font-size:8px;line-height:1.45;margin-top:15px}.panel-bottom-note svg{flex-shrink:0}.tools-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:14px;margin-bottom:14px}.suggestion-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f1f7f4;border-color:#e2ede7;min-height:140px}.suggestion-content{display:flex;align-items:flex-start;gap:13px}.sparkle-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#deefe7;color:#258164;flex-shrink:0}.suggestion-text h2{font-size:14px;margin-top:6px}.suggestion-text p{max-width:330px;font-size:9px;color:#8c9993;line-height:1.6;margin:0}.suggestion-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.suggestion-placeholder{display:flex;align-items:center;gap:6px;color:#c1cec8;font-family:Manrope,sans-serif;font-weight:700;font-size:12px}.suggestion-placeholder i{height:2px;width:7px;background:#d1ddd7}.suggested-balls{display:flex;gap:6px}.suggested-balls .ball{background:#fff}.button-dark{background:#254a3d;color:#fff;border:1px solid #254a3d;padding:9px 12px;font-size:9px}.button-dark:hover{background:#183d31}.odds-card{min-height:140px;padding:16px 18px}.odds-head{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:700;letter-spacing:.12em;color:#8e9b95}.odds-head .metric-icon{width:26px;height:26px}.odds-card>strong{display:block;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.04em;margin:8px 0 4px}.odds-card>p{font-size:9px;line-height:1.5;color:#8a9791;margin:0 0 8px}.odds-card>a{font-size:9px;color:#277d63;display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-weight:600}.history-panel{padding:18px 0 0;overflow:hidden}.history-heading{padding:0 19px 15px;align-items:flex-end}.history-actions{display:flex;gap:8px;align-items:center}.search-box{height:31px;border:1px solid #e7edeb;border-radius:6px;display:flex;align-items:center;gap:7px;color:#9ba7a2;padding:0 9px}.search-box input{border:0;outline:0;width:140px;font-size:9px;color:#41534c}.small{font-size:9px;padding:8px 10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th{text-align:left;padding:10px 15px;background:#f8faf9;font-size:8px;letter-spacing:.1em;color:#9aa59f;font-weight:700;border-top:1px solid #f0f3f2;border-bottom:1px solid #edf1ef}td{padding:12px 15px;border-bottom:1px solid #f1f4f2;font-size:10px;color:#687770;white-space:nowrap}.draw-id{font-family:Manrope,sans-serif;font-weight:700;color:#2f5446}.number-pills{display:flex;gap:4px}.number-pills span{width:25px;height:24px;display:grid;place-items:center;border-radius:6px;background:#f0f6f3;color:#3a7a62;font-size:8px;font-weight:600}.source-chip{display:inline-flex;align-items:center;gap:4px;color:#718a7e;background:#f0f7f3;border-radius:20px;padding:4px 7px;font-size:8px}.source-chip svg{color:#51a17b}.row-link{color:#9eaaa5;display:grid;place-items:center}.row-link:hover{color:#287d63}.empty-state{text-align:center!important;padding:31px 10px!important;color:#99a49f!important}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:#52635b;font-size:11px;margin:8px 0 4px}.empty-state span{font-size:9px}.empty-icon{width:36px;height:36px;border-radius:50%;background:#f1f6f3;color:#85a697;display:grid;place-items:center;margin:auto}.empty-state .text-button{margin:8px auto 0}.table-footer{display:flex;justify-content:space-between;padding:10px 18px;color:#a0aaa6;font-size:8px}.disclaimer{display:flex;align-items:center;gap:7px;margin:15px 2px 0;color:#98a39e;font-size:9px}.disclaimer svg{flex-shrink:0}.disclaimer a{margin-left:auto;display:flex;align-items:center;gap:3px;text-decoration:none;color:#788b82;white-space:nowrap}.notice{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:7px;margin:-12px 0 15px;font-size:10px}.notice button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.notice-error{background:#fff0ed;color:#a94c3f;border:1px solid #f6ddd7}.notice-success{background:#eaf6ef;color:#337454;border:1px solid #d8eddf}@media(max-width:1100px){.sidebar{width:205px}.main-area{margin-left:205px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.metric-card{padding:14px}.metric-value{font-size:22px}.analysis-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}}@media(max-width:850px){.sidebar{width:66px;padding:18px 8px}.brand{padding:0;margin:0 auto 36px}.brand>div:last-child,.side-label,.nav-item:not(.active),.nav-item.active{font-size:0}.nav-item{justify-content:center;padding:12px 8px}.nav-item svg{width:19px;height:19px}.nav-item.active{margin-bottom:8px}.source-link{font-size:0;justify-content:center;margin:18px 0}.source-link svg{width:18px;height:18px}.sidebar-bottom{padding:14px 0}.connection{justify-content:center;font-size:0}.sidebar-bottom p{display:none}.main-area{margin-left:66px}.analysis-grid,.tools-grid{grid-template-columns:1fr}.ranking-panel{min-height:unset}.ranking-list{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.panel-bottom-note{margin-top:11px}}@media(max-width:600px){.topbar{height:54px;padding:0 15px}.live-label{display:none}.content{padding:25px 14px 18px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:17px}h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions{width:100%}.heading-actions .button{flex:1}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:105px;padding:12px}.metric-top{font-size:9px}.metric-icon{height:27px;width:27px}.metric-value{font-size:21px;margin-top:8px}.metric-foot{font-size:8px}.metric-range{font-size:10px;margin-top:14px}.panel{padding:15px}.frequency-panel{min-height:unset}.panel-heading{flex-wrap:wrap}.panel-heading h2{font-size:15px}.select-wrap{margin-left:auto}.frequency-chart{height:115px;gap:1px}.bar-track{height:92px}.bar-column{font-size:5px}.chart-summary,.suggestion-card{align-items:flex-start;flex-direction:column}.suggestion-right{width:100%;align-items:flex-start;flex-direction:row;justify-content:space-between}.suggestion-placeholder{gap:3px;font-size:10px}.suggestion-placeholder i{width:4px}.history-heading{align-items:flex-start;flex-direction:column}.history-actions{width:100%}.search-box{flex:1}.search-box input{width:100%;min-width:0}.table-footer{font-size:7px}.disclaimer{align-items:flex-start;flex-wrap:wrap;line-height:1.4}.disclaimer a{margin-left:22px}.ranking-list{column-gap:9px}.number-pills span{width:23px;height:22px}.table-wrap table{min-width:720px}}@media(max-width:600px){.sidebar{inset:auto 0 0;width:100%;height:66px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));flex-direction:row;align-items:stretch;justify-content:space-around;border-right:0;border-top:1px solid var(--line);box-shadow:0 -5px 20px #193d3010}.brand,.side-label,.side-rule,.source-link,.sidebar-bottom{display:none}.sidebar .nav-item,.sidebar .nav-item:not(.active),.sidebar .nav-item.active{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:3px;margin:0;padding:5px 2px;border-radius:8px;font-size:9px;line-height:1.1;white-space:nowrap}.sidebar .nav-item svg{width:18px;height:18px;flex:none}.main-area{margin-left:0;padding-bottom:env(safe-area-inset-bottom)}.content{padding:22px 13px calc(83px + env(safe-area-inset-bottom))}.topbar{padding:0 13px}.crumb{font-size:10px}.page-heading{gap:13px}h1{font-size:24px}.heading-actions{gap:7px}.heading-actions .button{min-height:43px;padding:8px 6px;gap:5px;font-size:10px}.stats-grid{gap:8px}.metric-card{min-width:0;padding:11px 10px}.metric-top{gap:5px;font-size:8px}.metric-top>span:first-child{line-height:1.25}.metric-value{font-size:20px}.metric-range{white-space:normal;overflow-wrap:anywhere;line-height:1.25;min-height:25px;font-size:9px}.ranking-list{grid-template-columns:1fr;column-gap:0;margin-top:13px}.chart-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.frequency-chart{width:640px;min-width:640px}.bar-column{font-size:7px}.chart-summary>span{line-height:1.45}.suggestion-card{gap:12px}.suggestion-content{gap:10px}.suggestion-right{align-items:center;gap:8px}.suggestion-placeholder{font-size:9px;gap:3px}.suggestion-placeholder i{width:3px}.suggestion-right .button{min-height:40px;padding:8px 9px;font-size:9px}.pairs-panel .panel-heading{align-items:flex-start}.history-heading{gap:12px}.history-actions{gap:6px}.history-actions .button{min-height:40px}.table-footer{gap:7px;line-height:1.35}.table-footer span:last-child{display:none}.table-wrap{overscroll-behavior-inline:contain}.disclaimer{font-size:9px}}@media(max-width:370px){.content{padding-left:10px;padding-right:10px}.panel{padding:13px}.metric-card{padding:9px 8px}.sidebar .nav-item,.sidebar .nav-item:not(.active),.sidebar .nav-item.active{font-size:8px}.heading-actions .button{font-size:9px}.suggestion-placeholder{font-size:8px}}.chart-scroll-hint{display:none}@media(max-width:600px){html,body,#root{width:100%;max-width:100%;overflow-x:clip}.app-shell,.main-area,.content,.analysis-grid,.tools-grid,.stats-grid,.panel{min-width:0}.analysis-grid,.tools-grid{grid-template-columns:minmax(0,1fr)}.chart-scroll{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;touch-action:pan-x;scrollbar-width:thin}.frequency-chart{width:1200px;min-width:1200px;grid-template-columns:repeat(100,minmax(8px,1fr));gap:3px}.bar-column{font-size:9px}.chart-scroll-hint{display:inline}}.pairs-panel{margin:0 0 14px;padding:18px 19px 13px}.pairs-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:17px}.pair-row{display:flex;align-items:center;gap:8px;padding:10px 9px;border:1px solid #edf1ef;border-radius:8px;min-width:0}.pair-balls{display:flex;align-items:center;gap:4px}.pair-balls .ball{width:26px;height:26px;font-size:9px}.pair-join{font-size:9px;color:#a8b3ad}.pair-count{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.pair-count strong{font-family:Manrope,sans-serif;font-size:12px;color:#405e50}.pair-count span{font-size:7px;color:#9aa7a0}.pairs-empty{padding:17px 0 5px;font-size:10px;color:#9aa7a0}.pairs-panel .panel-bottom-note{margin-top:12px}.pair-combination-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #edf1ef}.pair-combination-tools>span{font-size:9px;line-height:1.45;color:#8d9a94}.pair-combination-tools .button:disabled{opacity:.5;cursor:not-allowed}.pair-suggestions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:11px}.pair-suggestion{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;padding:8px;border:1px solid #eaf0ed;border-radius:8px;background:#fbfdfc;min-width:0}.suggestion-index{font-size:8px;color:#9aa7a0;font-weight:700}.suggestion-numbers{display:flex;justify-content:space-between;gap:3px;min-width:0}.suggestion-numbers .ball{width:25px;height:25px;flex:none;font-size:9px;background:#fff}.pair-suggestion small{grid-column:2;font-size:7px;color:#899790;line-height:1.3}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.pairs-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.pairs-panel{padding:15px}.pairs-list{grid-template-columns:1fr 1fr;gap:7px}.pair-row{padding:8px 6px;gap:5px}.pair-balls{gap:2px}.pair-balls .ball{width:23px;height:23px;font-size:8px}.pair-count strong{font-size:11px}.heading-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.pair-combination-tools{align-items:flex-start;flex-direction:column;gap:8px}.pair-suggestions{grid-template-columns:1fr}.pair-suggestion{padding:7px 9px}.suggestion-numbers{justify-content:flex-start;gap:5px}.suggestion-numbers .ball{width:27px;height:27px}}