:root{--bg:#0c1324;--panel:#131d32;--panel2:#18243b;--line:#2a3650;--text:#f4f2f4;--muted:#a8b1c4;--gold:#e9c781;--gold2:#c99d56;--violet:#998dd9;--green:#91d6b5;--red:#f0a6aa;--radius:20px;font-family:"DM Sans",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;padding-bottom:78px;background:radial-gradient(circle at 74% 4%,#18213a 0,transparent 38%),var(--bg);line-height:1.5}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.metric strong{font-family:"Outfit",sans-serif}h2{font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:13px}h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.02em}.shell{width:min(1180px,calc(100% - 56px));margin-inline:auto}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.22}.ambient-one{width:280px;height:280px;top:160px;right:10%;background:#9279c2}.ambient-two{width:240px;height:240px;top:1000px;left:-180px;background:#a4763e}.site-header{height:88px;border-bottom:1px solid #ffffff17;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(28px,calc((100vw - 1180px)/2));position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.48rem;letter-spacing:-.045em;font-weight:700;white-space:nowrap}.brand-mark{color:var(--gold);font-size:2.1rem;line-height:1}.brand-dot{color:var(--gold)}.site-header nav{display:flex;gap:35px;color:#c7cbd6;font-size:.9rem}.site-header nav a:hover,.text-link:hover,.source-card a:hover{color:var(--gold)}.header-note,.eyebrow,.kicker,.control-label,.tiny-label,.metric>span{font-size:.7rem;font-weight:700;letter-spacing:.16em}.header-note{color:var(--gold);white-space:nowrap}.live-dot,.status-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:8px;box-shadow:0 0 12px var(--green)}.hero{padding-top:92px;padding-bottom:82px;position:relative}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--gold)}.eyebrow-line{width:28px;height:1px;background:var(--gold)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:25px}.hero h1{font-size:clamp(3.4rem,6.4vw,6rem);line-height:1.02;letter-spacing:-.06em;font-weight:600;margin:25px 0 25px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy{font-size:1.13rem;max-width:620px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:11px;padding:14px 22px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#192136;box-shadow:0 10px 28px #e9c78120}.button-primary:hover{background:#f5d898;box-shadow:0 14px 30px #e9c78136}.button-secondary{background:#28344b;color:var(--text);border:1px solid #536078}.button-secondary:hover{background:#34425d}.text-link{font-size:.92rem;font-weight:700;color:#eceff4}.text-link span{margin-left:7px}.hero-meta{display:flex;align-items:center;gap:22px;margin-top:54px;font-size:.78rem;color:var(--muted)}.hero-meta strong{color:var(--text)}.meta-separator{height:16px;width:1px;background:#69708566}.hero-orbit{height:365px;width:365px;position:relative;margin:auto}.orbit{position:absolute;border:1px solid #c5b8de38;border-radius:50%;inset:27px}.ring-two{inset:74px;border-color:#e9c7814f}.orbit:after{content:"";position:absolute;width:5px;height:5px;background:var(--gold);border-radius:50%;left:15%;top:14%;box-shadow:0 0 16px var(--gold)}.orbit-center{position:absolute;inset:118px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#d9bb7b,#8b6c9c);color:#fff;font-family:"Outfit";font-size:5rem;box-shadow:0 0 60px #c2a5c354}.orbit-ball{position:absolute;display:grid;place-items:center;border-radius:50%;font-family:"Outfit";font-weight:700;background:#283651;border:1px solid #7890ae55;color:#fff;box-shadow:0 15px 30px #05091488}.ball-a{width:65px;height:65px;top:27px;right:49px;font-size:1.4rem}.ball-b{width:56px;height:56px;bottom:57px;left:20px;font-size:1.15rem}.ball-c{width:46px;height:46px;bottom:22px;right:72px;font-size:1rem}.orbit-star{position:absolute;color:var(--gold);text-shadow:0 0 19px var(--gold)}.star-a{left:48px;top:60px}.star-b{right:12px;bottom:122px;font-size:1.6rem}.workspace,.history-section,.data-section{padding-top:75px;padding-bottom:80px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:31px}.section-head p:not(.kicker){color:var(--muted);max-width:630px;margin-bottom:0}.kicker{color:var(--gold);margin-bottom:14px}.section-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #e9c7816b;border-radius:50%;color:var(--gold);font-size:2rem}.control-panel{background:linear-gradient(120deg,#19243a,#151e32);border:1px solid #3a4861;border-radius:var(--radius);padding:25px;display:flex;align-items:end;gap:24px;box-shadow:0 15px 35px #03060e35}.control-group{display:flex;flex-direction:column;gap:10px}.control-label{color:#9fa9be}.segmented{padding:4px;background:#0d1629;border:1px solid #293750;border-radius:10px;display:flex}.segmented button{background:transparent;color:#aeb9cc;border:0;border-radius:8px;padding:11px 18px;font-size:.88rem;font-weight:700;white-space:nowrap}.segmented button.active{background:#374861;color:#fff;box-shadow:0 2px 7px #0005}select{background:#0e1729;color:#e9edf5;border:1px solid #35455d;border-radius:9px;padding:11px 36px 11px 13px;min-height:45px}.generate-button{margin-left:auto;min-height:45px;white-space:nowrap}.data-status{display:flex;align-items:center;gap:9px;margin:18px 0 20px;font-size:.82rem;color:var(--muted)}.data-status .status-pulse{margin:0;width:6px;height:6px}.grids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.empty-grids{grid-column:1/-1;text-align:center;border:1px dashed #59657c;border-radius:var(--radius);padding:66px 20px;background:#ffffff05}.empty-grids h3{margin-bottom:8px}.empty-grids p{color:var(--muted);margin:0}.empty-symbol{font-size:2.8rem;color:var(--gold);line-height:1;margin-bottom:20px}.grid-card{padding:23px 24px;border-radius:18px;border:1px solid #3a4660;background:linear-gradient(150deg,#1b2740,#141e33);position:relative;overflow:hidden}.grid-card.mixed{border-color:#b69664;background:linear-gradient(140deg,#332f3c,#1e2941)}.grid-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-110px;background:#9383c42a;border-radius:50%;filter:blur(18px)}.grid-card.mixed:before{background:#e9c78140}.grid-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.grid-method{display:flex;align-items:center;gap:10px}.method-symbol{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#9c8bd526;color:#c9bffc;font-weight:800}.mixed .method-symbol{background:#e9c78124;color:var(--gold)}.grid-method h3{font-size:1.17rem;margin:0}.grid-index{font-size:.7rem;color:#99a6bb;letter-spacing:.1em}.grid-description{font-size:.82rem;color:var(--muted);min-height:33px;margin:15px 0}.ball-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.number-ball,.bonus-ball{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;font-family:"Outfit";font-weight:700;font-size:1.17rem}.number-ball{background:#f0f0ed;color:#1c2940}.bonus-ball{background:var(--gold);color:#2b2b33}.ball-divider{height:26px;width:1px;background:#8791a477;margin:0 7px}.grid-foot{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px;border-top:1px solid #ffffff1a;padding-top:15px}.tag{padding:5px 9px;border-radius:6px;background:#ffffff0d;color:#abb7ca;font-size:.72rem}.tag.hot{color:#efb0a1}.tag.cold{color:#b9afe5}.tag.delay{color:var(--green)}.grid-note{font-size:.78rem;color:#8491a6;margin:17px 0 0}.analysis-section{background:linear-gradient(180deg,#101a2e,#0e1729);border-block:1px solid #ffffff0e;padding:82px 0}.outline-pill{border:1px solid #5b6983;color:#d3d9e7;border-radius:30px;padding:8px 15px;font-size:.75rem;white-space:nowrap}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric{background:#19243a;border:1px solid #34425c;border-radius:15px;padding:20px;display:flex;flex-direction:column;min-height:128px}.metric>span{color:var(--muted);font-size:.64rem}.metric strong{font-size:2rem;line-height:1.15;margin:13px 0 4px}.metric small{font-size:.76rem;color:#aeb8cc}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.chart-card,.table-card{background:#18243a;border:1px solid #34425c;border-radius:17px;padding:25px}.card-top,.table-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.card-top h3,.table-heading h3{margin:8px 0 0}.tiny-label{color:var(--gold);font-size:.64rem}.chart-period{font-size:.69rem;color:#aeb8cc;border:1px solid #43536e;border-radius:20px;padding:5px 10px;white-space:nowrap}.chart-wrap{height:270px;margin-top:18px;position:relative}.table-card{margin-top:17px}.table-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-tools label{font-size:.72rem;color:var(--muted)}.table-tools select{font-size:.75rem;min-height:35px;padding:6px 28px 6px 10px}.table-scroll{overflow-x:auto;margin-top:22px;max-height:485px;overflow-y:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.79rem}th{text-align:left;color:#9aa8bf;font-size:.66rem;letter-spacing:.09em;padding:10px 11px;border-bottom:1px solid #43516a;position:sticky;top:0;background:#18243a}td{padding:10px 11px;border-bottom:1px solid #ffffff0d;color:#d7deeb}tbody tr:hover{background:#ffffff08}.table-number{display:inline-grid;place-items:center;width:26px;height:26px;background:#34445d;border-radius:50%;font-family:"Outfit";font-weight:700}.frequency-bar{width:85px;height:5px;background:#364258;border-radius:20px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:8px}.frequency-bar i{height:100%;display:block;background:var(--gold);border-radius:20px}.overdue-cell{color:var(--green);font-weight:700}.table-footnote{font-size:.72rem;color:#8996ac;margin:15px 0 0}.history-list{display:grid;gap:10px}.history-empty{padding:35px;border:1px dashed #506079;border-radius:16px;color:var(--muted);text-align:center}.history-row{display:flex;align-items:center;gap:18px;background:#18243a;border:1px solid #34425c;border-radius:13px;padding:14px 18px}.history-name{min-width:132px}.history-name strong{display:block;font-family:"Outfit";font-size:1rem}.history-name small{display:block;color:var(--muted);font-size:.7rem}.history-balls{display:flex;gap:4px;align-items:center;flex-wrap:wrap;flex:1}.history-balls span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e8ebeb;color:#19243a;font-family:"Outfit";font-size:.72rem;font-weight:700}.history-balls span.bonus-small{background:var(--gold)}.history-balls i{height:18px;width:1px;background:#69778e;margin:0 4px}.history-result{font-size:.73rem;color:var(--muted);text-align:right;min-width:135px}.history-result strong{display:block;color:var(--green);font-size:.86rem}.data-section{padding-bottom:100px}.import-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:17px}.import-card,.source-card{border:1px solid #3d4a63;border-radius:18px;background:#172238;padding:29px}.import-icon{width:43px;height:43px;border-radius:11px;background:#d6bd7a22;color:var(--gold);display:grid;place-items:center;font-size:1.7rem;margin-bottom:20px}.import-card h3,.source-card h3{margin:0 0 11px}.import-card p,.source-card p{color:var(--muted);font-size:.86rem;line-height:1.65}.file-button{margin-top:10px;cursor:pointer}#file-input{position:absolute;opacity:0;width:1px;height:1px}.import-message{margin:14px 0 0!important;color:var(--green)!important;min-height:1.4em}.source-card a{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;padding:11px 0;font-size:.83rem;color:#e7e8ef}.source-card a span{color:var(--gold)}.subtle-button{background:none;border:0;color:var(--gold);padding:13px 0 0;font-size:.82rem;font-weight:700}.subtle-button:hover{text-decoration:underline}.site-footer{border-top:1px solid #ffffff18;padding-top:28px;padding-bottom:45px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8d9ab0;font-size:.74rem}.footer-brand{font-size:1.1rem;color:#fff}.footer-brand .brand-mark{font-size:1.6rem}.site-footer p{margin:0}.disclaimer{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#e8cf96;color:#293041;min-height:68px;padding:12px max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:16px;font-size:.78rem;box-shadow:0 -8px 24px #0003}.disclaimer strong{white-space:nowrap;font-size:.82rem}.disclaimer span{line-height:1.35}
.chart-wrap canvas{width:100%!important;height:100%!important}
@media(max-width:1040px){.header-note{display:none}.hero-layout{grid-template-columns:minmax(0,1fr) 300px}.hero-orbit{transform:scale(.85);transform-origin:center}.control-panel{flex-wrap:wrap}.generate-button{margin-left:0}.metric-row{grid-template-columns:repeat(2,1fr)}.site-footer{flex-wrap:wrap}}
@media(max-width:760px){body{padding-bottom:125px}.shell{width:min(100% - 32px,1180px)}.site-header{height:70px;padding:0 16px}.site-header nav{gap:13px;font-size:.72rem}.site-header nav a:nth-child(2),.site-header nav a:nth-child(4){display:none}.brand{font-size:1.24rem}.brand-mark{font-size:1.7rem}.hero{padding-top:56px;padding-bottom:45px}.hero-layout{display:block}.hero h1{font-size:clamp(2.9rem,12vw,4.7rem)}.hero-orbit{display:none}.hero-copy{font-size:1rem}.hero-meta{gap:12px;flex-wrap:wrap;margin-top:40px}.workspace,.history-section,.data-section{padding-block:55px}.analysis-section{padding-block:58px}.section-head{display:block}.section-icon,.outline-pill{display:none}.control-panel{display:grid;padding:18px}.control-group,.generate-button{width:100%}.segmented button{flex:1}.grids,.chart-grid,.import-layout{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.metric{min-height:112px}.metric strong{font-size:1.7rem}.table-heading{display:block}.table-tools{margin-top:16px}.history-row{flex-wrap:wrap}.history-name{min-width:100px}.history-result{min-width:100%;text-align:left}.site-footer{display:block}.site-footer p{margin:12px 0}.disclaimer{display:block;padding:9px 16px;font-size:.67rem}.disclaimer strong{display:block;margin-bottom:3px}}
@media(max-width:420px){.hero-actions{display:block}.text-link{display:block;margin-top:19px}.number-ball,.bonus-ball{width:40px;height:40px;font-size:1rem}.ball-row{gap:5px}.grid-card{padding:20px}.metric{padding:15px}.metric strong{font-size:1.46rem}.control-panel{gap:14px}.disclaimer{font-size:.61rem}}
