@charset "UTF-8";
:root{--navy:#16294d;--text:#263958;--muted:#6b7890;--cyan:#12b9ca;--purple:#7862ce;--line:#e2e8f0;--surface:#f5f8fc;--green:#17765a;--orange:#975618;--radius:18px;--font:"Leelawadee UI","Noto Sans Thai",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--text);font:14px/1.65 var(--font)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{touch-action:manipulation}a{color:#126b9c}button,a{transition:background .16s,box-shadow .16s,transform .16s}a{text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #31bacd;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:0;border-color:#20aabd;box-shadow:0 0 0 3px #1cb7cb19}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--navy)}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px}.spark{color:var(--purple);font-size:20px}.title-dot{color:var(--cyan)}.skip-link{position:absolute;top:-80px;left:20px;padding:12px;background:var(--navy);color:#fff;z-index:50}.skip-link:focus{top:10px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 4.2%;border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font:800 15px/1.4 var(--font);letter-spacing:.7px}.brand b{font-weight:800;color:#2397ac}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:.2px}.header-actions{display:flex;align-items:center;gap:18px}.offline-tag{color:#547668;font-size:11px;white-space:nowrap}.offline-tag i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31a67d;margin-right:7px;box-shadow:0 0 0 4px #31a67d10}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;line-height:1.5;min-height:44px}.primary{background:var(--navy);color:#fff;box-shadow:0 4px 12px #16294d12}.primary:hover{background:#244274;box-shadow:0 5px 16px #16294d26;transform:translateY(-1px)}.secondary{background:#fff;border-color:var(--line);color:var(--text)}.secondary:hover{background:var(--surface);border-color:#b9c6d9}.small{padding:9px 15px;font-size:12px;min-height:39px}.text-button{background:transparent;color:#247d98;border:0;padding:8px 0;font-weight:700;font-size:12px}.text-button:hover{text-decoration:underline}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:22px;line-height:1;display:inline-grid;place-items:center}.icon-button:hover{background:var(--surface);color:var(--navy)}
.welcome-view{max-width:1370px;margin:0 auto;padding:28px 4.5% 32px}.welcome-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--line)}.welcome-heading .eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1px;color:#64718a}.edition{font-size:9px;letter-spacing:1.2px;color:#8c97a9}.welcome-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;padding:38px 0 34px}.welcome-intro{position:relative;isolation:isolate;min-width:0}.lab-label{font-size:9px;letter-spacing:1.5px;color:#6e7b90;margin-bottom:14px}.lab-label .live-dot{background:var(--cyan)}.welcome-intro h1{font:850 clamp(34px,4.3vw,59px)/1.05 var(--font);letter-spacing:-2.4px}.welcome-intro h1>span{color:#8e7cce}.welcome-intro h2{font-size:23px;line-height:1.55;margin-top:20px;font-weight:700;letter-spacing:-.4px}.intro-copy{font-size:12px;margin-top:10px;color:#53647e}.welcome-description{font-size:12px;line-height:1.95;max-width:430px;color:var(--muted);margin-top:12px}.welcome-description strong{color:var(--navy)}.intro-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.intro-tags span{font-size:10px;padding:4px 12px;border:1px solid #dce9ee;border-radius:30px;background:#f8fbfd}.intro-tags span:nth-child(2){background:#f5f1fe;border-color:#e9e0fc}.orbit-art{height:148px;position:relative;max-width:460px;margin-top:5px;background-image:radial-gradient(#c5d4e2 .7px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.orbit{position:absolute;left:50%;top:48%;width:258px;height:82px;border:1px solid #d5e6ef;border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg)}.orbit-two{width:210px;height:100px;transform:translate(-50%,-50%) rotate(20deg);border-color:#e5def7}.orbit-core{position:absolute;top:31px;left:50%;transform:translateX(-50%);width:78px;height:78px;display:grid;place-content:center;border:1px solid #fff;border-radius:23px;background:linear-gradient(135deg,#e6f9fb,#ede9fc);box-shadow:0 8px 25px #16294d0c;color:var(--navy);text-align:center;font-size:27px;font-weight:800}.orbit-core span{font-size:5px;letter-spacing:.6px;font-weight:600}.orbit-node{position:absolute;top:21px;left:15%;font-size:13px;line-height:1.2;font-weight:700;color:#31869b;padding:10px 14px;background:#f0fafc;border:1px solid #d8eef2;border-radius:13px;transform:rotate(-7deg)}.orbit-node small{font-size:6px;letter-spacing:1px}.node-two{left:auto;right:9%;top:72px;color:#8a75c2;background:#f5f1fc;border-color:#e8dff5;transform:rotate(8deg)}.orbit-star{position:absolute;right:19%;top:12px;color:#a99cdb;font-size:25px}.orbit-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#7b8aa0;font-size:9px;letter-spacing:.4px}.student-card{padding:29px 32px 20px;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 40px #1b365308;background:linear-gradient(150deg,#fff 75%,#f5f5fd);align-self:start}.card-kicker{display:flex;gap:11px;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.1px;margin-bottom:20px}.number-box{display:grid;place-items:center;border:1px solid #dae4f1;border-radius:9px;width:32px;height:32px;background:#f2f6fb;font-size:12px;letter-spacing:0}.card-kicker .pill{margin-left:auto;letter-spacing:0}.student-card h2{font-size:24px;letter-spacing:-.6px}.student-card>p{font-size:12px;margin-top:4px;margin-bottom:22px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#3a4c67;position:relative;min-width:0}.field .required{position:absolute;right:0;top:0}.required{color:#b16452}.field input,.field textarea,.field select{width:100%;min-width:0;min-height:44px;padding:11px 13px;background:#fff;color:var(--navy);border:1px solid #dbe3ed;border-radius:9px;font-weight:400;font-size:13px;line-height:1.65;transition:box-shadow .15s,border-color .15s}input::placeholder,textarea::placeholder{color:#9aa5b5;font-size:12px}textarea{resize:vertical;min-height:100px}.student-card .field{margin-bottom:17px}.form-grid{display:grid;gap:18px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-note{display:flex;gap:8px;font-size:10px;color:#77909c;margin:4px 0 20px}.profile-note>span{color:#40a6b2}.start-button{width:100%;justify-content:space-between;padding:15px 20px;font-size:15px;border-radius:10px}.card-footer{display:flex;justify-content:center;align-items:center;gap:10px;font-size:9px;color:#8a95a7;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.mini-check{color:#31977c}.pill{display:inline-flex;align-items:center;border-radius:30px;padding:4px 10px;font-size:10px;font-weight:600;line-height:1.6;white-space:nowrap}.lilac{background:#f1edfc;color:#8570bb}.cyan{background:#eaf8fb;color:#388fa2}.orange{background:#fff1df;color:#976126}.green{background:#e7f6ee;color:#187755}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-line h2{font-size:14px}.section-line>span:not(.eyebrow){font-size:10px;color:#8995a6}.journey{padding-top:6px}.journey-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:18px 0 22px;padding:0;gap:14px}.journey-steps li{display:flex;gap:10px;align-items:center;padding:14px 11px;border:1px solid var(--line);border-radius:12px;background:#fcfdff}.journey-steps li>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:#ebf6f9;color:#4a8c9e;font-size:10px;font-weight:800}.journey-steps li:nth-child(2n)>span{background:#f1edfa;color:#8e77bc}.journey-steps strong{font-size:10px;display:block;white-space:nowrap}.journey-steps small{font-size:9px;color:#8893a5;display:block;margin-top:3px}.warning{display:flex;gap:13px;align-items:center;border:1px solid #f1dfc3;background:#fffaf2;border-radius:12px;padding:14px 18px;color:#906733}.warning-symbol{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid #d4ac6e;border-radius:50%;font-size:12px;font-weight:700}.warning strong{font-size:11px}.warning p{font-size:11px;line-height:1.8}.welcome-warning{padding:12px 18px}.welcome-warning p{font-size:10px}.site-footer{margin:0 4.5%;padding:19px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#8a96a8;gap:20px}.footer-cross{margin:0 8px;color:#a59acb}
.workspace-view{max-width:1510px;margin:auto;padding:32px 4.2% 60px}.workspace-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.workspace-top h1{font-size:28px;margin:5px 0}.workspace-top p{font-size:12px}.workspace-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:30px}.sidebar{align-self:start;position:sticky;top:106px}.progress-card{padding:21px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f7f9fe)}.progress-card .eyebrow{font-size:8px;letter-spacing:.8px}.progress-orbit{font-size:22px!important;color:#54a7b6!important}.progress-big{display:flex;flex-direction:column;margin:10px 0 13px}.progress-big strong{font-size:35px;line-height:1.3;color:var(--navy);letter-spacing:-1.2px}.progress-big>span{font-size:10px;color:var(--muted);margin-top:4px}progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:20px;overflow:hidden;background:#e5ebf4}progress::-webkit-progress-bar{background:#e5ebf4}progress::-webkit-progress-value{background:linear-gradient(90deg,#61cbd4,#9a86d9);border-radius:20px;transition:width .3s}progress::-moz-progress-bar{background:#50b8c6}.progress-stats{margin:17px 0}.progress-stats>div{display:flex;justify-content:space-between;gap:5px;margin:9px 0;font-size:11px}.progress-stats dt{color:#7b8799}.progress-stats dd{margin:0;color:var(--navy);font-weight:700}.workspace-nav{display:flex;flex-direction:column;gap:6px;margin:18px 0}.nav-item{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;border-radius:11px;padding:14px 10px;background:transparent;color:#64728a;width:100%;font-size:12px}.nav-item>span{font-size:10px;color:#93a0b2}.nav-item small{display:block;font-size:9px;color:#8b97a9;margin-top:3px}.nav-item b{margin-left:auto;font-size:14px;font-weight:400}.nav-item.active{background:#edf4fa;border-color:#dde8f1;color:var(--navy);font-weight:700}.nav-item.active>span{color:#339eb0}.nav-item:hover{background:#f4f7fb}.sidebar-tip{border-radius:13px;background:#f7f5fc;border:1px solid #eae5f7;padding:15px;position:relative}.sidebar-tip .spark{position:absolute;top:8px;right:12px}.sidebar-tip strong{font-size:11px}.sidebar-tip p{font-size:10px;color:#887e9f;line-height:1.9;margin-top:6px}.activity-content{min-width:0}.compact{margin-bottom:27px;padding:11px 15px}.compact p{font-size:10px}.compact .warning-symbol{width:19px;height:19px;flex-basis:19px;font-size:10px}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 23px}.panel-heading .eyebrow{font-size:9px;color:#8393ab}.panel-heading h2{font-size:24px;margin:5px 0}.panel-heading p{font-size:12px;color:var(--muted)}.panel-heading .pill{font-size:8px;letter-spacing:.6px}.ai-card{border:1px solid var(--line);border-radius:16px;margin-bottom:16px;background:#fff;box-shadow:0 3px 15px #16294d03;overflow:clip}.ai-card[open]{border-color:#b9dbe3;box-shadow:0 5px 25px #16294d06}.ai-summary{display:flex;align-items:center;gap:13px;padding:20px 22px;cursor:pointer;list-style:none;background:#fbfcfe}.ai-summary::-webkit-details-marker{display:none}.ai-index{display:grid;place-items:center;background:#eaf6f9;color:#238fa3;width:43px;height:43px;flex:0 0 43px;border-radius:12px;font-size:18px;font-weight:700}.ai-card:nth-child(3n+2) .ai-index{background:#f2edfc;color:#8871c6}.ai-card:nth-child(3n) .ai-index{background:#edf2fc;color:#668bc3}.ai-summary-title{min-width:0;flex:1}.ai-summary-title h3{font-size:15px;overflow-wrap:anywhere}.ai-summary-title p{font-size:10px;color:#8a97a9;margin-top:2px}.ai-summary .summary-chevron{font-size:18px;color:#8294ad;transform:rotate(0);transition:transform .2s}.ai-card[open] .summary-chevron{transform:rotate(180deg)}.ai-card[open] .ai-summary{border-bottom:1px solid var(--line);background:linear-gradient(100deg,#f7fbfd,#fff)}.ai-body{padding:25px}.subsection-heading{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-size:14px}.subsection-heading>span{font-size:9px;color:#53a0ae;background:#edf7fa;border-radius:6px;padding:4px 7px}.ai-fields{display:grid;gap:17px}.field-help{font-size:10px;color:#8a97a8;line-height:1.8;font-weight:400;margin-top:-2px}.optional{font-size:9px;font-weight:400;color:#929db0}.url-field{display:flex;gap:7px;align-items:center}.url-field input{flex:1}.url-open{flex:0 0 38px;width:38px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:18px}.field-error{color:#b04242!important}.section-divider{margin:26px 0 22px;border:0;border-top:1px solid var(--line)}.experiment{border:1px solid #e3e9f2;border-radius:13px;background:#fafcfe;padding:19px;margin-top:12px}.experiment-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.experiment-heading h4{font-size:12px}.experiment-heading h4>span{color:#7994b1;font-size:10px;margin-right:6px}.remove-button{font-size:10px;border:0;background:transparent;color:#9c6670;padding:7px 8px;border-radius:6px}.remove-button:hover{background:#fff0f0;color:#9c3442}.experiment-fields{display:grid;gap:16px}.large-textarea textarea{min-height:136px}.prompt-textarea textarea{font-family:var(--font);background:#fff}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;border:1.5px dashed #becfdc;border-radius:10px;background:#fff;padding:22px 15px;cursor:pointer;color:#68869e;transition:background .15s,border-color .15s;margin-top:8px;min-height:130px}.dropzone:hover,.dropzone.dragover{border-color:#20aaba;background:#effbfd}.dropzone:focus-within{outline:3px solid #21a9b74d;outline-offset:3px}.upload-symbol{display:grid;place-items:center;width:31px;height:31px;border:1px solid #dce9f0;border-radius:9px;font-size:18px;margin-bottom:5px}.dropzone strong{font-size:11px;color:#526c85}.dropzone small{font-size:9px;color:#92a0af}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;left:50%;top:50%}.evidence-label{font-size:11px;font-weight:600}.evidence-hint{font-size:9px;color:#8c99ac;margin-top:7px;line-height:1.9}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:13px 0}.image-tile{padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}.image-preview-button{padding:0;width:100%;display:block;background:#f0f3f7;border:0;border-radius:6px;overflow:hidden}.image-tile img{width:100%;height:125px;object-fit:contain;display:block}.image-tile input{width:100%;font-size:10px;border:1px solid var(--line);border-radius:5px;padding:7px;margin:7px 0 0;color:var(--text)}.image-tile-actions{display:flex;align-items:center;justify-content:space-between;margin-top:5px;font-size:8px;color:#8291a4;gap:5px}.image-tile-actions>span{overflow-wrap:anywhere;min-width:0}.image-tile .remove-button{padding:3px 5px;font-size:9px;flex-shrink:0}.add-experiment{margin-top:14px;border:1px solid #d2dce9;background:#fff;border-radius:8px;color:#527695;padding:9px 15px;font-size:11px;font-weight:600}.add-experiment:hover{background:#f0f7fa;border-color:#8dbbc9}.analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analysis-box{border-radius:12px;border:1px solid #d9ebe2;padding:14px;background:#f3faf6}.analysis-box .field{font-size:11px;color:#36735d;gap:9px}.analysis-box textarea{min-height:144px;font-size:12px;border-color:#cfe3d8;background:#ffffffb8}.analysis-box .field-help{color:#6e9b87;font-size:9px;margin:0 0 4px;min-height:38px}.analysis-box.limitations{background:#fff8ef;border-color:#f0e1cc}.analysis-box.limitations .field{color:#99703c}.analysis-box.limitations textarea{border-color:#eadac2}.analysis-box.limitations .field-help{color:#b0946f}.analysis-box.suitability{background:#eff8fc;border-color:#d4e7f2}.analysis-box.suitability .field{color:#3f7d9b}.analysis-box.suitability textarea{border-color:#ccdfeb}.analysis-box.suitability .field-help{color:#7c9db2}.analysis-reference{margin-top:17px}.ai-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding-top:17px;border-top:1px solid var(--line)}.ai-footer p{font-size:9px;color:#99a3b2}.add-ai-button{width:100%;border:1.5px dashed #c9d8e4;border-radius:13px;background:#f8fbfd;color:#39809a;padding:20px 15px;font-size:13px;font-weight:700;margin-top:5px}.add-ai-button>span{font-size:18px;margin-right:5px}.add-ai-button small{display:block;font-size:9px;color:#8ea2b4;font-weight:400;margin-top:3px}.add-ai-button:hover{background:#edf8fc;border-color:#65acbe}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 0;padding-top:23px;border-top:1px solid var(--line)}.panel-bottom>span{font-size:10px;color:var(--muted)}.panel-bottom .button{font-size:12px}.success-banner{display:flex;align-items:center;gap:13px;padding:16px 18px;margin-bottom:20px;background:#effaf4;border:1px solid #cae7d6;border-radius:12px;color:#257c58}.success-banner>span{font-size:22px}.success-banner strong{font-size:12px}.success-banner p{font-size:10px;margin-top:3px}.info-box{padding:16px 19px;border:1px solid #d7e7ee;border-radius:11px;background:#f2f9fc;color:#547a90;font-size:12px;margin:0 0 22px}.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:13px}.comparison-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}.comparison-table th{text-align:left;background:#f0f5fa;color:#56718f;font-size:10px;font-weight:600}.comparison-table th,.comparison-table td{padding:16px 11px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap}.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table td.empty{color:#a7b0bd}.comparison-table th:first-child{width:5%}.comparison-table th:nth-child(2){width:14%}.comparison-table th:nth-child(3){width:15%}.comparison-table th:nth-child(4){width:9%}.comparison-table th:nth-child(n+5){width:19%}.comparison-scroll .comparison-table{min-width:760px}.reflection-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 3px 16px #16294d03}.question-number{color:#a694d3;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.reflection-card .field{font-size:14px;line-height:1.9}.reflection-card textarea{min-height:150px;margin-top:8px}.review-card{text-align:center;padding:30px;border:1px solid #dfe5f1;border-radius:17px;background:linear-gradient(130deg,#f4fbfe,#f7f5fd);margin-bottom:25px}.review-icon{width:48px;height:48px;background:#fff;border:1px solid #d9e3ef;border-radius:14px;margin:0 auto 15px;color:#7c77b8;display:grid;place-items:center;font-size:25px}.review-card h3{font-size:21px}.review-card p{font-size:12px;line-height:1.9;color:#687a94;margin-top:10px}.filename-box{display:flex;flex-direction:column;align-items:center;gap:4px;margin:20px auto;padding:12px 18px;background:#ffffffb0;border:1px solid #e1e5ee;border-radius:9px;max-width:530px;overflow-wrap:anywhere}.filename-box small{color:#7a8aa3;font-size:9px}.filename-box span{font-size:11px}.review-card .fine-print{font-size:9px;color:#8e93a8}.checklist{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:23px}.checklist h3{font-size:13px;margin-bottom:10px}.checklist ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.checklist li{font-size:11px;display:flex;align-items:flex-start;gap:7px}.checklist li>span:first-child{color:#c2944e}.checklist button{border:0;background:transparent;text-align:left;color:#7d694f;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:11px;overflow-wrap:anywhere}.preview-heading h3{font-size:13px}.preview-heading{margin:25px 0 15px}.report-preview{border:1px solid var(--line);border-radius:10px;padding:35px;background:#fff;box-shadow:0 4px 20px #16294d05}.report-preview .report-document{font-size:11px}.report-preview .report-title{font-size:25px}
dialog{max-width:580px;width:calc(100% - 32px);max-height:90vh;max-height:90dvh;border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 100px #16294d44;color:var(--text);padding:25px 28px;overflow:auto}dialog::backdrop{background:#11254288;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-top .eyebrow{color:#8291ab;font-size:9px}dialog h2{font-size:22px;line-height:1.6;margin-bottom:13px}#modal-content{font-size:12px;line-height:1.95;overflow-wrap:anywhere}#modal-content p+p{margin-top:12px}#modal-content ol{padding-left:22px}#modal-content li{padding:4px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.modal-actions button{font-size:12px}.danger{background:#a3414c;color:#fff}.danger:hover{background:#89323d}.missing-list{max-height:35vh;overflow:auto;background:#fff9f1;border:1px solid #f0e2cc;border-radius:10px;padding:14px 14px 14px 30px!important;margin-top:14px}.missing-list button{border:0;background:transparent;color:#936d38;text-align:left;text-decoration:underline;text-underline-offset:3px;padding:0;overflow-wrap:anywhere;font-size:11px}.image-modal{max-width:1050px;width:calc(100% - 35px)}.modal-evidence{max-width:100%;max-height:65vh;object-fit:contain;display:block;margin:auto;background:#f4f6fa}.image-modal #modal-content p{font-size:11px;margin-top:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;max-width:min(92vw,650px);padding:13px 21px;border:1px solid #37567e;border-radius:12px;color:#fff;background:#1e3454;box-shadow:0 5px 30px #16294d33;font-size:12px;animation:toast-in .2s ease}.toast.error{background:#8d3f4b;border-color:#af6b75}.noscript-warning{position:fixed;inset:0;background:#fffaf0;padding:15vh 10vw;font-size:24px;color:var(--navy);z-index:200}@keyframes toast-in{from{opacity:0;bottom:18px}to{opacity:1;bottom:25px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#print-report{display:none}.report-document{color:#202c3b;font-family:var(--font);line-height:1.75;font-size:11pt;overflow-wrap:anywhere}.report-header{border-bottom:2px solid #243a5a;padding-bottom:18px;margin-bottom:23px}.report-eyebrow{font-size:8pt;letter-spacing:1.3px;color:#607083}.report-title{font-size:29pt;letter-spacing:-.7px;line-height:1.2;color:#183050;margin-top:7px}.report-subtitle{font-size:12pt;margin-top:8px}.report-draft{display:inline-block;border:1.5px solid #936031;padding:3px 12px;font-size:12pt;color:#7b4e25;margin-top:14px;font-weight:700}.report-student{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding:14px 16px;background:#f4f6f8;border:1px solid #d8dfe7;margin-bottom:25px;font-size:10pt}.report-document h2{font-size:18pt;line-height:1.5;border-bottom:1px solid #c2cedc;padding-bottom:9px;margin:24px 0 16px;color:#193355}.report-document h3{font-size:13pt;margin:21px 0 11px;color:#2e4965}.report-document h4{font-size:10pt;margin:12px 0 4px;color:#445974}.report-field{margin:0 0 12px}.report-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.report-prompt{border-left:3px solid #b7c7d8;padding:10px 14px;background:#f6f8fa}.report-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:9pt;color:#596c83;margin-bottom:12px}.report-empty{color:#7f8794;font-size:10pt}.report-document a{color:#264762;overflow-wrap:anywhere;word-break:break-word}.report-evidence{margin:16px 0}.report-evidence img{display:block;max-width:100%;max-height:170mm;width:auto;height:auto;object-fit:contain;margin:0 auto;border:1px solid #dfe4e9}.report-evidence figcaption{font-size:9pt;color:#54657c;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.report-question{margin-bottom:24px}.report-document .comparison-table{font-size:8.5pt}.report-document .comparison-table th{font-size:8pt}.report-document .comparison-table th,.report-document .comparison-table td{padding:8px 5px;border:1px solid #cfd7e2}.report-footer{font-size:8pt;color:#778496;border-top:1px solid #d7dfe8;margin-top:30px;padding-top:10px}.report-section-intro{font-size:9pt;color:#6e7d91;margin-bottom:15px}
@media(min-width:1600px){.welcome-view{padding-top:40px}.welcome-grid{padding-top:48px;gap:100px}.welcome-intro h1{font-size:66px}.welcome-intro h2{font-size:27px}.student-card{padding:34px 37px 25px}.student-card>p{margin-bottom:27px}.student-card .field{margin-bottom:21px}.welcome-description{font-size:13px}.orbit-art{height:160px;margin-top:16px}.journey-steps li{padding:18px 14px}.journey-steps strong{font-size:11px}}
@media(max-width:1150px){.welcome-grid{gap:35px}.welcome-intro h1{font-size:43px}.welcome-intro h2{font-size:21px}.student-card{padding:24px}.journey-steps{gap:7px}.journey-steps li{gap:6px;padding:12px 7px}.journey-steps small{font-size:8px}.journey-steps strong{font-size:9px}.workspace-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.progress-card{padding:16px}.panel-heading .pill{display:none}.analysis-grid{grid-template-columns:1fr}.analysis-box .field-help{min-height:0}.analysis-box textarea{min-height:105px}}
@media(max-width:800px){.topbar{padding:14px 4%}.brand{font-size:12px;gap:8px}.brand img{width:35px;height:35px}.brand small{font-size:8px}.header-actions{gap:8px}.offline-tag{display:none}.header-actions .button{font-size:10px;padding:8px 11px}.welcome-view{padding:23px 5%}.edition{display:none}.welcome-grid{grid-template-columns:1fr;gap:28px;padding-top:28px}.welcome-intro h1{font-size:48px}.welcome-intro h2 br{display:none}.welcome-description{max-width:550px}.orbit-art{display:none}.welcome-intro{padding-bottom:3px}.intro-tags{margin-top:17px}.student-card{max-width:none}.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.journey-steps li:last-child{grid-column:1/-1}.journey-steps strong{font-size:11px}.journey-steps small{font-size:10px}.journey-steps li{padding:13px}.section-line>span:not(.eyebrow){display:none}.workspace-view{padding:24px 4% 40px}.workspace-top h1{font-size:24px}.workspace-layout{display:block}.sidebar{position:static;display:flex;flex-direction:column}.progress-card{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:13px}.progress-card>.section-line{grid-column:1/-1}.progress-big{margin:0;grid-row:2/4}.progress-big strong{font-size:30px}.progress-card progress{grid-row:4;grid-column:1/-1}.progress-stats{margin:0;grid-row:2/4}.progress-stats>div{font-size:10px;margin:3px 0}.progress-card>.pill{grid-column:1/-1;justify-self:start;margin-top:3px}.workspace-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 20px}.nav-item{flex-direction:column;gap:5px;align-items:flex-start;padding:11px 9px;font-size:10px;border-color:var(--line)}.nav-item small,.nav-item b{display:none}.sidebar-tip{display:none}.panel-heading h2{font-size:22px}.panel-heading p{font-size:11px}.ai-body{padding:20px}.ai-summary{padding:16px}.analysis-grid{grid-template-columns:1fr}.panel-bottom{align-items:flex-start;flex-direction:column;gap:12px}.site-footer{font-size:8px;flex-direction:column;gap:4px}.report-preview{padding:20px}.report-preview .report-student{grid-template-columns:1fr}.report-preview .report-document .comparison-table{font-size:8px}.report-preview .report-document .comparison-table th{font-size:8px}.report-preview .report-document .comparison-table td,.report-preview .report-document .comparison-table th{padding:5px 3px}}
@media(max-width:500px){.header-actions #help-button{display:none}.welcome-heading .eyebrow{font-size:8px}.welcome-intro h1{font-size:42px}.welcome-intro h2{font-size:21px}.welcome-intro h2 br{display:block}.student-card{padding:23px 20px}.two,.three{grid-template-columns:1fr}.student-card .two{grid-template-columns:1fr 1fr;gap:12px}.student-card h2{font-size:22px}.card-kicker{font-size:8px}.welcome-warning{align-items:flex-start}.workspace-top{align-items:flex-start;gap:10px}.workspace-top .text-button{max-width:80px;text-align:right;font-size:10px}.workspace-top h1{font-size:22px}.workspace-top .eyebrow{font-size:8px}.ai-summary{gap:10px}.ai-summary .pill{font-size:8px;padding:3px 7px}.ai-summary-title h3{font-size:12px}.ai-summary-title p{font-size:9px}.ai-index{width:35px;height:35px;flex-basis:35px;font-size:15px}.ai-body{padding:17px}.experiment{padding:14px}.review-card{padding:23px 17px}.reflection-card{padding:18px}.reflection-card .field{font-size:13px}.compact p{font-size:9px}.compact{gap:10px}.report-preview{padding:13px}.report-preview .report-title{font-size:21px}.modal-actions .button{width:100%}dialog{padding:21px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tile img{height:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.worksheet-guide{margin-top:10px!important;color:#508096!important;font-size:11px!important;line-height:1.9}.workspace-nav a{text-decoration:none}.activity-panel{scroll-margin-top:112px}.activity-panel+.activity-panel{margin-top:46px;padding-top:34px;border-top:1px solid var(--line)}.checklist-details summary{font-size:11px;color:#7d694d;cursor:pointer;padding:5px 0}.checklist-details ul{margin-top:12px}.download-status{font-size:11px!important;color:#567b90!important;max-width:550px;margin:14px auto 0!important}.review-card .button:disabled{opacity:1;background:#dfe5ed;color:#76849a;box-shadow:none;border-color:#d7dfe9;transform:none}.report-preview-toggle{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.report-preview-toggle>summary{color:var(--navy);font-weight:700;font-size:13px;cursor:pointer}.report-preview-toggle>.field-help{margin:12px 0}.report-preview-toggle .report-preview{margin-top:14px}
@media(max-width:800px){.worksheet-guide{max-width:440px;font-size:10px!important}.activity-panel+.activity-panel{margin-top:32px;padding-top:27px}.activity-panel{scroll-margin-top:90px}}
@page{size:A4 portrait;margin:16mm 14mm 17mm}
/* Compact rhythm keeps a typical tool's overview and analysis together. */
@media print{.report-document{line-height:1.6}.report-document h2{margin:18px 0 12px}.report-document h3{margin:15px 0 8px}.report-document h4{margin:8px 0 3px}.report-field{margin-bottom:8px}.report-prompt{padding:8px 12px}}
@media print{html,body{margin:0;padding:0;background:white;color:#202c3b}body{font-size:11pt}#app,dialog,.toast,.skip-link,noscript,.noscript-warning{display:none!important}#print-report{display:block!important}#print-report[aria-hidden]{visibility:visible}.report-document{width:auto;max-width:100%;margin:0;padding:0;font-size:11pt;line-height:1.75}.report-ai+.report-ai{break-before:page}.report-comparison,.report-reflections{break-before:page}.report-document h2,.report-document h3,.report-document h4{break-after:avoid;page-break-after:avoid}.report-student{break-inside:avoid}.report-value{orphans:3;widows:3;max-width:100%}.report-field,.report-prompt,.report-experiment,.report-ai,.report-question{break-inside:auto}.report-evidence img{break-inside:avoid;page-break-inside:avoid}.report-evidence{margin:5mm 0;break-inside:auto}.report-evidence figcaption{break-before:avoid}.report-document .comparison-table{width:100%;table-layout:fixed;font-size:8pt}.report-document .comparison-table th{font-size:7.5pt}.report-document .comparison-table th,.report-document .comparison-table td{padding:2mm 1.2mm;white-space:pre-wrap;overflow-wrap:anywhere;break-inside:auto}.report-document .comparison-table thead{display:table-header-group}.report-document .comparison-table tr{break-inside:auto}.report-document p{orphans:3;widows:3}.report-document a{color:#202c3b;text-decoration:underline}.report-header{padding-bottom:4mm;margin-bottom:5mm}.report-title{font-size:28pt}.report-draft{color:#6b4023;background:white}.report-footer{break-inside:avoid}.report-document *{box-shadow:none!important;text-shadow:none!important}}