:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#253a3c;background:#f4f6f6;font-synthesis:none;line-height:1.65;font-weight:400;--ink: #173f42;--muted: #657778;--border: #dce4e3;--accent: #23766e}.exam-home,.exam-taking,.exam-result{width:min(1180px,calc(100% - 32px));margin:32px auto;display:grid;gap:24px}.exam-home{grid-template-columns:minmax(0,1fr) 360px}.exam-setup>label,.exam-setup>fieldset,.exam-setup .form-grid>label{display:grid;gap:8px;margin:16px 0}.exam-setup input,.exam-setup select{min-height:44px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-tree{min-width:0;margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:9px}.topic-tree legend{padding:0 6px;font-size:13px;font-weight:600}.topic-tree-list,.topic-tree-children{display:grid;gap:4px}.topic-tree-group+.topic-tree-group{border-top:1px solid #edf0ef;padding-top:4px}.topic-tree-row{display:flex;min-width:0;min-height:42px;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;overflow-wrap:anywhere}.topic-tree-row label,label.topic-tree-row{cursor:pointer}.topic-tree-row input[type=checkbox]{width:17px;height:17px;min-width:17px;min-height:17px;flex:0 0 auto;padding:0;margin:0;accent-color:var(--accent)}.topic-tree-parent{justify-content:space-between;font-weight:600}.topic-tree-parent label{display:flex;min-width:0;flex:1;align-items:center;gap:9px}.topic-tree-toggle{display:grid;width:40px;height:40px;min-height:40px;flex:0 0 40px;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:#526d68}.topic-tree-toggle:hover{background:#edf4f2}.topic-tree-toggle-spacer{width:40px}.topic-tree-children{padding:0 4px 5px 22px}.topic-tree-children .topic-tree-row{font-size:14px}.check-row,.flag-check{display:flex!important;align-items:center;gap:8px}.check-row input,.flag-check input{min-height:auto}.availability{border-radius:10px;padding:10px 14px;background:#eef3f2}.availability p{margin:4px 0}.availability.short{background:#fff0ec;color:#842d1e}.availability.ok{background:#e7f5ee;color:#145c43}.exam-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.history-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin:8px 0;background:#fff;color:inherit;border:1px solid #d9e1df}.history-row span:first-child{display:grid;gap:3px}.history-row small{color:#63706e}.exam-taking{grid-template-columns:minmax(0,1fr) 290px;align-items:start}.exam-main{min-width:0}.exam-desktop-nav{position:sticky;top:20px}.exam-status{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.exam-status span{font-variant-numeric:tabular-nums}.exam-status .urgent{color:#a83224}.exam-question{background:#fff;border-radius:16px;padding:clamp(18px,4vw,38px);box-shadow:0 10px 35px #173f4210}.exam-question h1{font-size:clamp(1.2rem,2.5vw,1.75rem);line-height:1.55}.exam-options{display:grid;gap:12px;margin:24px 0}.exam-options label{display:block;cursor:pointer}.exam-options input{position:absolute;opacity:0}.exam-options span{display:flex;gap:12px;align-items:flex-start;border:1px solid #ccd8d5;border-radius:12px;padding:14px;min-height:50px}.exam-options input:checked+span{border:2px solid #1f6669;background:#eef7f6}.exam-options b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#e5eeec}.exam-move{display:flex;justify-content:space-between;margin:16px 0}.submit-zone{margin-top:36px;border-top:1px solid #e0e5e4;padding-top:20px;text-align:right}.danger{background:#a4382b!important}.submit-confirm{margin-top:12px;padding:18px;border:1px solid #e1b0a8;border-radius:12px;background:#fff5f2}.submit-confirm button{margin-left:8px}.exam-number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.exam-number-grid button{min-height:44px;background:#eef2f1;color:#31413e;padding:0}.exam-number-grid button.answered{background:#cfe8df}.exam-number-grid button.flagged{outline:3px solid #d88928}.exam-number-grid button[aria-current=step]{background:#1f6669;color:#fff}.exam-mobile-nav{display:none}.result-hero{margin:20px 0;padding:clamp(20px,4vw,42px);background:#173f42;color:#fff;border-radius:18px}.result-hero h1{font-size:clamp(2.5rem,7vw,5rem);margin:8px 0}.result-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.result-metrics span{display:grid;gap:4px}.result-metrics strong{font-size:1.25rem}.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-questions>details{background:#fff;border:1px solid #dce4e2;border-radius:12px;margin:10px 0;padding:14px}.result-questions summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer}.explanation-details{margin:8px 0 16px;padding:12px;background:#f4f7f6;border-radius:10px}@media(max-width:800px){.exam-home,.exam-taking{grid-template-columns:1fr}.exam-desktop-nav{display:none}.exam-mobile-nav{display:block;margin-bottom:12px}.form-grid,.breakdowns{grid-template-columns:1fr}.result-metrics{grid-template-columns:repeat(2,1fr)}.exam-home,.exam-taking,.exam-result{width:min(100% - 20px,1180px);margin:16px auto}.exam-actions>*{flex:1}.result-questions summary{display:grid}.exam-status{justify-content:space-between}.exam-status small{width:100%}}@media(max-width:380px){.result-metrics{grid-template-columns:1fr}.exam-question{padding:16px}.exam-options span{padding:12px}.submit-confirm button{width:100%;margin:6px 0 0}}.stimulus-card{margin:16px 0 22px;padding:18px;border-left:4px solid #1f6669;border-radius:10px;background:#f0f6f5;line-height:1.75}.stimulus-card h2,.stimulus-card h3{margin-top:0}.stimulus-card p{white-space:pre-line;margin-bottom:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink);font-weight:600}button:disabled{opacity:.48;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d79d44;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:25px;letter-spacing:-.8px;line-height:1.45;margin-bottom:10px}h2{font-size:21px;line-height:1.6}h3{font-size:17px}p{margin-bottom:14px}svg{flex-shrink:0;vertical-align:middle}.topbar{height:91px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1280px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:2px;white-space:nowrap}.brand small{display:block;font-size:12px;color:var(--muted);letter-spacing:2.5px;font-weight:400}.brand-mark{background:var(--ink);color:#fff;width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.top-status{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap}.top-status>span{display:flex;align-items:center;gap:7px}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#328b65;border-radius:50%}.workspace{max-width:1280px;padding:38px 24px 50px;margin:auto;display:grid;grid-template-columns:295px minmax(0,1fr);gap:42px;align-items:start}.sidebar{min-width:0}.section-label{font-size:12px;font-weight:700;letter-spacing:2px;color:#6c8383;display:flex;justify-content:space-between;margin-bottom:21px}.section-label span{color:#9aacac}.intro{font-size:14px;margin-bottom:26px}.muted{color:var(--muted)}.small{font-size:13px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 5px #12353603}.settings{padding:23px}.settings h2{font-size:16px;display:flex;gap:9px;align-items:center;margin-bottom:22px}.settings>label{font-size:14px;display:block;margin-bottom:7px;font-weight:600}.settings>select,.settings>input{width:100%;min-height:46px;border:1px solid #ccd8d7;border-radius:8px;background:#fff;padding:9px 10px;color:#263e3f;margin-bottom:19px}.count-label{display:flex;justify-content:space-between;align-items:center}.count-label span{font-size:12px;color:var(--muted)}.count-label label{margin-bottom:7px}.presets{display:flex;gap:8px;margin-top:-8px;margin-bottom:24px}.presets button{flex:1;min-height:36px;padding:4px;font-size:13px;font-weight:500}.presets .chosen,.confidence .chosen{background:#e8f3f0;border-color:#428e80;color:#145f56}.primary{background:var(--ink);border-color:var(--ink);color:#fff}.full{width:100%}.secondary{background:#fff;font-size:14px}.local-note{display:flex;align-items:flex-start;gap:10px;margin:23px 4px 10px;color:#617878}.local-note p{font-size:12px;line-height:1.9}.demo-note{font-size:12px;color:#728282;line-height:1.9;padding:0 5px}.main-column{min-width:0}.welcome{padding:39px 36px 0;background:#173f42;color:#fff;overflow:hidden;border-color:#173f42}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;color:#5d8280;margin-bottom:17px}.welcome .eyebrow{color:#add5cd}.welcome h2{font-size:31px;letter-spacing:-.5px;margin-bottom:14px}.welcome>p{color:#c7dbd8;max-width:520px;line-height:1.9;font-size:15px}.flow{display:flex;gap:30px;margin:35px 0}.flow span{display:flex;align-items:center;gap:10px;font-size:14px}.flow b{font-size:12px;color:#b2d5cc;letter-spacing:1px;border:1px solid #608682;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.welcome-foot{border-top:1px solid #406265;margin-top:10px;padding:20px 0;display:flex;gap:9px;font-size:13px;color:#bcd3cf}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 14px;gap:12px}.section-heading h2{font-size:18px;margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.empty-history{padding:38px 20px;text-align:center;border:1px dashed #cad6d4;border-radius:14px;color:#82918f}.empty-history h3{font-size:16px;color:#526968;margin-top:12px;margin-bottom:6px;font-weight:500}.empty-history p{font-size:13px;margin:0}.history-list{display:grid;gap:12px}.history-card{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px}.history-card>div{flex:1;min-width:0}.history-icon{color:#426963;background:#edf3f1;border-radius:11px;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0}.history-card h3{font-size:16px;margin:0}.history-card h3 small{font-size:12px;color:var(--muted);font-weight:400;display:inline-block;margin-left:10px}.history-card p{font-size:13px;color:var(--muted);margin:4px 0 0}.session-panel{padding:25px}.session-panel h2{margin-bottom:2px}.session-panel>p{font-size:14px;color:var(--muted)}.progress-label{display:flex;justify-content:space-between;margin:26px 0 7px;font-size:13px}progress{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#e7eeec;border-radius:5px;display:block}progress::-webkit-progress-bar{background:#e7eeec;border-radius:5px}progress::-webkit-progress-value{background:#357e72;border-radius:5px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0 17px}.question-grid span{display:grid;place-items:center;height:34px;background:#f0f4f3;color:#859391;font-size:13px;border-radius:7px;border:1px solid transparent}.question-grid .done{background:#e1eee8;color:#246b56}.question-grid .current{border:2px solid #266b62;color:#174c45;font-weight:700}.question-card{padding:32px 36px}.question-meta{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted);margin-bottom:23px}.question-meta>span:first-child{color:#23665e;background:#edf5f1;border-radius:5px;padding:4px 10px}.question-stem{font-size:24px;line-height:1.75;letter-spacing:.1px;margin-bottom:27px;outline:none}.options{border:0;margin:0;padding:0;display:grid;gap:12px}.option{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #d6dfdd;border-radius:10px;cursor:pointer;line-height:1.6;font-size:16px}.option>input{width:17px;height:17px;accent-color:var(--accent);margin:0;flex-shrink:0}.option .letter{color:#6e8580;border:0;width:auto;background:none}.option.selected{border-color:#347f75;background:#f0f7f4;box-shadow:inset 0 0 0 1px #347f75}.option.correct-option{border-color:#347f75;background:#edf7f0}.option>span:not(.letter){min-width:0;flex:1;overflow-wrap:anywhere}.options:disabled .option{cursor:default}.confidence{border:0;border-top:1px solid var(--border);margin:29px 0 0;padding:23px 0 0}.confidence legend{float:left;width:100%;font-size:14px;font-weight:600;margin-bottom:13px}.confidence>div{clear:both;display:flex;gap:10px}.confidence label{flex:1;min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px}.confidence input{accent-color:#23766e;margin:0}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.saved{display:flex;align-items:center;gap:7px;font-size:13px;color:#2b7660}.review{margin-top:25px}.answer-result{display:flex;align-items:flex-start;gap:13px;padding:18px;border-radius:10px;margin-bottom:25px}.correct{color:#236747;background:#ecf6ef}.incorrect{color:#8b5730;background:#faf1e6}.answer-result strong{font-size:16px}.answer-result p{font-size:13px;margin:5px 0 0}.review h3{margin-bottom:12px}.question-context{margin:-10px 0 22px;padding:11px 13px;border-left:3px solid var(--accent, #23766e);border-radius:0 8px 8px 0;background:#f5f8f7;color:#586e6a;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.question-context p{margin:0}.question-context p+p{margin-top:2px}.question-context strong{color:#385a55}.explanations{display:grid;gap:13px}.explanation{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #edf0ef}.letter{display:grid;place-items:center;background:#f2f5f4;color:#526d68;border-radius:7px;width:28px;height:28px;font-size:13px;flex-shrink:0;font-weight:600}.explanation strong{font-size:14px}.explanation small{font-weight:400;font-size:12px;color:#6a7a77;margin-left:5px;white-space:nowrap}.explanation p{color:#586e6a;font-size:14px;margin:6px 0 0;line-height:1.9}.is-correct .letter{background:#dceddf;color:#25633d}.is-correct small{color:#347b51}.overall{margin-top:24px}.overall p,.trap p{font-size:15px;line-height:1.9;margin:0}.trap{background:#fbf6eb;border-left:3px solid #d6ac57;border-radius:0 9px 9px 0;padding:18px 20px;margin-top:21px;color:#755b2c}.trap h3{display:flex;gap:8px;align-items:center;font-size:15px}.completion{padding:38px;text-align:center}.complete-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e3f1e9;color:#337757;margin:0 auto 22px}.completion .eyebrow{margin-bottom:8px}.completion h2{font-size:29px;margin-bottom:7px}.completion>p{font-size:14px;color:var(--muted)}.session-numbers{display:flex;justify-content:center;gap:60px;margin:28px 0}.session-numbers>div{display:flex;flex-direction:column}.session-numbers strong{font-size:30px;font-weight:650;letter-spacing:-1px}.session-numbers small{font-size:14px;color:var(--muted);font-weight:400}.session-numbers span{font-size:13px;color:var(--muted)}.attempt-history{margin-top:38px;text-align:left;border-top:1px solid var(--border);padding-top:24px}.attempt-history details{border-bottom:1px solid var(--border);padding:16px 0}.attempt-history summary{cursor:pointer;font-size:14px}.attempt-history summary>span:first-child{margin-right:10px}.attempt-history summary>span:last-child{display:block;margin:7px 0 0 16px;font-size:12px}.result-good{color:#2b7955}.result-bad{color:#956138}.error,.notice{background:#fff4e9;border:1px solid #e5c09a;border-radius:10px;padding:18px;margin-bottom:20px;color:#764723}.error p{margin-bottom:10px}.notice{font-size:13px}.text-button{padding:2px 6px;min-height:30px;font-size:13px}.validation{font-size:13px;color:#955629}.boot{max-width:550px;margin:15vh auto;padding:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{max-width:1232px;margin:auto;padding:0 24px 25px;font-size:12px;color:#879592;display:flex;gap:10px}p,.question-stem,summary{overflow-wrap:anywhere}@media(min-width:1350px){.workspace{gap:52px;padding-top:48px}.question-card{padding:38px 44px}.welcome{padding:45px 44px 0}.welcome h2{font-size:34px}}@media(max-width:950px){.workspace{grid-template-columns:250px minmax(0,1fr);gap:23px;padding:25px 20px}.question-card{padding:25px}.welcome{padding:28px 27px 0}.flow{gap:14px;flex-wrap:wrap}.welcome h2{font-size:26px}.history-card{flex-wrap:wrap}.history-card button{margin-left:auto}.topbar{padding:0 24px}.question-stem{font-size:21px}.submit-row{flex-wrap:wrap}.confidence>div{gap:6px}}@media(max-width:700px){.is-practicing .sidebar>.section-label,.is-practicing .sidebar>h1,.is-practicing .sidebar>.intro,.is-practicing .sidebar>.local-note,.is-practicing .sidebar>.demo-note{display:none}.topbar{min-height:79px;height:auto;padding:15px 19px;gap:12px;align-items:center}.brand{font-size:18px;gap:9px}.brand-mark{width:38px;height:38px}.brand small{font-size:11px}.top-status{gap:5px;justify-content:flex-end;font-size:11px;max-width:130px}.top-status svg{width:13px}.workspace{display:flex;flex-direction:column;padding:24px 16px;gap:25px}.sidebar,.main-column{width:100%}.section-label{margin-bottom:10px}.intro{margin-bottom:19px}h1{font-size:24px}.settings{padding:20px}.settings h2{margin-bottom:18px}.settings>select,.settings>input{font-size:16px}.local-note{margin-top:14px}.local-note p{margin:0}.demo-note{margin:12px 4px 0}.welcome{padding:26px 23px 0}.welcome h2{font-size:26px}.flow{gap:14px;margin:24px 0}.flow span{font-size:13px}.flow b{width:25px;height:25px;font-size:11px}.welcome-foot{font-size:12px}.question-card{padding:23px 19px}.question-meta{font-size:12px;margin-bottom:19px}.question-stem{font-size:21px}.option{padding:15px 12px;gap:10px}.confidence label{font-size:13px;gap:4px}.submit-row{align-items:stretch;flex-direction:column}.submit-row .primary{width:100%}.submit-row>span{text-align:center;justify-content:center}.session-panel{padding:18px}.session-panel .eyebrow{margin-bottom:6px}.session-panel h2{font-size:18px}.session-panel .progress-label{margin-top:13px}.question-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:13px 0}.question-grid span{font-size:11px;height:27px}.session-panel>p.small{display:none}.session-panel .secondary{width:100%}.section-heading{align-items:baseline;margin-top:24px}.section-heading>span{font-size:11px}.history-card{padding:15px;gap:10px}.history-card h3 small{display:block;margin-left:0}.history-card button{font-size:13px;padding:8px 11px}.history-icon{width:36px;height:36px}.completion{padding:28px 20px}.completion h2{font-size:26px}.session-numbers{gap:38px}.completion>.primary{width:100%}.explanation{gap:10px}.trap,.error{padding:16px}footer{padding-left:20px}}.app-nav{max-width:1280px;margin:auto;padding:16px 24px 0;display:flex;flex-wrap:wrap;gap:10px}.app-nav [aria-current=page]{background:#e1eee8;border-color:#428e80}.review-workspace .section-heading{margin-top:0}.review-list{display:grid;gap:16px}.review-item{padding:24px;min-width:0;overflow-wrap:anywhere}.review-item h3{font-size:19px}.review-controls{text-align:left;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.review-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.review-actions label{font-size:14px}.review-actions select{min-width:0;max-width:100%;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink)}.review-controls p{margin:10px 0 0}@media(max-width:700px){.app-nav{padding:14px 16px 0}.review-item{padding:20px}.review-actions select{font-size:16px;flex:1}.review-actions button{width:100%}}.review-list{gap:8px}.review-item{padding:14px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-radius:10px}.review-item-copy{min-width:0}.review-item-copy>p{margin:0 0 4px;font-size:12px}.review-stem summary{cursor:pointer;list-style:none}.review-stem summary::-webkit-details-marker{display:none}.review-stem summary>span{font-size:16px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-stem[open] summary>span{display:block}.expand-hint{color:var(--muted);font-size:11px}.compact-controls{margin:0;padding:0;border:0}.compact-controls .review-actions{gap:8px}.compact-controls .review-actions select{width:150px;font-size:14px}.compact-controls .review-actions button{padding:8px 10px;font-size:13px}.review-search label{display:block;font-size:14px;margin-bottom:6px}.review-search input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#fff}.review-search p{margin:7px 0 14px}.review-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:14px 0;font-size:13px;color:var(--muted)}.review-pagination>div{display:flex;gap:8px}@media(max-width:1100px){.review-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 14px}.compact-controls .review-actions{flex-wrap:nowrap}.compact-controls .review-actions select{flex:1;width:auto;font-size:16px}.compact-controls .review-actions button{width:auto;flex-shrink:0}}.review-item:has(.review-stem[open]){grid-template-columns:minmax(0,1fr)}.question-preview{padding-top:14px;min-width:0}.preview-options{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}.preview-options li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.preview-options li>span:last-child{min-width:0;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.my-note{margin-top:20px;padding:16px;border:1px solid #d9e1df;border-radius:12px;background:#fbfcfc}.my-note h3{margin-top:0}.my-note textarea{display:block;width:100%;min-height:100px;resize:vertical}.note-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.note-actions span{margin-right:auto;color:#37665f;font-size:.9rem}.data-page{width:min(1100px,calc(100% - 32px));margin:32px auto;display:grid;gap:20px}.data-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.data-counts div,.preview-metrics span{display:grid;gap:4px;padding:12px;border-radius:10px;background:#f1f5f4}.data-counts strong,.preview-metrics strong{font-size:1.35rem}.file-field{display:grid;gap:8px}.file-field input{padding:10px;border:1px solid #ccd8d5;border-radius:10px}.import-preview{margin-top:18px;padding-top:18px;border-top:1px solid #d9e1df}.preview-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}.distribution{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.distribution span{padding:5px 9px;background:#eef3f2;border-radius:999px}.import-issues{margin-top:14px;padding:12px;border-radius:10px;background:#fff0ec;color:#74291e;max-height:320px;overflow:auto}.export-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:700px){.data-page{width:min(100% - 20px,1100px);margin:16px auto}.data-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.export-actions button{width:100%}}.distribution span,.import-issues,.import-preview h3{overflow-wrap:anywhere}.cloud-sync-panel{display:grid;gap:12px;min-width:0}.cloud-sync-panel h2,.cloud-sync-panel p{margin:0}.cloud-auth-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cloud-auth-form label{display:grid;gap:6px}.cloud-auth-form input{width:100%;min-width:0}.cloud-actions,.cloud-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cloud-auth-form .cloud-actions{grid-column:1 / -1}.cloud-account{justify-content:space-between}.cloud-confirm{display:flex;align-items:flex-start;gap:8px}.cloud-confirm input{width:auto;flex:0 0 auto;margin-top:3px}.cloud-preview{display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.sync-conflicts{min-width:0;padding:12px;border-radius:10px;background:#fff0ec;color:#74291e}.sync-conflicts h3{margin:0 0 8px;font-size:1rem}.sync-conflicts ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sync-conflicts li{display:grid;gap:3px;min-width:0;padding-top:8px;border-top:1px solid #efd0c9}.sync-conflicts li:first-child{padding-top:0;border-top:0}.sync-conflicts span,.sync-conflicts code{overflow-wrap:anywhere;word-break:break-word}@media(max-width:700px){.cloud-auth-form{grid-template-columns:minmax(0,1fr)}.cloud-actions button,.cloud-account button{width:100%}}