:root{font-family:Inter,"Microsoft JhengHei",sans-serif;color:#202727;background:#f5f7f6;font-size:15px;letter-spacing:0}*{box-sizing:border-box}body{margin:0}header{height:78px;background:white;border-bottom:1px solid #dce3df;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;color:#202727}.brand>span:last-child{font-weight:400;color:#62706b}.mark{display:flex;gap:3px}.mark i{width:12px;height:12px;border-radius:50%;background:#d83b4b}.mark i:nth-child(2){background:#2b73c8}.mark i:nth-child(3){background:#249762}.official{font-size:12px;color:#65736d}main{max-width:1180px;margin:auto;padding:38px 24px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;color:#588070;letter-spacing:0}h1{font-size:34px;line-height:1.45;margin:10px 0}p{line-height:1.7}.title p:last-child,.muted{color:#6b7772}canvas{width:360px;max-width:40%;height:auto}.toolbar{display:flex;align-items:center;gap:24px;border-top:1px solid #dce3df;padding:18px 0}.toolbar>span{margin-left:auto;color:#66756e;font-size:12px}select{border:1px solid #cbd6ce;background:white;padding:8px;border-radius:4px;font:inherit}label{display:inline-flex;align-items:center;gap:8px}input[type=checkbox]{accent-color:#23805a;width:16px;height:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0;border-top:1px solid #dce3df;border-bottom:1px solid #dce3df}.metrics article{border-right:1px solid #dce3df;padding-right:15px}.metrics article:last-child{border:0}.metrics p{margin:0 0 8px;color:#68766e;font-size:13px}.metrics strong{display:block;font-size:32px;font-weight:600}.metrics article:first-child strong{color:#21825b}small{display:block;color:#738077;font-size:12px;line-height:1.7;margin-top:8px}.insight{border-left:3px solid #278563;padding:10px 18px;background:#e9f2ed;font-size:14px;margin:24px 0 36px}.analysis{display:grid;grid-template-columns:1.1fr 1fr;gap:44px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.sectionhead span,.sectionhead label{font-size:12px;color:#738077}h2{font-size:19px;margin:0}.pattern{display:grid;grid-template-columns:72px 1fr 62px;align-items:center;gap:14px;margin:18px 0}.bar{display:flex;height:17px;border-radius:3px;overflow:hidden;background:#eee}.bar i:nth-child(1){background:#d83b4b}.bar i:nth-child(2){background:#2b73c8}.bar i:nth-child(3){background:#249762}.pattern>span{font-size:12px;color:#62706b}.generator{border-left:1px solid #dce3df;padding-left:36px}.counts{display:flex;gap:20px}.counts input{width:48px;border:1px solid #cbd6ce;border-radius:4px;padding:8px;font:inherit;background:white}.red{color:#cb3042}.blue{color:#226ab8}.green{color:#198557}.balls{display:flex;align-items:center;gap:9px;min-height:76px}.ball{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;color:white;font-weight:700;flex-shrink:0;box-shadow:inset 0 -3px 0 #0002}.ball.red{background:#d83b4b}.ball.blue{background:#2b73c8}.ball.green{background:#249762}button{cursor:pointer;border:1px solid #cbd6ce;border-radius:4px;background:white;padding:10px 16px;font:inherit;color:#253c30}#generate{width:100%;background:#247853;color:white;border-color:#247853;display:flex;justify-content:space-between}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){filter:brightness(.95)}#pickError,#error{color:#b02736}.history{margin-top:42px;border-top:1px solid #dce3df;padding-top:26px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-weight:500;color:#6b7970;font-size:12px;padding:12px 8px;background:#edf1ee}td{border-bottom:1px solid #e1e7e3;padding:14px 8px;white-space:nowrap;font-size:13px}td small{margin:0}.tablewrap .ball{width:31px;height:31px;font-size:12px;margin-right:5px}.yes{color:#207753}.no{color:#ba3242}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:16px 0;font-size:12px}footer{border-top:1px solid #dce3df;margin-top:24px;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#728077}footer a{color:#2c7655}footer p{margin:8px 0}@media(max-width:760px){header{height:65px;padding:0 18px}.brand{font-size:16px;gap:6px}.official{display:none}main{padding:22px 18px}.title{margin-bottom:20px}h1{font-size:27px}canvas{display:none}.toolbar{gap:14px;flex-wrap:wrap}.toolbar>span{width:100%;margin:0}.metrics{grid-template-columns:repeat(2,1fr);gap:22px}.metrics article:nth-child(2){border:0}.metrics strong{font-size:28px}.analysis{grid-template-columns:1fr;gap:30px}.generator{border-left:0;border-top:1px solid #dce3df;padding:24px 0 0}footer{flex-direction:column;gap:8px}.sectionhead{align-items:flex-start}.history .sectionhead{flex-wrap:wrap}.balls{gap:8px}}