:root{--red:#751d29;--ink:#171717;--muted:#707070;--line:#c9c9c9;--bg:#fff;--step:#f0f0ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}button{border:0}.shell{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}header{background:#151515;color:#fff}.masthead{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:32px;letter-spacing:-1.7px;margin:0;font-weight:800}.dot{color:#d14857;font-size:42px}h2{font-size:20px;letter-spacing:-.7px;margin:0;font-weight:700}h3{font-size:17px;letter-spacing:-.4px;margin:0 0 10px}p{margin:0}.fine{font-size:12px;color:var(--muted);line-height:1.8}.text-button{background:none;color:var(--red);padding:9px 0;white-space:nowrap}.primary{background:var(--red);color:#fff;min-height:48px;padding:13px 23px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:30px}.primary:hover{background:#58151e}.primary span{font-size:20px}#account{display:flex;align-items:center;gap:24px}#account .text-button{color:#ccc;font-size:12px}label{display:block;font-size:12px;font-weight:600;margin:0 0 10px}input{width:100%;height:46px;border:1px solid #b8b8b8;border-radius:0;padding:10px 12px;background:#fff;color:var(--ink)}input[type=month]{width:164px;height:38px}.entrance{min-height:70vh;display:flex;justify-content:center;align-items:center;padding-top:60px;padding-bottom:60px}.entrance form{width:380px;max-width:100%}.entrance h2{font-size:28px;margin-bottom:35px}.entrance .primary{width:100%;margin:15px 0 20px}.totals{background:#fff}.total-grid{display:grid;grid-template-columns:1fr 1fr;padding-top:38px;padding-bottom:38px}.total-grid>div{padding-right:35px}.total-grid>div+div{border-left:1px solid var(--line);padding-left:40px;padding-right:0}.total-grid h2{font-size:14px;color:#555;font-weight:500}.metric{display:flex;align-items:baseline;gap:13px;margin:13px 0 7px}.metric strong{font-size:clamp(40px,5.4vw,70px);line-height:1.1;letter-spacing:-3px;font-weight:800;font-variant-numeric:tabular-nums}.metric span{font-size:15px}.daily-king{background:var(--red);color:#fff}.king-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:26px;padding-bottom:26px}.king-row>div{text-align:right}.king-row .fine{color:#d9bbc0}.king-row .section-number{color:#d9bbc0}.winner{font-size:30px;line-height:1.4;letter-spacing:-1px;overflow-wrap:anywhere}.section-number{font-size:11px;font-weight:500;letter-spacing:1px;color:var(--red);margin-right:15px;vertical-align:middle}.record-section{background:var(--step);padding-top:32px;padding-bottom:32px}.record-box{background:#fff;border:1px solid #aaa;padding:27px 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.7fr;gap:18px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}.form-footer>div{display:flex;align-items:center;gap:20px}.daily-records{padding:34px 0 40px;background:#fff}.section-tools{display:flex;align-items:center;gap:25px}.table-head,.record-row{display:grid;grid-template-columns:1.2fr 2fr 100px 140px;gap:20px;align-items:center}.table-head{color:#777;font-size:11px;padding-bottom:13px;border-bottom:1px solid #222}.table-head span:nth-last-child(-n+2){text-align:right}.record-row{min-height:70px;border-bottom:1px solid #ddd;padding:16px 0}.record-row .name{font-weight:700;overflow-wrap:anywhere}.record-row .note{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.record-row .minutes{text-align:right;color:#777;font-size:12px}.record-row .count{text-align:right;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.me{font-size:10px;color:var(--red);font-weight:400;margin-left:8px}.empty{color:#777;padding:30px 0;font-size:13px}.history-section{background:var(--step);padding:32px 0}.history-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.history-item{padding:15px 20px;border-left:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;gap:10px}.history-item:nth-child(4n+1){border-left:0;padding-left:0}.history-item button{background:none;padding:0;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:4px}.history-item strong{font-size:15px}.statistics{padding:35px 0 45px}.stats-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr}.stats-grid>article{padding:0 27px}.stats-grid>article:first-child{padding-left:0}.stats-grid>article+article{border-left:1px solid var(--line)}.stats-grid>article:last-child{padding-right:0}.chart{height:175px;display:flex;align-items:flex-end;gap:8px;margin-top:22px}.chart-item{flex:1;text-align:center;font-size:10px;color:#777;min-width:0}.bar{width:65%;background:#333;min-height:2px;margin:8px auto}.chart-item:last-child .bar{background:var(--red)}.chart-value{font-size:10px;white-space:nowrap}.rank-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:13px 0;border-bottom:1px solid #ddd;font-size:12px}.rank-row:first-child{color:var(--red)}.rank-row strong{font-variant-numeric:tabular-nums}.month-king .winner{display:block;margin:26px 0 6px}.month-king>p:not(.fine){font-size:22px;color:var(--red);font-weight:700;margin-bottom:25px}.status{margin-top:16px;margin-bottom:16px;font-size:13px;color:var(--red);line-height:1.7}#loginStatus{color:var(--red);font-size:13px;line-height:1.8;margin-top:20px}footer{padding-top:24px;padding-bottom:24px;font-size:11px;color:#777;background:#f7f7f6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
@media(max-width:850px){.shell{padding-left:24px;padding-right:24px}.form-grid{grid-template-columns:repeat(3,1fr)}.note-field{grid-column:1/-1}.history-list{grid-template-columns:repeat(2,1fr)}.history-item:nth-child(4n+1){padding-left:20px;border-left:1px solid #ccc}.history-item:nth-child(2n+1){padding-left:0;border-left:0}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>article:nth-child(2){padding-right:0}.stats-grid>article:last-child{grid-column:1/-1;border-left:0;background:var(--step);padding:24px;margin-top:28px}.month-king .winner{margin-top:15px}.table-head,.record-row{grid-template-columns:1fr 1.4fr 80px 100px;gap:12px}.form-footer{align-items:flex-end}.record-box{padding:23px}}
@media(max-width:520px){.shell{padding-left:18px;padding-right:18px}.masthead{min-height:76px}h1{font-size:25px}#account{gap:13px;font-size:12px}#account .text-button{font-size:10px}h2{font-size:17px}.total-grid{padding-top:27px;padding-bottom:27px}.total-grid>div{padding-right:15px}.total-grid>div+div{padding-left:20px}.total-grid h2{font-size:12px}.metric{gap:7px}.metric strong{font-size:38px;letter-spacing:-2px}.metric span{font-size:12px}.total-grid .fine{font-size:10px}.king-row{align-items:flex-start}.winner{font-size:23px}.king-row h2{font-size:15px}.section-number{margin-right:9px}.record-box{padding:20px 16px}.section-heading{align-items:flex-start;gap:15px;margin-bottom:22px}.section-heading .fine{font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:16px}.form-grid>div:first-child{grid-column:1/-1}.form-footer{display:block}.form-footer>div{justify-content:flex-end;margin-top:16px}.form-footer .fine{font-size:10px}.section-tools{display:block;text-align:right}.section-tools .fine{font-size:10px}.table-head,.record-row{grid-template-columns:1fr 65px 100px}.table-head span:nth-child(2){display:none}.record-row .note{grid-column:1/-1;grid-row:2}.record-row{gap:9px;padding:14px 0}.record-row .count{font-size:19px}.history-item{padding-right:0}.history-item strong{font-size:13px}.stats-grid{display:block}.stats-grid>article,.stats-grid>article:first-child{padding:0}.stats-grid>article+article{border-left:0;margin-top:35px}.stats-grid>article:last-child{padding:23px}.chart{height:160px}.statistics .section-heading input{width:142px;font-size:12px}}

/* Refined hierarchy: white sections, soft rules, compact figures. */
:root{--step:#fff;--line:#e4e2de;--muted:#817e79}
header{background:#fff;color:#252424;border-bottom:1px solid var(--line)}
.masthead{min-height:84px}h1{font-size:27px;font-weight:700}.dot{font-size:34px;color:var(--red)}
#account .text-button{color:#777}h2{font-size:18px;font-weight:600}h3{font-size:15px;font-weight:600}
.metric strong{font-size:clamp(34px,4.1vw,52px);font-weight:600;letter-spacing:-2px}.total-grid{padding-top:32px;padding-bottom:32px}.total-grid h2{font-size:13px}
.daily-king{background:#fff;color:var(--ink)}.king-row{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:29px;padding-bottom:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:13px}.king-row h2{font-size:14px;color:#68645f;font-weight:500}.king-row .section-bullet{display:none}.king-row>div{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center}.king-row .winner{font-size:25px;font-weight:600}.king-divider{color:#ccc;font-size:19px;font-weight:400}#todayKingAmount{font-size:21px;font-weight:500;color:var(--red)}.king-row>div:has(#todayKingAmount:empty) .king-divider{display:none}
.section-bullet{display:inline-block;width:4px;height:16px;background:var(--red);margin-right:12px;vertical-align:-2px}
.record-section{background:#fff;padding:30px 0}.record-box{border-color:#dedbd6;padding:25px 28px}.record-box .section-heading{margin-bottom:22px}input{border-color:#ddd9d2;background:#fff;height:44px}.primary{min-height:44px;font-weight:600}.form-footer{margin-top:20px}
.combined-records{padding:31px 0 36px}.combined-records>.shell{border-top:1px solid var(--line);padding-top:29px}.records-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.records-grid .daily-records{padding:0 28px 0 0;background:#fff}.records-grid .history-section{background:#fff;padding:0 0 0 28px;border-left:1px solid var(--line)}.records-grid h3{margin-bottom:7px}.records-grid .fine{margin-bottom:19px;font-size:11px}.table-head,.record-row{grid-template-columns:minmax(135px,1.4fr) minmax(60px,1fr) 65px 90px;gap:12px}.table-head{border-color:#d4d1cb;font-size:10px}.record-row{border-color:#eeece8;min-height:66px}.record-row .count{font-size:18px;font-weight:600}.record-row .name{display:flex;align-items:center;gap:10px;font-weight:500;font-size:13px}.name-label{overflow-wrap:anywhere}.avatar{display:block;width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden}.avatar svg{display:block;width:100%;height:100%}.me{margin-left:4px}
.records-grid .history-list{display:block}.records-grid .history-item{border-left:0;border-bottom:1px solid #eeece8;padding:16px 0;min-height:57px}.history-item strong{font-size:13px;font-weight:500}.history-item button{font-size:12px;color:#69665f;text-decoration:none}.history-item button:hover{color:var(--red);text-decoration:underline}
.statistics{background:#fff;padding-top:0;padding-bottom:42px}.statistics>.shell{border-top:1px solid var(--line);padding-top:30px}.stats-grid>article+article{border-color:var(--line)}.month-king .winner{font-size:24px;font-weight:600}.month-king>p:not(.fine){font-size:19px;font-weight:500}.bar{background:#dedbd5}.chart-item:last-child .bar{background:var(--red)}.rank-row{border-color:#eeece8}.rank-row strong{font-weight:500}
footer{max-width:none;background:#292727;color:#d5d1cc;padding:32px 0;text-align:center;font-size:13px;letter-spacing:.3px}
@media(max-width:850px){.records-grid{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.records-grid .daily-records{padding-right:20px}.records-grid .history-section{padding-left:20px}.table-head,.record-row{grid-template-columns:minmax(105px,1fr) 60px 85px}.table-head span:nth-child(2){display:none}.record-row .note{grid-column:1/-1;grid-row:2}.record-row .name{gap:8px}.stats-grid>article:last-child{background:#fff;padding:26px 0 0;border-top:1px solid var(--line)}}
@media(max-width:600px){.masthead{min-height:72px}h1{font-size:24px}.metric strong{font-size:36px}.total-grid>div+div{padding-left:20px}.king-row{padding-top:24px;padding-bottom:24px}.king-row .winner{font-size:22px}#todayKingAmount{font-size:18px}.record-box{padding:20px 17px}.records-grid{grid-template-columns:1fr}.records-grid .daily-records{padding:0}.records-grid .history-section{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;margin-top:26px}.records-grid .history-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.table-head,.record-row{grid-template-columns:minmax(105px,1fr) 65px 95px}.record-row .name{gap:9px}.combined-records{padding-top:22px}.combined-records>.shell{padding-top:24px}.avatar{width:32px;height:32px;flex-basis:32px}.stats-grid>article+article{padding-top:24px;border-top:1px solid var(--line)}.stats-grid>article:last-child{background:#fff;padding:24px 0 0}.statistics .section-heading{align-items:center}}

/* Single summary panel and monochrome hierarchy. */
:root{--red:#292727;--line:#e6e5e3}.masthead{min-height:62px}h1{font-size:22px;letter-spacing:-1px}.dot{font-size:27px;color:#292727}#account{font-size:12px}.section-bullet{background:#555}
.summary-section{padding-top:28px;padding-bottom:26px}.summary-box{border:1px solid #e1dfdc;border-radius:20px;box-shadow:0 8px 32px #24242408;background:#fff;padding:32px 32px 28px}.summary-box .king-row{padding:0;border:0;gap:12px}.summary-box .king-row h2{font-size:23px;font-weight:650;color:#292727}.summary-box .king-row>div{flex-direction:column;gap:5px}.summary-box .king-row .winner{font-size:32px;font-weight:650}.summary-box .king-divider{display:none}#todayKingAmount{font-size:27px;color:#292727;font-weight:600}
.summary-box .total-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;padding:24px 0 29px}.summary-box .total-grid>div{padding:0!important;border:0!important;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:7px 10px}.summary-box .total-grid h2{font-size:13px;font-weight:400;color:#68655f}.summary-box .metric{display:inline-flex;gap:4px;margin:0}.summary-box .metric strong{font-size:18px;letter-spacing:-.4px;font-weight:700}.summary-box .metric span{font-size:13px;font-weight:700}.summary-box .total-grid .fine{width:100%;font-size:11px;line-height:1.5}
.summary-box .record-section{padding:0}.summary-box .record-box{border:0;padding:0}.summary-box .record-box .section-heading{margin-bottom:20px}.summary-box .record-box h2{font-size:17px}.primary,.primary:hover{background:#292727}.text-button,#todayKingAmount,.month-king>p:not(.fine),.rank-row:first-child,.me{color:#292727}.chart-item:last-child .bar{background:#8b8782}.status,#loginStatus{color:#444}
.king-row,.combined-records>.shell,.statistics>.shell,.table-head,.record-row,.records-grid .history-item,.rank-row,.stats-grid>article:last-child{border-top:0;border-bottom:0}.combined-records>.shell{padding-top:18px}.combined-records{padding-bottom:42px}.table-head{padding-bottom:9px}.record-row{padding-top:12px;padding-bottom:12px}.history-item{padding-top:13px!important;padding-bottom:13px!important}.statistics{background:#292727;color:#eee;padding:31px 0 38px}.statistics>.shell{padding-top:0}.statistics .fine{color:#b4b0aa}.statistics .section-bullet{background:#b9b6b0}.statistics .stats-grid>article{background:transparent}.statistics .stats-grid>article+article{border-color:#514e4b}.statistics input{background:#34312f;color:#eee;border-color:#57534f;color-scheme:dark}.statistics .rank-row,.statistics .rank-row:first-child{color:#eee}.statistics .month-king>p:not(.fine){color:#d7d3cc}.statistics .chart-item{color:#b4b0aa}.statistics .bar{background:#68645f}.statistics .chart-item:last-child .bar{background:#cbc5bd}.statistics .empty{color:#aaa}.statistics .section-heading{margin-bottom:26px}footer{font-size:19.5px;font-weight:700;color:#e9e6e1;padding:25px 0 34px}
@media(max-width:850px){.stats-grid>article:last-child{border-top:0}.statistics .stats-grid>article:last-child{background:transparent}.summary-box{padding:28px 25px}.summary-box .record-box{padding:0}}
@media(max-width:600px){.masthead{min-height:57px}h1{font-size:20px}.dot{font-size:25px}.summary-section{padding-top:20px}.summary-box{padding:26px 18px 22px;border-radius:20px}.summary-box .king-row h2{font-size:21px}.summary-box .king-row .winner{font-size:29px}#todayKingAmount{font-size:25px}.summary-box .total-grid{padding:22px 0 27px;gap:13px}.summary-box .total-grid .metric strong{font-size:17px}.summary-box .record-box{padding:0}.summary-box .record-box h2{font-size:16px}.stats-grid>article+article,.records-grid .history-section{border-top:0}.statistics .stats-grid>article:last-child{padding-top:25px;background:transparent}.statistics{padding-top:29px}.statistics .section-heading input{width:139px}.combined-records>.shell{padding-top:11px}footer{font-size:19.5px}}

/* Inline summaries, single-line winner, distinct mobile statistics. */
.summary-box .king-row{gap:10px}.summary-box .king-row h2{font-size:14px;font-weight:500;color:#777}.summary-box .king-row>div{flex-direction:row;gap:12px;align-items:baseline}.summary-box .king-row .winner{font-size:29px;font-weight:650}.summary-box .king-divider{display:inline;color:#aaa;font-size:18px}.summary-box .king-divider{font-size:0}.summary-box .king-divider:after{content:'·';font-size:20px}#todayKingAmount{font-size:23px;font-weight:400;color:#555}
.summary-box .total-grid{gap:12px;padding-top:25px;padding-bottom:29px}.summary-box .total-grid>div{flex-wrap:nowrap;gap:8px}.summary-box .total-grid .fine{width:auto;font-size:11px}.summary-box .total-grid .fine:before{content:'|';color:#aaa;margin-right:10px}.summary-box .total-grid .metric strong{font-size:16px}.summary-box .total-grid .metric span{font-size:12px}.summary-box .total-grid h2{font-size:12px}
@media(max-width:600px){.summary-box .king-row .winner{font-size:25px}#todayKingAmount{font-size:20px}.summary-box .total-grid>div{flex-wrap:wrap;gap:6px}.summary-box .total-grid .fine{width:auto;font-size:10px}.summary-box .total-grid h2{font-size:11px}.summary-box .total-grid .metric strong{font-size:15px}.summary-box .total-grid .fine:before{margin-right:6px}.statistics .stats-grid>article+article{margin-top:29px;padding-top:29px;border-top:1px solid #55514d}.statistics .stats-grid>article:last-child{border-top:1px solid #55514d;padding-top:29px}.statistics h3{font-size:18px;font-weight:700;margin-bottom:12px}.statistics .fine{font-size:11px}.statistics{padding-bottom:36px}}

.nickname-wrap{position:relative}#nicknameSuggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:20;max-height:240px;overflow-y:auto;border:1px solid #ddd;background:#fff;box-shadow:0 7px 20px #0000000d}.nickname-option{padding:12px 14px;cursor:pointer;font-size:13px;color:#292727}.nickname-option:hover,.nickname-option[aria-selected=true]{background:#f3f2f0}

.form-grid{grid-template-columns:1fr 1fr 2fr}.table-head,.record-row{grid-template-columns:minmax(135px,1.4fr) minmax(80px,2fr) 110px}.table-head span:nth-last-child(2){text-align:left}
@media(max-width:850px){.form-grid{grid-template-columns:1fr 1fr}.note-field{grid-column:1/-1}.table-head,.record-row{grid-template-columns:minmax(105px,1fr) 100px}.table-head span:nth-child(2){display:none}}
@media(max-width:600px){.form-grid{grid-template-columns:1fr 1fr}.form-grid>div:first-child{grid-column:auto}.note-field{grid-column:1/-1}.table-head,.record-row{grid-template-columns:minmax(105px,1fr) 95px}}

/* Both totals share one horizontal row. */
.summary-box .total-grid{flex-direction:row;justify-content:center;align-items:center;gap:22px}.summary-box .total-grid>div{flex-wrap:nowrap;gap:7px}.summary-box .total-grid>div+div:before{content:'|';font-size:16px;color:#aaa;margin-right:15px}
@media(max-width:1000px){.summary-box .total-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-box .total-grid>div{flex-wrap:wrap;justify-content:center;gap:7px}.summary-box .total-grid>div+div{position:relative}.summary-box .total-grid>div+div:before{position:absolute;left:-13px;top:50%;transform:translateY(-50%);margin:0}.summary-box .total-grid .fine{width:100%;font-size:10px}.summary-box .total-grid .fine:before{content:none}}
@media(max-width:600px){.summary-box .total-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.summary-box .total-grid h2{font-size:10px}.summary-box .total-grid .metric strong{font-size:14px}.summary-box .total-grid .metric span{font-size:10px}.summary-box .total-grid .fine{font-size:9px;line-height:1.6}.summary-box .total-grid>div+div:before{left:-10px}}

.records-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:600px){.records-grid{grid-template-columns:1fr}}

/* Open summary, aligned inner widths, three charcoal statistic cards. */
.summary-section{padding-top:34px;padding-bottom:25px}.summary-box{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.summary-box .king-row{padding:0 0 10px}.summary-box .total-grid{padding-top:28px;padding-bottom:31px}.summary-box .record-box{padding:25px 28px;border:1px solid #e1dfdc;border-radius:14px;background:#fff;box-shadow:0 5px 22px #24242406}.summary-box .record-section{padding:0}
.combined-records>.shell,.statistics>.shell{max-width:1144px;padding-left:40px;padding-right:40px}.combined-records>.shell{padding-top:16px}.records-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.statistics{background:#fff;color:#292727;padding:4px 0 38px}.statistics .section-heading{justify-content:flex-end;margin-bottom:17px}.statistics input{background:#fff;color:#292727;border-color:#ddd9d2;color-scheme:light;border-radius:14px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.statistics .stats-grid>article,.statistics .stats-grid>article:first-child,.statistics .stats-grid>article:last-child{background:#292727;color:#eee;border:0;border-radius:14px;padding:24px;grid-column:auto;margin:0;min-width:0}.statistics .stats-grid>article+article{border:0}.statistics .fine{color:#b4b0aa}.statistics .rank-row,.statistics .rank-row:first-child{color:#eee}.statistics .month-king>p:not(.fine){color:#d7d3cc}.statistics .chart-item{color:#b4b0aa}.statistics .bar{background:#68645f}.statistics .chart-item:last-child .bar{background:#cbc5bd}.statistics .empty{color:#aaa}
@media(max-width:850px){.combined-records>.shell,.statistics>.shell{max-width:none;padding-left:49px;padding-right:49px}.summary-box{padding:0}.summary-box .record-box{padding:23px 25px}.statistics .stats-grid{grid-template-columns:1fr 1fr}.statistics .stats-grid>article:last-child{grid-column:1/-1}}
@media(max-width:600px){.summary-section{padding-top:28px}.summary-box{padding:0;border-radius:0}.summary-box .record-box{padding:22px 17px;border-radius:14px}.summary-box .total-grid{padding-top:25px;padding-bottom:27px}.combined-records>.shell,.statistics>.shell{padding-left:35px;padding-right:35px}.records-grid{grid-template-columns:1fr}.statistics .stats-grid{display:grid;grid-template-columns:1fr;gap:18px}.statistics .stats-grid>article,.statistics .stats-grid>article:first-child,.statistics .stats-grid>article:last-child{padding:23px;border:0;border-radius:14px;margin:0;grid-column:auto}.statistics .section-heading{margin-bottom:15px}.statistics{padding-bottom:28px}}

.shell{max-width:960px}.combined-records>.shell,.statistics>.shell{max-width:904px}
@media(max-width:850px){.combined-records>.shell,.statistics>.shell{max-width:904px}}

/* Wider shell, distinct record headings, cards aligned to form outer edges. */
.shell{max-width:980px}.combined-records>.shell{max-width:924px}.statistics>.shell{max-width:980px;padding-left:40px;padding-right:40px}.combined-records .section-heading{justify-content:flex-end;margin-bottom:15px}.records-grid .daily-records{padding-right:56px}.records-grid .history-section{padding-left:56px}.records-grid h3 .section-bullet{height:14px;width:3px;margin-right:9px}
@media(max-width:850px){.combined-records>.shell{max-width:924px;padding-left:49px;padding-right:49px}.statistics>.shell{max-width:980px;padding-left:24px;padding-right:24px}.records-grid .daily-records{padding-right:40px}.records-grid .history-section{padding-left:40px}.table-head,.record-row{grid-template-columns:minmax(0,1fr) 90px}.record-row .name{min-width:0}.record-row .name-label{min-width:0;overflow-wrap:anywhere}.history-item{gap:8px}}
@media(max-width:600px){.statistics>.shell{padding-left:18px;padding-right:18px}.combined-records>.shell{padding-left:35px;padding-right:35px}.records-grid .daily-records{padding-right:0}.records-grid .history-section{padding-left:0;margin-top:42px;padding-top:0}.statistics .stats-grid{gap:18px}.statistics .stats-grid>article{margin:0}.history-item strong{white-space:nowrap}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid input{min-width:0}}

@media(max-width:600px){.statistics .stats-grid>article+article{margin:0;padding:23px;border:0}}

header{background:#292727;color:#eee;border-bottom:0}header .dot{color:#d7d3cc}#account .text-button{color:#bcb7b0}.record-box input,.nickname-wrap input,.statistics input{border-radius:5px}#save{border-radius:5px;display:inline-flex;justify-content:center;align-items:center;gap:0;min-width:130px;text-align:center;padding:12px 24px;line-height:1.4}

.records-grid .history-item{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:12px}.records-grid .history-item .delete-record{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#777;font-size:19px;line-height:1;text-decoration:none}.records-grid .history-item .delete-record:hover{background:#eee;color:#222}.records-grid .history-item .delete-record:disabled{opacity:.5}@media(max-width:600px){.records-grid .history-item{gap:6px;grid-template-columns:minmax(0,1fr) auto 24px}.records-grid .history-item .delete-record{width:24px;height:28px}}

/* Personal-history columns: date | amount | delete, fixed alignment. */
.records-grid .history-list{display:block}.records-grid .history-item{display:grid;grid-template-columns:minmax(0,1fr) max-content 28px;align-items:center;gap:12px;width:100%;min-width:0;padding:13px 0}.records-grid .history-item>button:first-child{text-align:left;justify-self:start;white-space:nowrap;min-width:0}.records-grid .history-item>strong{justify-self:end;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.records-grid .history-item>.delete-record{justify-self:end;display:flex;align-items:center;justify-content:center}
#statsWeek{width:100%;max-width:100%;height:38px;margin-top:14px;padding:7px 9px;border:1px solid #57534f;border-radius:5px;background:#34312f;color:#eee;font:inherit;font-size:11px;cursor:pointer;color-scheme:dark}#statsWeek:focus-visible{outline:2px solid #bcb7b0;outline-offset:3px}.statistics .chart{margin-top:18px}
@media(max-width:600px){.records-grid .history-list{display:block}.records-grid .history-item{grid-template-columns:minmax(0,1fr) max-content 28px;gap:12px}.records-grid .history-item>.delete-record{width:28px}}

/* 2026-10-13: summary breathing room, bounded scroll lists, compact history. */
.summary-box .daily-king{padding-top:20px}.summary-box .total-grid{padding-bottom:51px}
#records,#history{height:240px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#aaa7a2 transparent;overscroll-behavior:contain;padding-right:7px}
#records::-webkit-scrollbar,#history::-webkit-scrollbar{width:5px}#records::-webkit-scrollbar-track,#history::-webkit-scrollbar-track{background:transparent}#records::-webkit-scrollbar-thumb,#history::-webkit-scrollbar-thumb{background:#b2afa9;border-radius:5px}#records::-webkit-scrollbar-thumb:hover,#history::-webkit-scrollbar-thumb:hover{background:#817e78}
.records-grid .history-item{min-height:0;padding:5px 0!important;gap:9px;line-height:1.3}.records-grid .history-item>.delete-record{width:25px;height:20px;font-size:17px}.records-grid .history-item>button:first-child{line-height:1.3}.records-grid .history-item>strong{line-height:1.3}
#backToday{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#292727;border:1px solid #d6d3ce;border-radius:5px;min-height:44px;padding:10px 15px;line-height:1.4;text-align:center}#backToday:hover{background:#f7f6f4}
@media(max-width:600px){.summary-box .daily-king{padding-top:20px}.summary-box .total-grid{padding-bottom:47px}#records,#history{height:240px}.records-grid .history-item{padding:5px 0!important}.form-footer>div{flex-wrap:wrap;gap:10px}#backToday{font-size:12px;padding:10px 12px}}

/* Latest spacing and alignment refinements. */
.record-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.records-grid .record-title-row h3{margin:0}.refresh-icon{width:26px;height:26px;flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;color:#6f6b65;font-size:18px;line-height:1;border-radius:5px}.refresh-icon:hover{background:#f2f1ef;color:#292727}
#records,#history{height:auto;min-height:180px;max-height:240px}#history{padding-right:0;scrollbar-gutter:auto}.records-grid .history-item{grid-template-columns:minmax(0,1fr) max-content 20px;gap:12px}.records-grid .history-item>.delete-record{width:20px;justify-self:end}.records-grid .history-section{padding-right:0}
.form-footer>div{gap:10px}.summary-section{padding-bottom:5px}.combined-records{padding-top:4px}.combined-records>.shell{padding-top:10px}#editingLabel{display:none!important}.statistics .month-king>p:not(.fine){font-size:24px;line-height:1.4;letter-spacing:-1px;font-weight:600;color:#eee}
@media(max-width:600px){.form-footer>div{gap:5px}.records-grid .history-item{grid-template-columns:minmax(0,1fr) max-content 20px;gap:12px}.records-grid .history-item>.delete-record{width:20px}.summary-section{padding-bottom:5px}.combined-records{padding-top:4px}.combined-records>.shell{padding-top:8px}.statistics .month-king>p:not(.fine){font-size:24px;font-weight:600}}

.summary-section{padding-bottom:25px}.combined-records{padding-top:31px}.combined-records>.shell{padding-top:7px}.records-grid .history-item>.delete-record{justify-content:flex-end;text-align:right}
@media(max-width:600px){.summary-section{padding-bottom:25px}.combined-records{padding-top:22px}.combined-records>.shell{padding-top:2px}}

/* Compact participant rows: reduce vertical padding to 30%. */
.record-row{min-height:0;padding-top:3.6px;padding-bottom:3.6px}.record-row .count{font-size:16px}.record-row .avatar{width:30px;height:30px;flex:0 0 30px}
@media(max-width:600px){.record-row{min-height:0;padding-top:3.6px;padding-bottom:3.6px;row-gap:3px}.record-row .count{font-size:16px}.record-row .avatar{width:30px;height:30px;flex-basis:30px}}
.record-row .note:empty{display:none}

.record-row .count{grid-column:-2 / -1;grid-row:1}

body,button,input,select,textarea{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif}

/* Compact monthly ranking and bottom-aligned winner footnote. */
.statistics .rank-row{padding-top:6.5px;padding-bottom:6.5px}.statistics #ranking{margin-top:15px}.statistics .stats-grid>.month-king{display:flex;flex-direction:column}.statistics .month-king>p.fine{margin-top:auto;padding-top:20px;margin-bottom:0}.statistics .month-king>p:not(.fine){margin-bottom:0}

/* Muted yellow accents against charcoal; competition ranks through tenth. */
:root{--rank-gold:#c8a65b;--rank-yellow:#dfc779;--rank-lemon:#ede5b6}
.statistics #ranking{margin-top:26px}.statistics .rank-row.rank-1{color:var(--rank-gold)}.statistics .rank-row.rank-2{color:var(--rank-yellow)}.statistics .rank-row.rank-3{color:var(--rank-lemon)}
.statistics .month-king .winner,.statistics .month-king>p:not(.fine){color:var(--rank-yellow)}.statistics .chart-item .bar.bar-peak{background:var(--rank-yellow)}

.statistics #ranking>.rank-row:first-child{padding-top:0}.statistics .stats-grid>article:first-child{display:flex;flex-direction:column}.statistics .chart{margin-top:auto;min-height:175px;padding-top:18px}

/* Requested exact type sizes and ranking colors, including mobile. */
:root{--rank-gold:#ffca55;--rank-yellow:#ffe07c}
.statistics .rank-row{font-size:14px}.statistics .rank-row.rank-1{color:#ffca55}.statistics .rank-row.rank-2{color:#ffe07c}
.statistics .month-king .winner{color:#ffca55}.statistics .month-king>p:not(.fine){color:#fff}
.summary-box .king-row .winner{font-size:35px}#todayKingAmount{font-size:30px}
.summary-box .record-box h2{font-size:22px}
h3,.records-grid h3,.statistics h3{font-size:22px}
.record-row .name,.record-row .count{font-size:16px}
.records-grid .history-item>strong{font-size:14px}
@media(max-width:600px){.summary-box .king-row .winner{font-size:35px}#todayKingAmount{font-size:30px}.summary-box .record-box h2{font-size:22px}.records-grid h3,.statistics h3{font-size:22px}.record-row .name,.record-row .count{font-size:16px}.records-grid .history-item>strong{font-size:14px}.statistics .rank-row{font-size:14px}}

.summary-box .king-row .daily-crown{display:block;width:64px;height:auto;flex:none;align-self:center;margin:0 0 2px}

#participationDateLabel{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:4px 8px;margin-left:5px;border:1px solid #d6d3ce;border-radius:5px;background:#fff;color:#77736e;font-size:11px;font-weight:400;line-height:1.4;white-space:nowrap;cursor:pointer}#participationDateLabel:hover{background:#f7f6f4;border-color:#aaa59e}#participationDateLabel:focus-visible{outline:2px solid #aaa;outline-offset:2px}

/* Monthly browsing, count basis, and complete ranking. */
.record-title-row h3{min-width:0}.participation-date{font-size:11px;font-weight:400;line-height:1.5;color:#7a7772;white-space:nowrap}.daily-records .record-title-row{align-items:flex-start;margin-bottom:18px}.daily-records .history-actions{padding-top:2px}.date-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;padding:0;cursor:pointer}.history-section{display:flex;flex-direction:column}.history-section .record-title-row{margin-bottom:18px}.history-footer{margin-top:12px;margin-bottom:0;text-align:right;font-size:11px;color:#7a7772;line-height:1.6}.history-section #history{flex:none}.table-head{margin-top:0}.history-footer{margin-top:auto;padding-top:12px}
.character-label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.character-label>label{margin:0}.count-modes{display:flex;gap:9px;min-width:0;padding:0;margin:0;border:0}.count-modes label{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:12px;font-weight:400;white-space:nowrap}.count-modes input[type=radio]{width:13px;height:13px;margin:0;padding:0;accent-color:#292727;min-height:0}.optional-note{color:#7a7772;font-weight:400}
.history-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.month-picker{position:relative;display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;margin:0;color:#6f6b65}.month-picker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;pointer-events:none}.month-picker input{position:absolute;inset:0;width:26px;height:26px;min-width:0;min-height:0;padding:0;opacity:0;cursor:pointer}.month-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;padding:0;cursor:pointer}.month-picker:focus-within{outline:2px solid #aaa;border-radius:5px}.history-actions button{font-size:20px}
.statistics #ranking{height:240px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#77716b transparent;padding-right:4px}.statistics #ranking::-webkit-scrollbar{width:5px}.statistics #ranking::-webkit-scrollbar-thumb{background:#77716b;border-radius:5px}.statistics .rank-row{grid-template-columns:32px minmax(0,1fr) max-content}.statistics .rank-row>span:nth-child(2){overflow-wrap:anywhere}
.statistics .stats-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.ranking-notice{margin:0;font-size:15px;line-height:1.6;color:#716d67}.stats-toolbar>div{flex-shrink:0}
.table-head>span:last-child{text-align:left}.record-row .count{display:flex;align-items:baseline;justify-content:flex-start;gap:6px;text-align:left;flex-wrap:wrap}.count-mode-label{font-size:13px;font-weight:400;color:#7a7772;white-space:nowrap}.table-head,.record-row{grid-template-columns:minmax(110px,1.4fr) minmax(50px,1fr) minmax(125px,1.2fr)}
@media(max-width:850px){.table-head,.record-row{grid-template-columns:minmax(0,1fr) minmax(115px,1fr)}.character-label{align-items:flex-start}.count-modes{gap:7px}}
@media(max-width:600px){.statistics .stats-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.stats-toolbar>div{margin-left:auto}.ranking-notice{font-size:15px}.history-actions{gap:4px}.statistics #ranking{height:240px}.table-head,.record-row{grid-template-columns:minmax(0,1fr) minmax(125px,1fr)}}