:root{--bg:#ebebf5;--line:#dcdbea;--t1:#0c0c0e;--t2:#2e2d38;--t3:#3e3c4c;--btn-t:#3a3a40;--hi:#fff;--lo:#c9c8dc;--ok:#00a344;--warn:#b86a00;--bad:#e0302a;--c-1:#2f6fe4;--c-2:#ee7d1f;--c-3:#11a39a;--c-4:#c9447e;--c-total:#4a4858;--k:1;--up:calc(6px * var(--k)) calc(6px * var(--k)) calc(14px * var(--k)) var(--lo), calc(-6px * var(--k)) calc(-6px * var(--k)) calc(14px * var(--k)) var(--hi);--up-s:calc(3px * var(--k)) calc(3px * var(--k)) calc(8px * var(--k)) var(--lo), calc(-3px * var(--k)) calc(-3px * var(--k)) calc(8px * var(--k)) var(--hi);--in:inset calc(4px * var(--k)) calc(4px * var(--k)) calc(8px * var(--k)) var(--lo), inset calc(-4px * var(--k)) calc(-4px * var(--k)) calc(8px * var(--k)) var(--hi);--in-s:inset 2px 2px 4px var(--lo), inset -2px -2px 4px var(--hi);--r:20px;--r-in:14px;--r-btn:12px;--r-chip:999px;--r-nav:999px;--pad-out:32px;--gap:16px;--pad-card:20px;--ease:cubic-bezier(.2, .8, .2, 1);--font-body:Inter, "Noto Sans SC", "Source Han Sans SC", sans-serif;--font-heading:"Noto Serif SC", "Source Han Serif SC", serif;--font-num:Fraunces, "Noto Serif SC", serif}@media (max-width:600px){:root{--k:.75;--r:16px;--r-in:12px;--pad-out:16px;--gap:12px;--pad-card:16px}}[data-theme=dark]{--bg:#303136;--line:#44454c;--t1:#f1f1f6;--t2:#d4d4de;--t3:#b9b9c6;--btn-t:#d0d0d6;--hi:#ffffff0d;--lo:#00000073;--ok:#3ddc84;--warn:#ffb547;--bad:#ff6b5e;--c-1:#6f9bff;--c-2:#ffa252;--c-3:#3fd0c6;--c-4:#ff7fb1;--c-total:#c9c9d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*{box-sizing:border-box}html,body{background:var(--bg);color:var(--t1);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}h1{font-family:var(--font-heading);margin:0 0 20px;font-size:26px;font-weight:600;line-height:1.25}h2{font-family:var(--font-heading);margin:28px 0 14px;font-size:19px;font-weight:600;line-height:1.35}h3{font-family:var(--font-body);margin:16px 0 10px;font-size:14px;font-weight:600}ul{padding-left:20px}.muted{color:var(--t3)}.small{font-size:12px}:focus-visible{outline:2px solid var(--btn-t);outline-offset:2px}.shell{grid-template-columns:292px minmax(0,1fr);column-gap:16px;max-width:2240px;min-height:100vh;margin-inline:auto;padding:40px 40px 30px 30px;display:grid}.main{min-width:0}.sidebar{background:var(--bg);height:calc(100vh - 70px);color:var(--t1);border-radius:var(--r);box-shadow:var(--up);flex-direction:column;padding:28px 16px;display:flex;position:sticky;top:40px;overflow-y:auto}.sidebar .brand{font-family:var(--font-heading);color:var(--t1);padding:0 18px 20px;font-size:19px;font-weight:600;line-height:1.35}.sidebar .brand small{font-family:var(--font-body);color:var(--t3);margin-top:2px;font-size:12px;font-weight:400;display:block}.side-links{flex-direction:column;gap:6px;display:flex}.side-links a{border-radius:var(--r-nav);height:44px;color:var(--t3);transition:box-shadow .18s var(--ease), color .18s var(--ease);align-items:center;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-links a:hover{color:var(--t1)}.side-links a.active{background:var(--bg);color:var(--btn-t);box-shadow:var(--up);font-weight:600}.side-foot{color:var(--t3);gap:10px;margin-top:auto;padding:20px 18px 0;font-size:12px;display:grid}.side-foot .who-name{color:var(--t1);font-size:14px;font-weight:500}.topbar{justify-content:flex-end;align-items:center;gap:12px;min-height:32px;margin-bottom:24px;display:flex}.bell{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.bell[aria-current=page]{box-shadow:var(--in)}.bell .count{min-width:20px;height:20px;box-shadow:var(--in);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;padding:0 6px;font-size:11px;font-weight:600;line-height:20px}.notice-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.notice-list li{border-radius:var(--r-btn);box-shadow:var(--in);padding:14px 16px}.notice-list li.unread{box-shadow:var(--up-s)}.notice-list .n-title{font-weight:600}.notice-list .n-meta{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.theme-switch{gap:8px;display:inline-flex}.theme-switch button[aria-pressed=true]{box-shadow:var(--in)}button,.btn{border-radius:var(--r-btn);background:var(--bg);height:32px;color:var(--btn-t);box-shadow:var(--up-s);font:inherit;white-space:nowrap;cursor:pointer;transition:box-shadow .18s var(--ease);border:0;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}button:active,.btn:active{box-shadow:var(--in)}button:disabled{opacity:.6;cursor:default}button.secondary,.btn.secondary,button.danger{font-weight:500}.panel,.stat,.login-card{background:var(--bg);color:var(--t1);border-radius:var(--r);padding:var(--pad-card);box-shadow:var(--up);border:0}.panel{margin-bottom:var(--gap)}.panel>h3:first-child,.panel>h2:first-child{margin-top:0}.grid2{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.grid2>.panel{margin-bottom:0}.stats{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat .k{color:var(--t3);font-size:12px}.stat .v{font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums;color:var(--t1);white-space:nowrap;font-size:26px;font-weight:600}.notice{background:var(--bg);border-radius:var(--r);box-shadow:var(--up-s);color:var(--t2);padding:12px var(--pad-card);border:0;margin-bottom:24px}.panel .notice{box-shadow:var(--in-s);margin-bottom:14px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.actions>h1{margin:0}.spacer{flex:1}form.row-form,form.row-form .actions{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:inline-flex}.actions>form.row-form{margin:0}form.row-form input:not([type=hidden]){width:9.5em}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions.stacked{flex-direction:column;align-items:flex-start}table{border-collapse:collapse;width:100%;color:var(--t1);background:0 0}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}th{color:var(--t3);white-space:nowrap;background:0 0;font-size:13px;font-weight:500}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.total td{border-top:1px solid var(--line);font-weight:600}.table-wrap{background:var(--bg);border-radius:var(--r);box-shadow:var(--up);margin-bottom:var(--gap);padding:8px 12px;overflow-x:auto}.panel .table-wrap{box-shadow:none;border-radius:0;margin-bottom:0;padding:0}.table-wrap th,.table-wrap td{white-space:nowrap}.table-wrap td.wrap{white-space:normal;min-width:9em;max-width:16em}form.stack{gap:12px;max-width:640px;display:grid}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}label{color:var(--t2);gap:4px;font-size:13px;display:grid}label.inline{align-items:center;gap:6px;display:flex}input,select,textarea{font:inherit;border-radius:var(--r-in);background:var(--bg);min-width:0;color:var(--t1);box-shadow:var(--in);border:0;padding:9px 14px}input:focus,select:focus,textarea:focus{outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--btn-t);outline-offset:2px}input[type=checkbox],input[type=radio]{width:16px;height:16px;box-shadow:none;accent-color:var(--btn-t);margin:0;padding:0}::placeholder{color:var(--t3);opacity:.7}.badge{border-radius:var(--r-chip);color:var(--t2);box-shadow:var(--in-s);white-space:nowrap;background:0 0;padding:0 10px;font-size:12px;line-height:20px;display:inline-block}.badge.accent{color:var(--t2)}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.danger,.neg{color:var(--bad)}.error,.success{color:var(--t1);font-weight:600}code{box-shadow:var(--in-s);background:0 0;border-radius:6px;padding:0 6px;font-size:12px}dl.kv{grid-template-columns:120px 1fr;gap:6px 12px;margin:0;display:grid}dl.kv dt{color:var(--t3)}dl.kv dd{margin:0}.chart-grid3{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.chart-grid3>.panel,.grid2>.panel.chart-card{margin-bottom:0}.chart-card h3{font-family:var(--font-heading);margin:0 0 4px;font-size:16px;font-weight:600}.chart-card .sub{color:var(--t3);margin:0 0 14px;font-size:12px}.chart{--well:12px;--pill:calc(3px * var(--k)) calc(3px * var(--k)) calc(6px * var(--k)) var(--lo), calc(-2px * var(--k)) calc(-2px * var(--k)) calc(5px * var(--k)) var(--hi);--gloss:inset 1px 1px 0 #ffffff4d, inset -1px -1px 0 #00000014;margin:0}.chart-num{font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums;font-weight:600}.chart-plot{grid-template-columns:44px minmax(0,1fr);height:196px;display:grid}.chart-y{padding:var(--well) 0}.chart-y-in{height:100%;position:relative}.chart-y span{font-family:var(--font-num);color:var(--t3);white-space:nowrap;font-size:11px;position:absolute;right:8px;transform:translateY(-50%)}.chart-area{padding:var(--well);border-radius:var(--r-in);background:var(--bg);box-shadow:var(--in)}.chart-canvas{height:100%;position:relative}.chart-canvas svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-zero{stroke:var(--t3);stroke-width:1px;stroke-opacity:.6;vector-effect:non-scaling-stroke}.chart-lines{filter:drop-shadow(0 calc(3px * var(--k)) calc(3px * var(--k)) var(--lo))}.chart-dot{border:2px solid var(--bg);width:10px;height:10px;box-shadow:2px 2px 4px var(--lo), -2px -2px 4px var(--hi);cursor:default;border-radius:50%;outline:none;margin:-5px 0 0 -5px;position:absolute}.chart-dot.current{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}.chart-dot:hover,.chart-dot:focus-visible{z-index:2;box-shadow:3px 3px 6px var(--lo), -3px -3px 6px var(--hi)}.chart-tip{border-radius:var(--r-btn);background:var(--bg);box-shadow:var(--up-s);color:var(--t2);white-space:nowrap;pointer-events:none;padding:5px 10px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.chart-tip b{color:var(--t1);font-size:13px;display:block}.chart-tip b.neg{color:var(--bad)}.chart-dot.tip-left .chart-tip{left:auto;right:-8px;transform:none}.chart-dot.tip-right .chart-tip{left:-8px;transform:none}.chart-dot:hover .chart-tip,.chart-dot:focus .chart-tip{display:block}.chart-x{margin:8px var(--well) 0 calc(44px + var(--well));color:var(--t3);text-align:center;font-size:11px;display:grid}.chart-x span{white-space:nowrap}.chart-legend{color:var(--t2);flex-wrap:wrap;gap:8px;margin-top:14px;font-size:12px;display:flex}.chart-legend>span{border-radius:var(--r-chip);background:var(--bg);box-shadow:var(--up-s);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.chart-legend i{width:14px;height:6px;box-shadow:var(--gloss);border:0 solid;border-radius:3px}.chart-legend i.dashed{height:0;box-shadow:none;background:0 0;border-top-style:dashed;border-top-width:2px}.chart-legend b{color:var(--t1)}.chart-legend b.neg,.chart-bar-label.neg{color:var(--bad)}.chart-groups{grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:absolute;inset:0}.chart-group{justify-content:center;gap:10px;padding:0 8%;display:flex}.chart-bar-slot{flex:1;max-width:30px;position:relative}.chart-bar{border-radius:var(--r-chip);min-height:4px;box-shadow:var(--pill), var(--gloss);position:absolute;left:0;right:0}.chart-bar-label{border-radius:var(--r-chip);background:var(--bg);box-shadow:var(--up-s);color:var(--t2);white-space:nowrap;z-index:1;padding:1px 7px;font-size:11px;line-height:16px;position:absolute;left:50%;transform:translate(-50%)}.chart-bar-label.muted{box-shadow:none;background:0 0}.hbars{gap:12px;display:grid}.hbar{grid-template-columns:minmax(5em,12em) minmax(0,1fr) 8.5em;grid-template-areas:"label track value";align-items:center;gap:10px;font-size:13px;display:grid}.hbar-label{color:var(--t2);text-overflow:ellipsis;white-space:nowrap;grid-area:label;overflow:hidden}.hbar-track{border-radius:var(--r-chip);background:var(--bg);height:18px;box-shadow:var(--in-s);grid-area:track;padding:4px}.hbar-fill{border-radius:var(--r-chip);background:var(--c-1);min-width:10px;height:100%;box-shadow:2px 2px 4px var(--lo), -1px -1px 3px var(--hi), var(--gloss);display:block}.hbar-value{text-align:right;white-space:nowrap;color:var(--t1);grid-area:value}.hbar-value small{font-family:var(--font-body);color:var(--t3);margin-left:6px;font-size:11px;font-weight:400}.hbar-sum{border-top:1px solid var(--line);padding-top:10px}.seg{border-radius:var(--r-chip);background:var(--bg);box-shadow:var(--in-s);gap:4px;padding:4px;display:inline-flex}.seg a{border-radius:var(--r-chip);color:var(--t3);transition:box-shadow .18s var(--ease), color .18s var(--ease);padding:6px 14px;font-size:13px;text-decoration:none}.seg a:hover{color:var(--t1)}.seg a[aria-current=true]{box-shadow:var(--up-s);color:var(--t1);font-weight:600}.seg a:active{box-shadow:var(--in-s)}@media (max-width:600px){.chart{--well:10px}.chart-grid3{grid-template-columns:minmax(0,1fr)}.chart-plot{grid-template-columns:38px minmax(0,1fr);height:176px}.chart-x{margin-left:calc(38px + var(--well))}.chart-x.dense span:nth-child(2n){visibility:hidden}.chart-group{gap:6px;padding:0 5%}.chart-bar-slot{max-width:24px}.hbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value""track track";gap:6px 8px}.hbar-label{white-space:normal}}.train-stats{margin-bottom:var(--gap)}.stat .v-of{color:var(--t3);font-size:14px;font-weight:500}.stat .v.v-text{font-family:var(--font-body);white-space:normal;font-size:16px;line-height:32px}.train-ref .stat .v.v-text{line-height:1.5}td .name-badges{white-space:normal;margin:4px 0 0;display:flex}.course-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.panel.course-card{transition:box-shadow .18s var(--ease);gap:6px;margin:0;text-decoration:none;display:grid}.panel.course-card:active{box-shadow:var(--in)}.course-head,.course-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.course-foot{align-items:flex-end;margin-top:6px}.course-title{font-family:var(--font-heading);font-size:16px;font-weight:600;line-height:1.35}.course-score{color:var(--t1);font-size:28px;line-height:1}.course-content p,.course-content ul{margin:0 0 10px}.course-content p:has(+ul){margin-bottom:4px}.err-count{background:var(--bg);min-width:24px;height:24px;box-shadow:var(--up-s);font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums;color:var(--t1);border-radius:12px;place-items:center;padding:0 7px;font-size:13px;font-weight:600;display:inline-grid}.err-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.err-list>li{border-radius:var(--r-btn);box-shadow:var(--in-s)}.err-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;list-style:none;display:flex}.err-list summary::-webkit-details-marker{display:none}.err-list summary:after{content:"›";color:var(--t3);transition:transform .18s var(--ease)}.err-list details[open] summary:after{transform:rotate(90deg)}.err-list .err-cat{flex:1;font-weight:500}.err-list details ul{gap:4px;margin:0;padding:0 14px 10px;list-style:none;display:grid}.err-list details li{color:var(--t2);justify-content:space-between;gap:12px;font-size:13px;display:flex}.err-chips{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.err-chip{border-radius:var(--r-chip);box-shadow:var(--in-s);color:var(--t2);white-space:nowrap;align-items:center;gap:6px;padding:2px 10px;font-size:12px;display:inline-flex}.circ{font-family:var(--font-num);color:var(--warn);font-size:1.15em;line-height:1}.err-list summary .circ{font-size:20px}.name-badges{color:var(--t2);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-left:8px;font-size:12px;font-weight:400;display:inline-flex}.name-badge{white-space:nowrap;align-items:baseline;gap:3px;display:inline-flex}h1 .name-badges{vertical-align:middle;font-size:14px}.course-tags{flex-wrap:wrap;gap:6px;display:inline-flex}.course-points{gap:4px;margin:0;padding-left:1.2em;display:grid}.rating-form .form-row{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.rating-form select{min-width:0}.record-table td .small{margin-top:2px;display:block}.warn-text{color:var(--warn)}.rating-card>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:600;list-style:none;display:flex}.rating-card>summary::-webkit-details-marker{display:none}.rating-card[open]>summary{margin-bottom:12px}.item-list{gap:var(--gap);margin-bottom:var(--gap);display:grid}.item-list>.panel{margin:0}.item-card.off{opacity:.6}.item-head,.q-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-no{width:28px;height:28px;box-shadow:var(--up-s);border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.item-prompt{margin:10px 0 8px;font-weight:600}form.stack.exam{max-width:820px}fieldset.q-card{border:0;min-width:0;margin:0}fieldset.q-card>legend{float:left;width:100%;padding:0}fieldset.q-card>legend+*{clear:both}.choices{gap:10px;display:grid}.choice{border-radius:var(--r-btn);box-shadow:var(--up-s);color:var(--t1);cursor:pointer;transition:box-shadow .18s var(--ease);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}label.choice:has(input:checked){box-shadow:var(--in-s);font-weight:600}.choice.result{cursor:default}.choice.result.picked{box-shadow:var(--in-s);font-weight:600}.choice.result>span:first-child{flex:1}.transcript{border-radius:var(--r-in);box-shadow:var(--in);white-space:pre-wrap;color:var(--t2);margin:8px 0 12px;padding:12px 14px}.oral-scores{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.score-chip{border-radius:var(--r-btn);height:40px;box-shadow:var(--up-s);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.score-chip .k{color:var(--t3);font-size:12px}.score-chip .v{font-size:18px}.score-chip.final .v{font-size:22px}.score-chip .score-input{width:4.2em;height:30px;min-height:0;font-family:var(--font-num);padding:2px 8px;font-size:16px}.keypoints,.checklist{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.keypoints li,.checklist li{align-items:center;gap:8px;display:flex}.keypoints li.miss{color:var(--t3)}.kp-mark{width:22px;height:22px;box-shadow:var(--in-s);color:var(--t3);border-radius:50%;flex:none;place-items:center;font-size:12px;display:inline-grid}.keypoints li.hit .kp-mark,.kp-mark.ok{box-shadow:var(--up-s);color:var(--ok)}.train-ref{margin-bottom:var(--gap)}.queue{gap:10px;margin:0;padding:0;list-style:none;display:grid}.queue a,.queue .queue-row{border-radius:var(--r-btn);box-shadow:var(--up-s);transition:box-shadow .18s var(--ease);grid-template-columns:minmax(9em,1fr) minmax(0,2fr) auto auto;align-items:center;gap:4px 16px;padding:12px 16px;text-decoration:none;display:grid}.queue a:active{box-shadow:var(--in-s)}.queue .queue-row a{box-shadow:none;border-radius:0;padding:0;display:inline}.queue .q-btns{align-items:center;gap:8px;display:inline-flex}.queue .q-btns button{padding:6px 14px;font-size:13px}form.ghost-form button{font-weight:500}.queue .q-who{font-weight:600}.queue .q-go{color:var(--btn-t);white-space:nowrap;font-size:13px;font-weight:600}.train-ref .stats{margin-bottom:8px}@media (max-width:600px){.course-grid{grid-template-columns:minmax(0,1fr)}.queue a,.queue .queue-row{grid-template-columns:minmax(0,1fr) auto}.queue .q-what{grid-area:2/1/auto/-1}.queue .q-go{grid-area:1/2}.queue .queue-row .q-go,.queue .queue-row>.small{grid-area:auto/1/auto/-1}.score-chip .score-input{height:32px}.record-table thead{display:none}.record-table tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:12px 0;display:grid}.record-table tbody tr:last-child{border-bottom:0}.table-wrap .record-table td{text-align:left;white-space:normal;border:0;padding:0}.record-table td:first-child{grid-column:1/-1}.record-table td[data-label]:before{content:attr(data-label);color:var(--t3);font-size:11px;display:block}}.kn-tag{border-radius:var(--r-chip);box-shadow:var(--in-s);color:var(--t2);white-space:nowrap;align-items:center;padding:1px 10px;font-size:12px;display:inline-flex}.kn-clip{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kn-score{white-space:nowrap}.panel.course-card.kn-history{opacity:.72}.kn-scores{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.kn-fieldset{border-radius:var(--r-btn);box-shadow:var(--in-s);border:0;gap:10px;min-width:0;margin:0;padding:14px 16px;display:grid}.kn-fieldset>legend{float:left;width:100%;color:var(--t1);padding:0;font-size:13px;font-weight:600}.kn-fieldset>legend+*{clear:both}details.kn-fieldset>summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none}details.kn-fieldset>summary::-webkit-details-marker{display:none}details.kn-fieldset>summary:after{content:" ›";color:var(--t3)}details.kn-fieldset[open]>summary{margin-bottom:4px}.kn-reflect-item{gap:10px;display:grid}form.stack.kn-reflect-form{max-width:760px}.kn-scenes{margin-bottom:0}.kn-anon{border-radius:var(--r-btn);box-shadow:var(--up-s);gap:10px;padding:14px 16px;display:grid}.kn-anon h3,.kn-anon .actions{margin:0}.kn-repl{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.kn-search{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;align-items:center;gap:10px;display:grid}.kn-seg{margin-bottom:var(--gap);flex-wrap:wrap}.kn-seg .chart-num{color:var(--t3);margin-left:2px}dl.kv.kn-kv{grid-template-columns:9em 1fr;gap:10px 16px}.kn-text{white-space:pre-wrap;overflow-wrap:anywhere}.kn-reuses{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.kn-reuses li{border-radius:var(--r-btn);box-shadow:var(--in-s);padding:8px 14px}.kn-remind .circ{font-size:1.2em}.kn-similar{margin-bottom:var(--gap);border-radius:var(--r-btn);box-shadow:var(--up-s);border-left:3px solid var(--warn);gap:8px;padding:14px 16px;display:grid}.kn-similar h3{color:var(--warn);margin:0}.kn-similar p{margin:0}.kn-similar ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.kn-similar li{border-radius:var(--r-btn);box-shadow:var(--in-s);overflow-wrap:anywhere;padding:8px 12px}form .kn-similar{margin-bottom:0}.kn-dup-notice .kn-merge{margin-top:8px}.kn-dup-form .kn-fieldset label.inline{flex-wrap:wrap;align-items:center}.kn-revision{border-radius:var(--r-btn);box-shadow:var(--in-s);margin-bottom:8px;padding:8px 14px}.kn-revision>summary{cursor:pointer}.kn-rev-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:8px;display:grid}.kn-rev-cols h3{margin:0 0 4px;font-size:13px}h1 .badge{vertical-align:middle;font-family:var(--font-body)}@media (max-width:600px){.kn-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kn-search input[name=q],.kn-search button{grid-column:1/-1}dl.kv.kn-kv{grid-template-columns:minmax(0,1fr);gap:2px}dl.kv.kn-kv dd{margin-bottom:10px}.kn-rev-cols{grid-template-columns:minmax(0,1fr)}.kn-seg{flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.kn-seg a{white-space:nowrap}.fb-seg{flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.fb-seg a{white-space:nowrap}}.login-wrap{place-items:center;min-height:100vh;padding:40px 16px;display:grid;position:relative}.login-wrap .topbar{margin:0;position:absolute;top:24px;right:24px}.login-card{width:380px;max-width:100%;padding:32px}.login-card h1{text-align:center}.demo-accounts{color:var(--t3);margin-top:16px;font-size:12px}.feedback-btn{gap:6px;display:inline-flex}.fb-dialog{width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--pad-card);border-radius:var(--r);background:var(--bg);color:var(--t1);box-shadow:var(--up);border:0;overflow-y:auto}.fb-dialog::backdrop{background:#0000002e}.fb-dialog form.stack{max-width:none}.fb-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.fb-head h2{margin:0}.fb-close{width:36px;height:36px;padding:0;font-size:20px}.fb-types{border:0;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;display:flex}.fb-types legend{color:var(--t2);margin-bottom:6px;padding:0;font-size:13px}.fb-shots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:12px;display:grid}.fb-shots .fb-shot{object-fit:contain;width:100%;max-height:300px}.fb-shot{border-radius:var(--r-in);max-width:100%;max-height:420px;box-shadow:var(--in-s);padding:6px;display:block}.fb-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.fb-queue .q-who{white-space:nowrap}.fb-seg .chart-num{color:var(--t3);margin-left:2px}.ct-queue .q-who{white-space:nowrap}@media (min-width:601px){.ct-queue a{grid-template-columns:12.5em minmax(8em,1fr) auto auto}}.tabbar,.tab-sheet,.tab-sheet-backdrop{display:none}.nav-icon{flex:none}@media (max-width:767px){:root{--tabbar-h:64px}.shell{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(var(--tabbar-h) + 28px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);align-content:start;row-gap:12px}.sidebar{flex-direction:row;align-items:center;gap:12px;height:auto;padding:12px 16px;position:static;overflow:visible}.sidebar .brand{white-space:nowrap;flex:none;padding:0;font-size:17px}.sidebar .side-links{display:none}.side-foot{text-align:right;flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin:0;padding:0}.side-foot>div{min-width:0}.side-foot>div>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar{margin-bottom:4px}.tabbar{z-index:30;left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));height:var(--tabbar-h);background:var(--bg);border-radius:var(--r);box-shadow:var(--up);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:6px;display:grid;position:fixed}.tabbar a,.tabbar button{border-radius:var(--r-in);min-width:44px;height:auto;box-shadow:none;color:var(--t3);-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:500;line-height:1;text-decoration:none;display:flex}.tabbar a.active,.tabbar button.active{color:var(--t1);box-shadow:var(--in-s);font-weight:600}.tabbar a:active,.tabbar button:active{box-shadow:var(--in)}.tab-sheet-backdrop{z-index:28;background:#0000002e;display:block;position:fixed;inset:0}.tab-sheet{z-index:29;left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(var(--tabbar-h) + 22px + env(safe-area-inset-bottom));background:var(--bg);border-radius:var(--r);box-shadow:var(--up);gap:4px;padding:10px;display:grid;position:fixed}.tab-sheet a{border-radius:var(--r-in);min-height:48px;color:var(--t2);align-items:center;gap:12px;padding:0 14px;font-size:15px;text-decoration:none;display:flex}.tab-sheet a.active{color:var(--t1);box-shadow:var(--in-s);font-weight:600}button,.btn{height:40px;padding:0 16px;font-size:14px}.theme-switch button,.bell,.feedback-btn{height:36px;padding:0 14px}.topbar{flex-wrap:wrap;gap:6px}.topbar .theme-switch{gap:6px}.topbar .theme-switch button,.topbar .bell,.topbar .feedback-btn{padding:0 10px}.fb-dialog{padding:20px 16px}input,select,textarea{min-height:42px;font-size:16px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0}label.inline{min-height:32px}.login-wrap .topbar{top:12px;right:12px}.login-card{padding:24px 20px}h1{font-size:22px}.stat .v{font-size:21px}.grid2{grid-template-columns:minmax(0,1fr)}dl.kv{grid-template-columns:96px 1fr}}.habit-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.habit-tile{border-radius:var(--r-btn);background:var(--bg);min-height:52px;box-shadow:var(--up-s);color:var(--t1);transition:box-shadow .18s var(--ease);align-items:center;gap:10px;padding:10px 14px;font-weight:500;text-decoration:none;display:flex}.habit-tile:hover{box-shadow:var(--up)}.habit-tile:active{box-shadow:var(--in-s)}.habit-tile svg{color:var(--t2);flex:none}.habit-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.habit-head h2{margin:0 auto 0 0}.habit-head form{margin:0}button.switch{align-items:center;gap:10px;padding:6px 8px 6px 14px;display:inline-flex}.switch-track{background:var(--bg);width:44px;height:24px;box-shadow:var(--in-s);border-radius:12px;flex:none;position:relative}.switch-knob{background:var(--bg);width:18px;height:18px;box-shadow:var(--up-s);transition:left .18s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}button.switch[aria-checked=true] .switch-knob{background:var(--t1);left:23px}.switch-state{color:var(--t2);min-width:1em;font-size:13px}@media (max-width:600px){.habit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.habit-tile{min-height:48px;padding:8px 12px;font-size:14px}}.growth-card{flex-wrap:wrap;align-items:center;gap:16px 40px;display:flex}.growth-id{align-items:center;gap:14px;display:flex}.growth-avatar{width:56px;height:56px;box-shadow:var(--up-s);font-family:var(--font-heading);color:var(--t2);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:600;display:grid}.growth-name{font-family:var(--font-heading);margin-bottom:4px;font-size:20px;font-weight:600}dl.kv.growth-dates{grid-template-columns:auto 1fr;gap:4px 14px}.growth-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.growth-seg{flex-wrap:wrap;margin-bottom:12px}.timeline{gap:18px;margin:0;padding:0;list-style:none;display:grid}.tl-day{font-family:var(--font-num);color:var(--t3);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:13px}.tl-items{border-left:2px solid var(--line);gap:10px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.tl-item{border-radius:var(--r-btn);box-shadow:var(--up-s);grid-template-columns:6.5em minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:10px 14px;display:grid}.tl-kind{color:var(--t3);border-radius:var(--r-chip);box-shadow:var(--in-s);text-align:center;white-space:nowrap;padding:3px 10px;font-size:12px}.tl-title{font-weight:600}.tl-go{color:var(--btn-t);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.growth-summary .stats{margin-bottom:8px}@media (max-width:600px){.growth-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-seg{flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.growth-seg a{white-space:nowrap}.tl-items{padding-left:10px}.tl-item{grid-template-columns:minmax(0,1fr) auto}.tl-kind{justify-self:start}.tl-body{grid-area:2/1/auto/-1}.tl-go{grid-area:1/2}}.toast-wrap{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;gap:10px;width:min(420px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--r-btn);background:var(--bg);color:var(--t1);box-shadow:var(--up);animation:toast-in .22s var(--ease);align-items:center;gap:12px;padding:12px 14px;font-weight:500;display:flex}.toast-icon{flex:none}.toast.ok .toast-icon{color:var(--ok)}.toast.error .toast-icon{color:var(--bad)}.toast-text{overflow-wrap:anywhere;flex:1;min-width:0}.toast-x{width:28px;height:28px;color:var(--t3);box-shadow:var(--up-s);flex:none;place-items:center;padding:0;display:grid}.toast-x:active{box-shadow:var(--in-s)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (max-width:767px){.toast-wrap{bottom:calc(var(--tabbar-h) + 20px + env(safe-area-inset-bottom))}}