:root{--bg:#f7f8f5;--ink:#202d28;--muted:#7a837e;--green:#23634e;--line:#e5e9e3;--mint:#e8f0e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif;font-size:14px;letter-spacing:-.35px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{transition:background .15s,transform .15s}button:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dbda9;outline-offset:3px}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.42;letter-spacing:-1.6px;font-weight:750}h2{font-size:22px;letter-spacing:-.8px}h3{font-size:18px}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:36px 24px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;white-space:nowrap;letter-spacing:-1px}.brandmark{background:var(--green);color:white;border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-size:28px}.beta{font-size:9px;letter-spacing:1px;color:#8b948d;align-self:flex-start;margin-top:3px}.navlabel{margin:58px 12px 16px;color:#9b a;font-size:10px;letter-spacing:1.5px;color:#9ba49e}.nav{border:0;background:none;width:100%;text-align:left;padding:14px 12px;border-radius:8px;color:#7c857e;font-size:17px;display:flex;gap:12px;align-items:center;margin:6px 0}.nav span{font-size:13px;font-weight:600}.nav.active{background:#edf3ed;color:var(--green)}.navcount{margin-left:auto;font-size:11px!important;background:white;border-radius:5px;padding:2px 5px}.sidecard{margin-top:auto;background:#f6f8f3;border:1px solid #eaf0e5;border-radius:12px;padding:20px 15px}.sidecard>span{font-size:12px;font-weight:700}.sidecard p{font-size:11px;line-height:1.9;color:#879184;margin-top:9px}.sideart{color:#a7bca5;font-size:27px;letter-spacing:5px;margin:20px 0 0}.sidebottom{display:flex;gap:10px;align-items:center;margin-top:26px;font-size:12px}.sidebottom small{display:block;color:#939a95;font-size:10px;margin-top:5px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#e8eee5;border-radius:50%;color:#55704d;font-weight:600}main{margin-left:234px;max-width:1600px;padding:0 48px}header{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:32px}.breadcrumb{color:#8b938e;font-size:12px}.breadcrumb span{padding:0 14px;color:#c2c9c3}.breadcrumb b{font-weight:500;color:#4c5951}.demo{display:flex;align-items:center;gap:7px;border:1px solid #dce5d8;border-radius:20px;padding:7px 12px;color:#637a57;font-size:11px;background:#f1f5ec}.demo i{width:5px;height:5px;background:#7a9369;border-radius:50%}.hero{display:flex;justify-content:space-between;overflow:hidden;min-height:305px;background:#ecf1e8;border:1px solid #e1e8db;border-radius:17px;padding:34px 38px;margin-bottom:39px;position:relative}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#6f8b68;margin-bottom:13px}.hero h1 span{color:#34624b}.hero p{color:#7a8777;font-size:12px;line-height:1.9;margin:14px 0 21px}.primary{background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;padding:11px 17px;font-size:12px;font-weight:600}.primary span{margin-left:20px}.heroart{width:310px;position:relative;flex-shrink:0;margin-left:18px}.artgrid{position:absolute;inset:-35px -40px;background-image:linear-gradient(#b9c8ad26 1px,transparent 1px),linear-gradient(90deg,#b9c8ad26 1px,transparent 1px);background-size:30px 30px;transform:rotate(-12deg)}.artcard{background:#ffffffd9;border:1px solid white;box-shadow:0 20px 40px #345b3210;border-radius:14px;width:242px;padding:24px;transform:rotate(-5deg);position:absolute;top:17px;left:24px}.artcard>span{font-size:10px;color:#7d8c78}.artnumber{font-size:30px;font-weight:700;margin-top:8px;letter-spacing:-1px}.artnumber em{font-style:normal;font-size:27px;color:#6a8f59;float:right}.chartbars{display:flex;align-items:end;height:75px;gap:9px;margin:15px 0}.chartbars i{flex:1;background:#d5e2ce;border-radius:4px 4px 0 0;height:25%}.chartbars i:nth-child(2){height:38%}.chartbars i:nth-child(3){height:32%}.chartbars i:nth-child(4){height:55%}.chartbars i:nth-child(5){height:62%}.chartbars i:nth-child(6){height:78%;background:#94ad83}.chartbars i:nth-child(7){height:100%;background:#3d6f50}.artcard small{font-size:9px;color:#8a9584}.floating{position:absolute;bottom:6px;right:-4px;transform:rotate(3deg);padding:12px 17px;border-radius:9px;background:#fcfdf9;box-shadow:0 8px 24px #294b2312;font-size:10px;color:#507443}.sectiontop{display:flex;align-items:center;justify-content:space-between;gap:16px}.sectiontop p,.tabletop p{color:#8a928d;font-size:12px;margin-top:9px}.outline{background:white;border:1px solid #dce2d9;color:#52634f;padding:10px 14px;border-radius:7px;font-size:12px}.searchrow{display:flex;gap:12px;margin-top:22px}.search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dce3da;border-radius:8px;padding:0 15px;flex:1;font-size:25px;color:#879184}.search input{border:0;background:none;outline:none;width:100%;height:46px;font-size:13px;color:var(--ink)}.search kbd{font-size:10px;color:#a3aaa2;border:1px solid #edf0eb;border-radius:4px;padding:3px 5px;white-space:nowrap}select,input{border:1px solid #dfe5dc;border-radius:7px;background:white;padding:10px;color:#4c5c51}select{font-size:12px}.smallnote{font-size:10px;color:#949e91;margin-top:9px;line-height:1.7}.bookgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 34px}.book{position:relative;text-align:left;display:flex;gap:17px;background:white;border:1px solid #e4e9e0;border-radius:10px;padding:19px;min-height:160px;align-items:center}.book.selected{border:1.5px solid #6d9475;background:#fcfefa;box-shadow:0 3px 10px #3b643008}.book.selected:after{content:'✓';position:absolute;right:10px;top:9px;background:#29644d;color:white;width:15px;height:15px;border-radius:50%;font-size:10px;text-align:center}.cover{width:78px;height:113px;flex-shrink:0;background:#234a3b;color:#fff;padding:11px 9px;box-shadow:3px 4px 7px #172e2020;border-left:4px solid #ffffff16;position:relative;overflow:hidden}.cover:after{content:'';width:90px;height:90px;border:15px solid #ffffff17;position:absolute;right:-42px;bottom:-21px;transform:rotate(-20deg)}.cover small{font-size:7px;letter-spacing:1px;color:#d9e0d4}.cover strong{display:block;font-size:24px;line-height:1.05;letter-spacing:-1px;margin:9px 0}.cover span{font-size:8px;line-height:1.5;display:block}.cover.blue{background:#344e75}.cover.orange{background:#b57c46}.cover.purple{background:#736780}.bookinfo{min-width:0}.bookinfo small{font-size:9px;color:#7e9275}.bookinfo h3{font-size:13px;line-height:1.65;margin:6px 0}.bookinfo p{font-size:10px;color:#9aa093;line-height:1.6}.bookinfo .bookmeta{font-size:9px;color:#74906a;margin-top:12px}.workspace{border:1px solid var(--line);background:#fff;border-radius:13px;padding:28px;margin-bottom:20px}.workspace h2{font-size:21px}.softtag{background:#f0f4ec;color:#75886b;font-size:10px;padding:5px 9px;border-radius:4px}.rounds{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin-top:23px}.rounds button{background:none;border:0;color:#8c968b;padding:13px 21px;white-space:nowrap;border-bottom:2px solid transparent;font-size:12px}.rounds button.active{color:var(--green);border-color:var(--green);font-weight:700}.sessionline{display:flex;justify-content:space-between;align-items:center;margin:19px 0}.sessionline>span{font-size:11px;color:#8d9789}.metrics{display:grid;grid-template-columns:0.8fr 1.1fr 1.1fr;gap:12px;margin-bottom:32px}.metric{padding:17px 19px;border:1px solid #e8ece4;border-radius:8px;background:#fbfcf9}.metric>span{font-size:10px;color:#84917e}.metric strong{display:block;font-size:25px;letter-spacing:-.8px;margin:10px 0 7px}.metric small{font-size:9px;color:#98a192}.metric.emphasis{background:#f0f5eb;border-color:#e6eddd}.metric.emphasis strong{color:#3c694a}.tabletop{display:flex;align-items:center;justify-content:space-between}.legend{display:flex;gap:14px;align-items:center;margin:19px 0 12px;font-size:10px;color:#919a8d}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.green{background:#50846a}.red{background:#d48b7e}.gray{background:#c5ccc0}.legenddetail{margin-left:auto}.tablewrap{overflow:auto;border:1px solid #e6ebe2;border-radius:8px;max-height:490px}table{border-collapse:separate;border-spacing:0;width:100%;font-size:11px;white-space:nowrap}th{font-weight:500;color:#84907d;background:#f7f9f4;padding:13px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}td{text-align:center;padding:11px 14px;border-bottom:1px solid #edf0e9;color:#6c7965}tr:last-child td{border-bottom:0}th:first-child,td:first-child{text-align:left;padding-left:20px}tr:hover td{background:#fafcf7}.mine{background:#f3f7ef!important;border-left:1px solid #e6eddf;border-right:1px solid #e6eddf}.ratio{display:flex;align-items:center;gap:12px;justify-content:space-between}.bar{height:4px;width:55px;background:#edf2e9;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:#87a57c;border-radius:3px}.pill{display:inline-block;padding:4px 7px;border-radius:4px;min-width:34px;font-size:10px}.pill.ok{color:#3f7c5e;background:#eaf3e9}.pill.no{color:#b77766;background:#faf0e9}.pill.empty{color:#a0aa98;background:#f0f3ec}.tablefooter{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;color:#9ba491}.textbutton{background:none;border:0;padding:5px;color:#58804f;font-size:11px}.disclaimer{font-size:10px;color:#a1aa9a;line-height:1.7;border-top:1px solid #eef1e9;padding-top:17px;margin-top:14px}footer{display:flex;gap:20px;color:#8a9581;font-size:11px;padding:25px 0 35px}footer span{font-size:10px;color:#a2aa9b}footer span:last-child{margin-left:auto}.emptyblock{padding:40px;text-align:center;background:white;border:1px dashed #dbe3d5;border-radius:10px;color:#8b9783;grid-column:1/-1;line-height:2}.historycard{display:flex;align-items:center;gap:20px;padding:24px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:15px}.historycard h3{font-size:16px}.historycard p{font-size:12px;color:var(--muted);margin-top:8px}.historycard .actions{margin-left:auto;display:flex;gap:10px}.muted{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:20px}dialog{border:1px solid #dfe6d9;border-radius:16px;padding:28px;width:620px;max-width:calc(100% - 24px);max-height:90vh;box-shadow:0 24px 90px #1c302a30;color:var(--ink)}dialog::backdrop{background:#1b2a245c;backdrop-filter:blur(3px)}.dialogtop{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.dialogtop p{color:#8d9787;font-size:12px;margin-top:8px}.close{background:#f1f4ed;border:0;border-radius:50%;font-size:24px;width:30px;height:30px;color:#84907d}.infobox{background:#f0f5eb;padding:14px;border-radius:8px;font-size:12px;line-height:1.9;color:#5a7550}.entryoptions{display:flex;gap:13px;align-items:end;margin:20px 0}.entryoptions label{font-size:10px;color:#7d8d73;flex:1}.entryoptions input[type=number],.entryoptions select{width:100%;display:block;margin-top:7px}.entryoptions .checklabel{display:flex;align-items:center;gap:4px;padding-bottom:12px}.entryhead,.entryrow{display:grid;grid-template-columns:45px 1fr 105px;align-items:center;gap:10px}.entryhead{font-size:10px;color:#8c9983;padding:12px 0;border-bottom:1px solid var(--line)}.entryrow{padding:10px 0;border-bottom:1px solid #edf0e8;font-size:12px}.entryrow label{font-size:10px;color:#8a9680}.choice{display:flex;gap:5px}.choice button{border:1px solid #e1e8db;background:white;border-radius:6px;padding:7px 10px;font-size:11px;color:#859479}.choice button.active[data-state=c]{background:#e7f1e4;border-color:#8fac80;color:#47713a}.choice button.active[data-state=w]{background:#fff0e9;border-color:#d8a08a;color:#b57b63}.choice button.active[data-state=u]{background:#f0f3ec;color:#74816a}input[type=checkbox]{accent-color:#36714b}.dialogbottom{padding-top:20px}#entrySummary{font-size:12px;color:#617754;line-height:1.8}.confirm{display:flex;gap:7px;align-items:center;font-size:11px;margin:15px 0;color:#7a886e}.wide{width:100%;padding:13px}.dialogbottom small{display:block;text-align:center;font-size:10px;color:#a0aa95;margin:10px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px}.formgrid label{font-size:11px;color:#7c8b71}.formgrid label.full{grid-column:1/-1}.formgrid input,.formgrid select{display:block;width:100%;margin-top:7px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);opacity:0;background:#234d3b;color:white;border-radius:9px;padding:13px 22px;font-size:12px;z-index:100;transition:.25s;pointer-events:none}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}[hidden]{display:none!important}@media(min-width:1600px){main{margin-right:auto}}@media(max-width:1180px){main{padding:0 28px}.sidebar{width:200px;padding:30px 17px}main{margin-left:200px}.hero{padding:30px}.heroart{width:230px}.artcard{left:0;width:220px}.book{gap:11px;padding:13px}.cover{width:65px;height:102px}.bookinfo h3{font-size:12px}}@media(max-width:960px){.sidebar{width:75px;padding:25px 12px}.brand{font-size:0}.brandmark{font-size:28px}.beta,.navlabel,.nav span,.sidecard,.sidebottom{display:none}.sidebar nav{margin-top:50px}.nav{justify-content:center}.nav span{display:none}main{margin-left:75px}.hero h1{font-size:30px}.heroart{width:210px}.bookgrid{grid-template-columns:1fr 1fr}.book:nth-child(3){grid-column:1/-1}.book:nth-child(3) .cover{height:80px}.metrics{gap:8px}.metric{padding:14px 12px}.metric strong{font-size:22px}}@media(max-width:640px){.sidebar{position:static;width:auto;height:64px;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brandmark{width:29px;height:29px}.sidebar nav{display:flex;margin:0;gap:5px}.nav{width:auto;padding:8px 11px;margin:0}.nav.active{background:#edf3ed}main{margin-left:0;padding:0 18px}header{height:58px;margin-bottom:18px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 8px}.demo{font-size:9px;padding:5px 8px}.hero{padding:26px 23px;min-height:0;margin-bottom:28px}.hero h1{font-size:28px}.hero p{font-size:11px}.heroart{display:none}.hero .eyebrow{font-size:8px}.sectiontop{align-items:start;gap:8px}h2{font-size:18px}.sectiontop p{font-size:11px;line-height:1.6}.outline{font-size:10px;padding:9px;white-space:nowrap}.searchrow{gap:8px;margin-top:17px}.search{padding:0 11px;gap:8px}.search input{font-size:11px}.search kbd{display:none}.searchrow select{max-width:100px;font-size:11px}.bookgrid{display:flex;overflow-x:auto;gap:10px;padding-bottom:10px;margin:17px -1px 20px}.book{flex:0 0 265px;min-height:137px;padding:15px}.book:nth-child(3) .cover,.cover{width:66px;height:98px}.bookinfo h3{font-size:12px}.workspace{padding:18px 13px;margin:0 -3px}.workspace h2{font-size:17px;line-height:1.5}.workspace .eyebrow{font-size:8px}.rounds{margin-top:15px}.rounds button{padding:12px 16px}.sessionline>span{font-size:9px}.sessionline .primary{font-size:10px;padding:9px 10px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:25px}.metric strong{font-size:24px}.metric small{font-size:9px}.tabletop h3{font-size:16px}.tabletop p{font-size:10px;max-width:200px;line-height:1.6}.tabletop select{font-size:10px;padding:7px;max-width:115px}.legend{font-size:9px;gap:10px}.tablewrap th,.tablewrap td{padding:11px 9px}.tablewrap th:first-child,.tablewrap td:first-child{padding-left:12px}.bar{width:30px}.ratio{gap:8px}.tablefooter{gap:10px;align-items:start;line-height:1.6}.textbutton{font-size:10px;white-space:nowrap}footer{font-size:10px;gap:12px}footer span:last-child{display:none}dialog{padding:21px 17px}.entryoptions{gap:8px}.entryoptions .checklabel{font-size:9px}.entryhead,.entryrow{grid-template-columns:35px 1fr 90px;gap:5px}.choice button{padding:8px;font-size:10px}.entryrow label{font-size:9px}.historycard{display:block;padding:20px}.historycard .actions{margin-top:17px}.historycard h3{font-size:14px}#recordsView h1{font-size:28px}.toast{width:max-content;max-width:90%;text-align:center;bottom:20px}}
.ratio{justify-content:center;gap:12px}.rate-stack{display:inline-grid;width:max-content;justify-items:start;gap:4px}.rate-stack .bar{width:100%}.rate-stack small{font-size:10px;color:#65795d}.round-picker{display:flex;align-items:center;gap:10px;margin:18px 0}.round-picker .rounds{margin:0;flex:1;min-width:0}.round-picker>.outline{flex:none}.catalog-actions{display:flex;align-items:center;gap:10px;margin:11px 0;font-size:12px;color:#61705f}#onlinePanel,.chatpanel{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:20px;background:#fafcf8}#onlineStatus,#chatStatus{font-size:12px;color:#697764;margin:9px 0}#onlineList{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.hit{display:flex;align-items:center;text-align:left;gap:10px;background:white;border:1px solid var(--line);border-radius:8px;padding:10px}.hit img,.realcover{width:53px;height:73px;object-fit:contain}.hit small{display:block;color:#718069;margin-top:4px}.chatpanel{background:white}.chatpanel .muted{margin:8px 0}.chatpanel form{display:flex;gap:8px;margin-top:12px}.chatpanel form label{position:absolute;clip-path:inset(100%)}#chatBody{flex:1;min-width:0}#chatLog{max-height:270px;overflow:auto;background:#f5f8f2;border-radius:8px;padding:12px;font-size:12px}#chatLog article+article{margin-top:12px}#chatLog small{color:#75826d}#chatLog p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.catalog-actions span{line-height:1.5}.realcover{width:75px;height:110px}#onlineList a{color:var(--green)}@media(max-width:640px){.catalog-actions{font-size:10px}.round-picker{gap:3px}.round-picker .rounds button{padding:10px}.chatpanel{padding:12px}}

.round-delete-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:-4px 0 16px}
.round-delete-panel button{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 14px;border:1px solid #a43737;border-radius:8px;color:#922c2c;background:#fff5f3;font:inherit;font-weight:650;cursor:pointer}
.round-delete-panel button:hover:enabled{background:#fbe3df}
.round-delete-panel button:disabled{border-color:#b8b4af;color:#625f5b;background:#f4f3f0;opacity:1;cursor:default}
.round-delete-panel span{font-size:13px;line-height:1.5;color:#595e56}

.peer-direct{margin-top:10px;padding-top:8px;border-top:1px solid currentColor;font-size:13px}.peer-direct b{font-size:16px}

.killer-badge{width:max-content;margin:4px auto 2px;padding:2px 6px;border-radius:5px;background:#fff0d8;color:#773c08;font-size:11px;font-weight:700}

@media(max-width:640px){.metrics>.metric:first-child{grid-column:1/-1}}

.rate-pair{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.rate-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;min-width:0}
.rate-card strong{margin:2px 0;color:#3c694a}
.rate-detail{font-size:12px;line-height:1.5}.rate-detail small{display:block;color:#677260}
.rate-average{border-top:1px solid #dce3d7;padding-top:10px;font-size:13px}.rate-average b{display:inline-block;font-size:16px}
.rank-summary{grid-column:1/-1;font-size:13px;color:#435640;padding:6px 0}.rank-summary br{display:none}.rank-summary small{margin-left:6px}
@media(max-width:640px){.rate-pair{gap:6px 8px}.rate-card{padding:12px 10px}}

.round-summary .rank-summary{line-height:1.5}.round-reading{margin:8px 0 0;padding-top:9px;border-top:1px solid #dce3d7;color:#435640;font-size:13px;line-height:1.6;word-break:keep-all}

.chat-reply{margin:8px 0 2px 16px;padding:4px 12px;border-left:2px solid #b7c9ab}.chat-reply p{overflow-wrap:anywhere}#replyNotice{margin:8px 0;color:#416139;font-size:.9rem}

/* Keep Korean phrases intact while allowing long titles and links to fit. */
body {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
h1, h2, h3 { text-wrap: balance; }
p, .rate-detail, .round-reading, .infobox { text-wrap: pretty; }
.book, .sectiontop > div, .dialogtop > div, .search, .formgrid label { min-width: 0; }
.close, .softtag { flex-shrink: 0; }
.bookinfo h3 { font-size: 14px; line-height: 1.55; }
.bookinfo p, .bookinfo .bookmeta, .smallnote, .disclaimer {
  color: #606f62;
  font-size: 12px;
  line-height: 1.65;
}
.sectiontop p, .tabletop p, .dialogtop p { color: #637065; line-height: 1.65; }
.metrics { grid-template-columns: minmax(0, 1fr); }
.rate-pair { grid-column: 1 / -1; }
.metric > span, .metric small { color: #5d705c; font-size: 12px; }
.metric > span { font-weight: 600; }
.round-reading { line-height: 1.7; }
.rate-detail { font-size: 13px; line-height: 1.65; }
.rate-detail small { margin-top: 3px; }
.legend, .sessionline, .tablefooter, .catalog-actions { flex-wrap: wrap; row-gap: 8px; }
.sessionline { column-gap: 10px; }
#chatLog p { font-size: 14px; line-height: 1.65; }
#reviewScope { margin: 10px 0 16px; }
#reviewRounds .actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.dialogbottom .confirm { line-height: 1.65; }
@media (max-width: 640px) {
  .sectiontop { flex-wrap: wrap; align-items: center; }
  .sectiontop > div:first-child { flex: 1 1 100%; }
  .booksSection h1 { font-size: clamp(24px, 6.4vw, 30px); }
  .round-picker { flex-wrap: wrap; gap: 6px; }
  .round-picker .rounds { flex: 1 1 100%; }
  .sessionline > span, .sectiontop p, .tabletop p, .catalog-actions, .textbutton, .outline {
    font-size: 12px;
  }
  .tabletop { flex-wrap: wrap; gap: 8px; }
  .tabletop p { max-width: none; }
  .tablefooter, .legend { font-size: 11px; }
  .formgrid input, .formgrid select { min-width: 0; max-width: 100%; }
}
@media (max-width: 420px) {
  .rate-pair { column-gap: 6px; }
  .rate-card { padding-inline: 9px; }
}

.question-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.question-label .killer-badge{display:inline-block;margin:0;padding:2px 5px;font-size:10px;line-height:1.4;vertical-align:middle}
.account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.kakao-button{border:0;border-radius:7px;background:#fee500;color:#191919;padding:10px 12px;font-size:12px;font-weight:600;white-space:nowrap}
@media(max-width:640px){header{height:auto;min-height:58px;gap:8px;flex-wrap:wrap;padding:10px 0}.question-label{gap:4px}}

.purpose-panel{background:#edf3e9;border:1px solid #dce7d7;border-radius:14px;padding:28px 30px;margin-bottom:30px}
.purpose-panel h2{font-size:26px;line-height:1.5;color:#254c3c;margin-bottom:12px}
.purpose-panel>p:not(.eyebrow){max-width:780px;line-height:1.8;color:#4f6656}
.purpose-panel ol{display:flex;flex-wrap:wrap;gap:12px 32px;padding-left:20px;margin:18px 0;font-weight:600;color:#31533e}
.purpose-panel .purpose-tip{font-size:13px}
#nickForm label{display:block;line-height:1.7;margin:16px 0;color:#536451}
#nickInput{display:block;width:100%;margin-top:10px}
#accountNickname{max-width:240px;white-space:normal;text-align:right;overflow-wrap:anywhere}
@media(max-width:640px){.purpose-panel{padding:20px;margin-bottom:22px}.purpose-panel h2{font-size:22px}.purpose-panel h2 br{display:none}.purpose-panel ol{display:grid;gap:8px}.purpose-panel>p:not(.eyebrow){font-size:13px}}

/* Keep the question and accuracy columns together in the collapsed comparison. */
.tablewrap .summary-only th:first-child,
.tablewrap .summary-only td:first-child { width: 1%; padding-right: 12px; }
.tablewrap .summary-only th:nth-child(2),
.tablewrap .summary-only td:nth-child(2) { width: 1%; text-align: left; padding-left: 12px; padding-right: 18px; }
.tablewrap .summary-only .ratio { justify-content: flex-start; }


#roundScoring{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:8px}
#roundScoring legend{font-weight:650}
#roundScoring select{display:block;width:100%;margin-top:8px}
.point-default{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}
.point-default input{display:block;width:100px;margin-top:6px}
#pointRows{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px;max-height:260px;overflow:auto;margin:12px 0}
#pointRows label{font-size:12px}
#pointRows input{display:block;width:100%;margin-top:4px}
#pointTotal{font-weight:650;color:var(--green)}
.score-line{margin:10px 0;font-size:15px;line-height:1.7}
.score-line small{display:block}
.question-points{display:block;color:#65795d;font-size:10px}
.feedback-fields{display:grid;gap:16px;margin-top:22px}.feedback-fields label{display:grid;gap:8px}.feedback-fields textarea{width:100%;resize:vertical;min-height:140px;font:inherit;line-height:1.7;border:1px solid var(--line);border-radius:8px;padding:12px}.feedback-fields small{color:var(--muted)}.feedback-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:14px}.feedback-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:14px 0}.feedback-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.feedback-meta span{font-size:12px;color:var(--muted)}#feedbackAdminStatus,#feedbackError{margin-top:12px;color:var(--muted)}#feedbackMore{margin-top:16px}.account-actions{flex-wrap:wrap}@media(max-width:640px){header{height:auto;min-height:58px;flex-wrap:wrap;padding:10px 0;gap:10px}.account-actions{justify-content:flex-end;gap:8px}}
[hidden]{display:none!important}.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 38px}.home-actions a{display:inline-block}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.demo-link{display:block;background:white;border:1px solid var(--line);border-radius:16px;padding:25px}.demo-link small{color:var(--green)}.demo-link h3{margin:12px 0}.demo-link p{color:var(--muted);margin-bottom:24px}.demo-link b{color:var(--green)}.back-link{display:inline-block;color:var(--green);margin:0 0 22px;font-weight:600}.page-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:26px}.page-heading p{margin-top:12px;line-height:1.7;color:#637065}.page-heading h1{font-size:30px}.round-list{display:grid;gap:12px}.round-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;background:white;border:1px solid var(--line);border-radius:13px}.round-card p{margin-top:8px;color:var(--muted)}.round-card>span{color:var(--green);white-space:nowrap}.round-card:hover,.demo-link:hover{border-color:#789d88;background:#f4f8f4}.round-page-name{font-size:28px;margin-bottom:22px}#bookView,#adminView,#missingView{padding-bottom:45px}#workspace[hidden]{display:none!important}#adminContent{background:white;border:1px solid var(--line);border-radius:15px;padding:24px}.sidebar .nav{font-size:17px}.sidebar .nav span{display:inline}.sidebar .navlabel{margin-top:32px}@media(max-width:850px) and (min-width:641px){.sidebar .nav span{display:none}.sidebar .nav{justify-content:center;padding:12px 0}.sidebar .nav .navcount{display:none}}@media(max-width:640px){.sidebar{height:auto;min-height:105px;display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px}.sidebar nav{width:100%;justify-content:space-between}.sidebar .nav{font-size:15px;padding:9px 7px}.sidebar .nav span{display:inline;font-size:11px}.sidebar .nav .navcount{display:none}.demo-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.page-heading h1{font-size:24px}.round-card{padding:19px}.round-card h3{font-size:16px}.round-card>span{font-size:12px}.round-page-name{font-size:24px}.purpose-panel{margin-bottom:18px}.bookgrid{display:grid;grid-template-columns:1fr;overflow:visible}.book{width:100%;min-width:0}.book:nth-child(3){grid-column:auto}#adminContent{padding:16px}}
#nickRules{font-size:13px;color:#52635a;line-height:1.65;margin:10px 0 14px}#nickError{display:block;background:#fff0ed;color:#a12720;border:1px solid #edb5ae;border-radius:9px;padding:12px 14px;margin:10px 0 18px;font-size:14px;font-weight:600;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}#nickInput[aria-invalid="true"]{border:2px solid #bd3c30}#nickDialog{max-height:calc(100dvh - 32px);overflow-y:auto}#nickInput{font-size:16px}
#scoreDistribution{margin:20px 0 30px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}#scoreDistribution svg{display:block;width:100%;max-height:300px}#scoreDistribution p,#scoreDistribution small{color:#637065;line-height:1.7}.distribution-legend{display:flex;flex-wrap:wrap;gap:15px;margin:12px 0}#manualBookPrompt{padding:20px;margin:15px 0;border:1px dashed #9bb8a6;border-radius:12px}#manualBookPrompt p{margin-bottom:10px}
.round-summary #scoreDistribution{margin:24px 0 0;padding:22px 0 0;border:0;border-top:1px solid #dce6de;border-radius:0;background:transparent;min-width:0}.distribution-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#scoreDistribution .distribution-heading h3{font-size:15px;color:#344b3e}#scoreDistribution .distribution-heading>span{font-size:11px;color:#798a7e;margin:0}#scoreDistribution svg{display:block;width:100%;max-height:290px;margin:12px auto 0}.distribution-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.distribution-values>div{padding:13px 10px;background:#f3f6f2;border-radius:10px;text-align:center}#scoreDistribution .distribution-values span{display:block;font-size:11px;color:#63786b;margin:0 0 5px}#scoreDistribution .distribution-values b{font-size:21px;color:#354b3e;letter-spacing:-.7px;font-variant-numeric:tabular-nums}#scoreDistribution .distribution-values small{display:inline;font-size:11px;margin-left:3px}.distribution-values>div.my-score{background:#e4efe6;border:1px solid #c2d7c7}#scoreDistribution .my-score b,#scoreDistribution .my-score span{color:#23634e}#scoreDistribution .distribution-note{font-size:10px;line-height:1.6;color:#7c8b80;margin:12px 0 0}@media(max-width:640px){.round-summary #scoreDistribution{padding-top:18px;margin-top:18px}.distribution-values{gap:6px}.distribution-values>div{padding:10px 4px}#scoreDistribution .distribution-values b{font-size:18px}#scoreDistribution svg{margin-top:8px}}

/* Keep registration guidance inside the modal top layer. */
#bookDialog{max-height:calc(100dvh - 32px);overflow-y:auto}.book-category-confirm{display:flex;align-items:flex-start;gap:10px;margin:16px 0;line-height:1.7;word-break:keep-all}.book-category-confirm input{flex:0 0 auto;margin-top:5px}.book-category-confirm strong{color:var(--green,#245e4c)}.form-error{background:#fff0ed;color:#a12720;border:1px solid #edb5ae;border-radius:9px;padding:12px 14px;font-size:14px;line-height:1.6;word-break:keep-all}.form-error[hidden],#bookLogin[hidden]{display:none}#bookLogin{margin-bottom:14px;width:100%}dialog .toast{z-index:10000;max-width:min(90vw,520px)}

.members-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:32px}.members-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.members-summary>div{background:#f1f6f2;border-radius:12px;padding:16px}.members-summary span{display:block;font-size:13px;color:#63766b;word-break:keep-all}.members-summary strong{display:block;font-size:28px;margin-top:8px;color:#235d49}.members-summary small{font-size:13px;margin-left:5px}.members-table-wrap{overflow-x:auto}.members-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.members-table th,.members-table td{padding:14px 10px;border-bottom:1px solid #e8eee9}.members-table th{font-size:12px;color:#61756a;background:#f8faf8;white-space:nowrap}.members-table td:first-child{overflow-wrap:anywhere;min-width:100px}.member-status{display:inline-block;padding:5px 8px;border-radius:6px;background:#f5f1e7;color:#7a6237;font-size:12px;white-space:nowrap}.member-status.complete{background:#e9f4ec;color:#286348}#membersMore{margin-top:16px}#membersStatus{font-size:13px;color:#62776b}@media(max-width:640px){.members-panel{padding:16px}.members-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.members-summary>div{padding:12px}.members-table{font-size:12px}.members-table th,.members-table td{padding:12px 7px}}