:root{--bg:oklch(98% .005 250);--surface:oklch(100% 0 0);--fg:oklch(22% .02 240);--muted:oklch(50% .018 240);--border:oklch(90% .008 240);--accent:oklch(55% .16 145);--font-display:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--ball-1:#ff6b6b;--ball-2:#e98f35;--ball-3:#b8b814;--ball-4:#66c5b3;--ball-5:#6ba3ff;--warn:oklch(72% .16 70);--danger:oklch(55% .2 28);--accent-soft:color-mix(in oklch, var(--accent) 12%, var(--surface));--muted-soft:color-mix(in oklch, var(--muted) 10%, var(--surface));--radius:10px;--container:1360px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}h1{letter-spacing:-.025em;font-size:clamp(34px,4.4vw,64px);line-height:1.03}h2{letter-spacing:-.015em;font-size:clamp(24px,2.1vw,34px);line-height:1.15}h3{font-size:18px;line-height:1.25}p{text-wrap:pretty}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.topbar{z-index:20;background:color-mix(in oklch, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{max-width:var(--container);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:14px 24px;display:flex}.brand{align-items:center;gap:10px;min-width:max-content;display:flex}.brand-mark{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--accent);place-items:center;font-weight:800;display:grid}.brand-text{font-weight:760}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button:hover{border-color:color-mix(in oklch, var(--fg) 38%, var(--border));background:var(--accent-soft)}.account-button{color:var(--fg);text-decoration:none}.account-button-with-name{border-radius:999px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:40px;padding:0 12px;display:inline-flex}.account-nickname{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:14px;font-weight:760;line-height:1;overflow:hidden}.account-icon{width:18px;height:18px;display:block;position:relative}.account-icon:before,.account-icon:after{content:"";border:2px solid var(--fg);position:absolute;left:50%;transform:translate(-50%)}.account-icon:before{border-radius:50%;width:8px;height:8px;top:0}.account-icon:after{border-bottom:0;border-radius:999px 999px 4px 4px;width:16px;height:9px;bottom:0}.account-menu-wrap{position:relative}.account-menu{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(360px,100vw - 32px);box-shadow:0 18px 40px color-mix(in oklch, var(--fg) 14%, transparent);gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.account-menu-section{gap:10px;display:grid}.account-menu-actions{flex-wrap:wrap;gap:8px;display:flex}.container{max-width:var(--container);margin:0 auto;padding:24px 24px 56px}.notification{border:1px solid color-mix(in oklch, var(--danger) 35%, var(--border));background:color-mix(in oklch, var(--danger) 10%, var(--surface));border-radius:var(--radius);color:var(--fg);justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;font-size:14px;display:flex}.notification-success{border-color:color-mix(in oklch, var(--accent) 50%, var(--border));background:color-mix(in oklch, var(--accent) 12%, var(--surface))}.notification-close{color:var(--fg);background:0 0;border:0;padding:2px 4px;font-size:20px;line-height:1}.notification-close:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 70%, var(--fg));outline-offset:3px}.latest{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;margin-bottom:24px;display:grid}.latest-main,.panel,.action-card,.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.latest-main{align-content:space-between;gap:20px;min-height:300px;padding:clamp(20px,2.4vw,32px);display:grid;overflow:hidden}.eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px}.meta-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:var(--surface);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.pill.good{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 24%, var(--border))}.pill.warn{color:color-mix(in oklch, var(--warn) 65%, var(--fg));background:color-mix(in oklch, var(--warn) 12%, var(--surface))}.draw-ticket{border:1px dashed color-mix(in oklch, var(--muted) 32%, var(--border));border-radius:var(--radius);background:linear-gradient(90deg, color-mix(in oklch, var(--accent) 8%, transparent), transparent 38%), var(--muted-soft);padding:clamp(16px,1.8vw,22px);overflow:hidden;container-type:inline-size}.ball-row{--ball-size:clamp(24px, 9.6cqw, 48px);--ball-font-size:clamp(12px, calc(var(--ball-size) * .38), 18px);--ball-gap:clamp(3px, 1.4cqw, 8px);gap:var(--ball-gap);flex-wrap:nowrap;align-items:center;min-width:0;display:flex;container-type:inline-size}.draw-ticket .ball-row{--ball-size:clamp(26px, 9.4cqw, 58px);--ball-font-size:clamp(12px, calc(var(--ball-size) * .38), 20px);--ball-gap:clamp(3px, 1.1cqw, 8px);gap:var(--ball-gap)}.ball{width:var(--ball-size);height:var(--ball-size);box-sizing:border-box;color:var(--surface);font-weight:760;font-size:var(--ball-font-size);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border:1px solid color-mix(in oklch, var(--fg) 10%, transparent);border-radius:50%;flex:none;place-items:center;display:inline-grid}.ball.sm{--ball-size:clamp(20px, 13cqw, 28px);--ball-font-size:clamp(9px, calc(var(--ball-size) * .42), 12px)}.ball.b1{background:var(--ball-1)}.ball.b2{background:var(--ball-2)}.ball.b3{background:var(--ball-3)}.ball.b4{background:var(--ball-4)}.ball.b5{background:var(--ball-5)}.ball.matched{border:3px solid #ffd84a;box-shadow:0 0 0 2px oklch(89.1421% .158795 93.2186/.34)}.bonus-divider{width:1px;min-height:var(--ball-size);background:var(--border);flex:none;align-self:stretch;margin:0 2px}.ticket-caption{color:var(--muted);justify-content:flex-end;align-items:center;gap:16px;margin-top:10px;font-size:13px;display:flex}.latest-side{align-content:stretch;gap:10px;min-width:0;display:grid}.action-card{align-content:start;gap:14px;min-height:145px;padding:18px;display:grid}.action-card p{color:var(--muted);margin-top:6px;font-size:13px}.pick-card{grid-template-rows:auto minmax(120px,1fr) auto auto;align-content:stretch;height:100%;min-height:300px;padding:clamp(20px,2.8cqw,26px);container-type:inline-size}.pick-card .recommendation-row{grid-template-columns:repeat(6,minmax(0,1fr));align-content:center;align-self:stretch;place-items:center;gap:clamp(4px,1.4cqw,8px);inline-size:100%;margin:6px 0;padding:clamp(10px,3.2cqw,18px) 0;display:grid}.pick-card .recommendation-row .ball{aspect-ratio:1;justify-self:center;width:min(100%,clamp(28px,11cqw,64px));height:auto;font-size:clamp(12px,3.6cqw,20px)}.pick-card .controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:0;display:grid}.section,.tab-shell{margin-top:24px}.tab-list{border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);scrollbar-width:none;border-bottom:0;gap:0;display:flex;overflow-x:auto}.tab-list::-webkit-scrollbar{display:none}.tab-button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;margin-bottom:0;padding:13px 18px 14px;font-weight:650}.tab-button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.tab-panel[hidden]{display:none}.tab-panel.active{display:block}.tab-panel>.panel{border-start-start-radius:0;border-start-end-radius:0}.history-scroll{--history-table-ball-size:36px;--history-table-ball-font-size:14px;--history-table-ball-gap:5px;max-height:min(58vh,620px);overflow:auto}.history-scroll thead th{z-index:1;position:sticky;top:0}.panel{padding:28px}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.panel-actions{align-items:center;gap:8px;display:flex}.subtle{color:var(--muted);font-size:14px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px}th{color:var(--muted);background:var(--muted-soft);font-weight:650}tr:last-child td{border-bottom:0}.history-compact-cell{white-space:nowrap;width:72px;padding-inline:10px}.history-date-cell{white-space:nowrap;width:112px;padding-inline:10px}.history-numbers-cell{width:calc((var(--history-table-ball-size) * 6) + (var(--history-table-ball-gap) * 5) + 32px)}.history-bonus-cell{width:calc(var(--history-table-ball-size) + 32px);white-space:nowrap}.mini-balls{--ball-size:clamp(20px, 13cqw, 28px);--ball-font-size:clamp(9px, calc(var(--ball-size) * .42), 12px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;place-items:center;gap:clamp(3px,1.6cqw,5px);min-width:0;display:grid;container-type:inline-size}.mini-balls .ball{width:min(100%, var(--ball-size));aspect-ratio:1;height:auto;font-size:min(var(--ball-font-size), clamp(6px, 8cqw, 12px))}.table-wrap .mini-balls{--ball-size:var(--history-table-ball-size,36px);--ball-font-size:var(--history-table-ball-font-size,14px);gap:var(--history-table-ball-gap,5px);flex-wrap:nowrap;width:max-content;min-width:max-content;display:flex}.table-wrap .mini-balls .ball{--ball-size:inherit;--ball-font-size:inherit;width:var(--ball-size);height:var(--ball-size);font-size:var(--ball-font-size)}.stats-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}#stats{--stats-ball-size:clamp(28px, 4vw, 34px);--stats-ball-font-size:clamp(12px, calc(var(--stats-ball-size) * .42), 14px);--stats-ball-gap:clamp(5px, 1.3cqw, 7px)}.stats-summary{gap:16px;display:grid}.stats-detail{background:color-mix(in oklch, var(--muted) 7%, var(--surface));margin-top:18px}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted-soft);padding:18px}.stat-card h3{margin-bottom:14px}.group-bars{gap:12px;display:grid}.group-row{grid-template-columns:62px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.group-label{font-family:var(--font-mono);color:var(--muted);font-size:12px}.frequency-track{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.frequency-fill{border-radius:inherit;background:var(--accent);height:100%;display:block}.width-92{width:92%}.width-94{width:94%}.width-96{width:96%}.width-97{width:97%}.width-100{width:100%}.highlight-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.highlight-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:12px;min-width:0;padding:16px;display:grid;container-type:inline-size}.highlight-card .ball-row{--ball-size:var(--stats-ball-size);--ball-font-size:var(--stats-ball-font-size);--ball-gap:var(--stats-ball-gap)}.number-count-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;display:grid}.count-tile{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 82%, var(--bg));border-radius:9px;justify-items:center;gap:5px;min-height:74px;padding:8px 6px;display:grid}.count-tile .ball{width:var(--stats-ball-size);height:var(--stats-ball-size);font-size:var(--stats-ball-font-size)}.count-tile small{color:var(--muted);font-family:var(--font-mono);font-size:11px}.combo-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0;display:grid}.combo-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:12px;min-width:0;padding:16px;display:grid;container-type:inline-size}.combo-card h3{margin-bottom:0}.combo-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.combo-card .mini-balls{--ball-size:var(--stats-ball-size);--ball-font-size:var(--stats-ball-font-size);gap:var(--stats-ball-gap);flex-wrap:nowrap;width:max-content;min-width:max-content;display:flex}.combo-card .mini-balls .ball{--ball-size:inherit;--ball-font-size:inherit;width:var(--ball-size);height:var(--ball-size);font-size:var(--ball-font-size);flex:none}.combo-empty{color:var(--muted);margin:0;padding-top:4px;font-size:13px}.stats-note{color:var(--muted);margin-top:18px;font-size:12px}.recommendation-row{margin:0 0 24px}.recommendation-row .ball{width:56px;height:56px;font-size:18px}.recommendation-row+.controls{margin-top:0}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-weight:650;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn-danger{border-color:color-mix(in oklch, var(--danger) 36%, var(--border));color:var(--danger);background:color-mix(in oklch, var(--danger) 7%, var(--surface))}.btn:disabled{cursor:wait;opacity:.68}.btn-primary:disabled{background:color-mix(in oklch, var(--muted) 18%, var(--surface));border-color:var(--border);color:var(--muted)}.btn:focus-visible,.tab-button:focus-visible,.icon-button:focus-visible,.brand:focus-visible,select.btn:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 70%, var(--fg));outline-offset:3px}.btn:hover{border-color:color-mix(in oklch, var(--fg) 40%, var(--border))}.btn-primary:hover{background:color-mix(in oklch, var(--accent) 88%, var(--fg))}.btn-danger:hover{border-color:color-mix(in oklch, var(--danger) 70%, var(--border));background:color-mix(in oklch, var(--danger) 12%, var(--surface))}.footer{max-width:var(--container);border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:24px;font-size:12px;display:flex}.footer-auth{display:none}.auth-page{background:#f5f5f5;place-items:center;min-height:100vh;padding:120px 24px 72px;display:grid}.auth-card{background:var(--surface);border:1px solid #e0e0e0;border-radius:8px;gap:0;width:min(100%,560px);padding:32px;display:grid;box-shadow:0 4px 16px #0000001f}.auth-card-head{gap:10px;margin-bottom:50px;display:grid}.auth-eyebrow{color:#5b7553;font-size:14px;font-weight:900}.auth-card h1{color:#2c3e50;letter-spacing:0;font-size:32px;line-height:1.3}.auth-card h2{font-size:28px}.auth-tabs{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;min-height:40px;padding:8px 10px;font-weight:700}.auth-tabs button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 0 color-mix(in oklch, var(--fg) 8%, transparent)}.mode-tabs{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted-soft);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:4px;display:grid}.mode-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;min-height:40px;padding:8px 10px;font-weight:700}.mode-tabs button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 0 color-mix(in oklch, var(--fg) 8%, transparent)}.auth-form{gap:16px;display:grid}.field-group{gap:8px;display:grid}.field-group>span{color:#2c3e50;font-size:15px;font-weight:700}.field-group input{background:var(--surface);color:#2c3e50;border:1px solid #e0e0e0;border-radius:8px;width:100%;min-height:50px;padding:13px 14px}.field-group input:focus-visible,.auth-tabs button:focus-visible,.mode-tabs button:focus-visible,.auth-mode-switch button:focus-visible{border-color:#5b7553;outline:none;box-shadow:0 0 0 3px #5b755329}.field-group small{color:#7f8c8d;font-size:13px;line-height:1.45}.auth-message{color:#b00020;background:0 0;border:0;border-radius:0;min-height:22px;padding:0;font-size:15px;line-height:1.6}.auth-card .btn-primary{color:#fff;background:#5b7553;border:0;border-radius:8px;min-height:48px;margin-top:18px;font-weight:800}.auth-card .btn-primary:disabled{color:#fff;opacity:1;background:#80808059}.auth-card .btn-primary:hover{background:#4a5f44;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.auth-divider{color:#7f8c8d;align-items:center;gap:12px;margin:6px 0;font-size:14px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.google-button-slot{justify-content:center;width:100%;min-height:44px;display:flex}.google-button-slot>div{margin:0 auto}.google-button-slot iframe{display:block}.auth-mode-switch{color:#7f8c8d;justify-content:center;align-items:center;gap:4px;margin-top:8px;display:flex}.auth-mode-switch button{color:#5b7553;cursor:pointer;font:inherit;background:0 0;border:0;padding:6px 8px;font-weight:700}.agreement-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 0;display:grid}.agreement-row{color:#333;cursor:pointer;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:6px 8px;font-size:15px;display:grid}.agreement-row input{accent-color:#5b7553;justify-self:center;width:18px;height:18px}.agreement-row span{min-width:0}.agreement-row a{color:#5b7553;padding:6px 8px;font-weight:700;text-decoration:none}.agreement-row a:focus-visible{border-radius:6px;outline:none;box-shadow:0 0 0 3px #5b755329}.agreement-all{font-weight:700}.agreement-separator{background:#e0e0e0;height:1px;margin:0}.my-lotto{gap:18px;display:grid}.my-lotto-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lotto-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted-soft);gap:14px;padding:16px;display:grid}.lotto-number-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;display:grid}.lotto-number-option{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:42px;color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:999px;font-weight:760}.lotto-number-option:hover{border-color:color-mix(in oklch, var(--accent) 38%, var(--border))}.lotto-number-option[aria-pressed=true],.lotto-number-option.is-selected,input:checked+.lotto-number-option{background:var(--accent);border-color:var(--accent);color:var(--surface)}.lotto-number-option:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 70%, var(--fg));outline-offset:3px}.manual-lotto-field{gap:7px;display:grid}.manual-lotto-field>span{color:var(--muted);font-size:13px;font-weight:650}.manual-lotto-field textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:118px;color:var(--fg);font-family:var(--font-body);padding:12px;line-height:1.45}.manual-lotto-field textarea:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 70%, var(--fg));outline-offset:3px}.manual-lotto-field textarea[aria-invalid=true]{border-color:color-mix(in oklch, var(--danger) 50%, var(--border))}.manual-input-error{border:1px solid color-mix(in oklch, var(--danger) 30%, var(--border));border-radius:var(--radius);background:color-mix(in oklch, var(--danger) 10%, var(--surface));color:var(--danger);padding:10px 12px;font-size:13px}.manual-input-preview{gap:12px;display:grid}.manual-preview-count{color:var(--muted);font-size:13px;font-weight:700}.manual-preview-count.is-valid,.manual-set-head .is-valid{color:var(--accent)}.manual-set-list{gap:12px;display:grid}.manual-set{gap:6px;min-width:0;display:grid;container-type:inline-size}.manual-set-head{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;font-weight:700;display:flex}.manual-number-row{--ball-size:clamp(20px, 13cqw, 28px);--ball-font-size:clamp(9px, calc(var(--ball-size) * .42), 12px);flex-wrap:nowrap;align-items:center;gap:clamp(3px,1.6cqw,6px);min-width:0;display:flex;container-type:inline-size}.lotto-placeholder{width:var(--ball-size);height:var(--ball-size);background:color-mix(in oklch, var(--muted) 14%, var(--surface));color:var(--muted);font-weight:700;font-size:var(--ball-font-size);border-radius:8px;flex:none;place-items:center;display:inline-grid}.manual-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.my-lotto .lotto-record-list{gap:10px;display:grid}.my-lotto .lotto-record-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid;container-type:inline-size}@media (width>=561px){.my-lotto .lotto-record-card .mini-balls{--record-ball-size:clamp(30px, 4.5cqw, var(--history-table-ball-size,36px));--record-ball-font-size:clamp(12px, calc(var(--record-ball-size) * .4), var(--history-table-ball-font-size,14px));flex-wrap:nowrap;justify-self:end;gap:clamp(5px,.8cqw,6px);width:max-content;min-width:max-content;display:flex;container-type:normal}.my-lotto .lotto-record-card .mini-balls .ball{width:var(--record-ball-size);height:var(--record-ball-size);font-size:var(--record-ball-font-size);flex:none}}.my-lotto .lotto-record-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.my-lotto .result-badge{border:1px solid color-mix(in oklch, var(--accent) 24%, var(--border));background:var(--accent-soft);width:fit-content;color:var(--accent);border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.my-lotto .lotto-empty{border:1px dashed color-mix(in oklch, var(--muted) 32%, var(--border));border-radius:var(--radius);background:var(--muted-soft);color:var(--muted);text-align:center;padding:18px}.mypage{gap:24px;padding:clamp(20px,2.4vw,32px);display:grid}.mypage-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mypage h1{font-size:clamp(28px,4vw,42px)}.settings-list{gap:22px;display:grid}.settings-section{border-top:1px solid var(--border);gap:14px;padding-top:22px;display:grid}.settings-section:first-child{border-top:0;padding-top:0}.settings-section h2{font-size:20px}.setting-row{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.setting-row>span{color:var(--muted);font-size:14px;font-weight:650}.setting-actions{flex-wrap:wrap;gap:8px;display:flex}.modal-backdrop{z-index:50;background:color-mix(in oklch, var(--fg) 24%, transparent);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(720px,100%);max-height:min(760px,100vh - 40px);box-shadow:0 24px 60px color-mix(in oklch, var(--fg) 18%, transparent);gap:18px;padding:clamp(18px,2.5vw,26px);display:grid;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.qr-scan-panel{gap:14px;display:grid}.qr-video{aspect-ratio:4/3;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted-soft);object-fit:cover;width:100%}@media (width<=980px){.topbar-inner{align-items:center}.topbar-actions{justify-content:flex-end}.latest,.combo-grid,.highlight-grid{grid-template-columns:1fr}.latest-main{min-height:auto}}@media (width<=560px){.container{padding:18px 14px 40px}.account-button-with-name{border-radius:50%;width:40px;padding:0}.account-nickname{display:none}.tab-button{padding:10px 12px 11px;font-size:14px}.latest-main,.panel,.action-card{padding:20px}.ball-row{--ball-size:clamp(24px, 9.6cqw, 48px);--ball-gap:clamp(3px, 1.4cqw, 8px)}.draw-ticket .ball-row{--ball-size:clamp(28px, 11.2cqw, 34px);--ball-font-size:clamp(12px, calc(var(--ball-size) * .38), 14px);--ball-gap:clamp(3px, 1cqw, 5px)}.pick-card .recommendation-row{flex-wrap:nowrap;justify-content:center;gap:clamp(6px,2vw,10px);display:flex}.pick-card .recommendation-row .ball{flex:none;width:clamp(32px,11cqw,36px)}.history-scroll{--history-table-ball-size:clamp(22px, 7.2vw, 32px);--history-table-ball-font-size:clamp(9px, calc(var(--history-table-ball-size) * .4), 13px);--history-table-ball-gap:clamp(3px, 1vw, 5px)}.history-scroll table{width:max-content;min-width:100%}.history-scroll th,.history-scroll td{padding-inline:8px}.history-compact-cell{width:52px;padding-inline:8px}.history-numbers-cell{width:calc((var(--history-table-ball-size) * 6) + (var(--history-table-ball-gap) * 5) + 20px)}.history-bonus-cell{width:calc(var(--history-table-ball-size) + 28px)}.history-date-cell{display:none}.number-count-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-toolbar{justify-content:flex-start}.panel-head{flex-direction:column}.panel-actions{flex-wrap:wrap}.auth-page{place-items:start center;min-height:calc(100svh - 69px);padding:24px 14px 40px}.auth-card{padding:20px}.auth-card-head{margin-bottom:28px}.my-lotto .lotto-record-card{grid-template-columns:1fr}.my-lotto-head{flex-direction:column}.mypage-head,.setting-row{flex-direction:column;align-items:flex-start}.lotto-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.my-lotto .lotto-record-actions{justify-content:flex-start}th,td{padding:12px}}@media (prefers-reduced-motion:no-preference){.ball.generated{animation:.22s both pop}@keyframes pop{0%{opacity:.4;transform:scale(.86)}to{opacity:1;transform:scale(1)}}}