:root{--navy: #030815;--navy-soft: #101a2d;--blue: #2d8cff;--blue-dark: #0f5aaa;--silver: #e0e0e5;--paper: #ffffff;--draft: #f3f6fa;--ink: #182c45;--muted: #485b70;--line: #d7e0ea;--line-dark: #aab8c8;--amber: #875f00;--amber-bg: #fff4ce;--danger: #9d2d35;--danger-bg: #fff0f1;--success: #146c43;--success-bg: #eaf7f0;--shadow: 0 18px 50px rgb(0 0 0 / 10%);--radius: 10px;--font-display: Kanit, "Noto Sans Thai", Tahoma, system-ui, sans-serif;--font-body: "Noto Sans Thai", Tahoma, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--draft);scroll-behavior:auto}body{margin:0;color:var(--ink);background:linear-gradient(90deg,var(--navy) 0 8px,transparent 8px),linear-gradient(180deg,#e9eff7 0,var(--draft) 220px);font-family:var(--font-body);font-size:16px;line-height:1.65}button,input,select,textarea{color:inherit;font:inherit}button,select,input,textarea,summary,.file-button{min-height:44px}button,summary,.file-button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.file-button:focus-within,a:focus-visible{outline:3px solid #73b4ff;outline-offset:3px}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:10px;left:14px;padding:10px 14px;color:var(--navy);background:#fff;border-radius:6px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.topbar{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(250px,1.4fr) auto;gap:24px;align-items:center;min-height:104px;padding:18px clamp(22px,4vw,64px) 18px calc(clamp(22px,4vw,64px) + 8px);color:#fff;background:var(--navy)}.brand-block{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgb(255 255 255 / 32%);color:var(--blue);font:700 22px/1 var(--font-mono)}.eyebrow,.step-label{margin:0 0 2px;color:var(--blue-dark);font:700 12px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.topbar .eyebrow{color:#82bdff}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{font-family:var(--font-display)}h1{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.2}h2{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.25}h3{margin:0;font-size:22px;line-height:1.35}h4{margin:0 0 10px;font-size:16px}.project-field{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.project-field span{color:var(--silver);font-size:13px}.project-field input{width:100%;padding:9px 12px;color:#fff;background:#ffffff14;border:1px solid rgb(255 255 255 / 24%);border-radius:5px}.topbar-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end}.connection-badge{display:flex;gap:8px;align-items:center;min-height:36px;padding:7px 11px;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;color:var(--silver);font-size:12px;white-space:nowrap}.classroom-home{min-height:36px;padding:7px 10px;color:#fff;border:1px solid rgb(255 255 255 / 28%);border-radius:5px;font-size:12px;text-decoration:none}.classroom-home:hover{background:#ffffff17}.classroom-badge{min-height:36px;padding:7px 11px;color:#b9ddff;border:1px solid rgb(130 189 255 / 45%);border-radius:999px;font-size:12px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#aab8c8}.connection-badge[data-state=ready] .status-dot{background:#62d795}.connection-badge[data-state=offline] .status-dot,.connection-badge[data-state=locked] .status-dot{background:#ffc75d}.help-panel{position:relative}.help-panel summary{display:grid;min-width:76px;padding:7px 12px;place-items:center;list-style:none;border:1px solid rgb(255 255 255 / 24%);border-radius:5px;font-size:13px}.help-panel summary::-webkit-details-marker{display:none}.help-panel[open]>:not(summary){position:absolute;z-index:20;right:0;width:min(360px,calc(100vw - 32px));margin:0;padding:0 18px;color:var(--ink);background:#fff}.help-panel[open] ol{top:46px;padding-top:16px;padding-left:42px;border:1px solid var(--line);border-bottom:0;box-shadow:var(--shadow)}.help-panel[open] p{top:204px;padding-top:10px;padding-bottom:16px;border:1px solid var(--line);border-top:0;color:var(--muted);font-size:13px}.access-panel{display:flex;gap:28px;align-items:end;justify-content:space-between;padding:20px clamp(22px,4vw,64px) 20px calc(clamp(22px,4vw,64px) + 8px);background:var(--amber-bg);border-bottom:1px solid #ead58d}.access-panel[hidden]{display:none}.access-panel h2{font-size:20px}.access-panel p{margin:2px 0 0}.login-form{display:flex;gap:8px;align-items:end}.login-form label{font-size:13px;font-weight:700}.login-form input{width:190px;padding:8px 10px;background:#fff;border:1px solid #cdb96f;border-radius:5px}.starter-bar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px clamp(22px,4vw,64px) 14px calc(clamp(22px,4vw,64px) + 8px);color:#fff;background:var(--navy-soft);border-top:1px solid rgb(255 255 255 / 9%)}.starter-choice,.data-tools,.heading-actions,.run-actions,.report-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.starter-choice>label{color:var(--silver);font-size:13px}.starter-choice select{min-width:250px;padding:8px 34px 8px 10px;color:#fff;background:#152239;border:1px solid rgb(255 255 255 / 25%);border-radius:5px}.button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:5px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none}.button-small{min-height:38px;padding:7px 10px;font-size:13px}.button-primary{color:#fff;background:var(--blue-dark);border-color:var(--blue-dark)}.button-primary:hover{background:#0f57ae}.button-secondary{color:var(--blue-dark);background:#fff;border-color:#9dc8f9}.button-secondary:hover{background:#edf6ff}.button-reference{color:#0f4f99;background:#e9f4ff;border-color:#8fc3ff}.button-danger{color:var(--danger);background:#fff;border-color:#e8aeb3}.button-light{color:var(--navy);background:#fff}.button-ghost-light{color:#fff;background:transparent;border-color:#ffffff4d}.button-ghost-light:hover{background:#ffffff17}.file-button{-webkit-user-select:none;user-select:none}.save-state{margin-right:4px;color:#c5d0dd;font-size:12px;white-space:nowrap}.save-state[data-state=saved]{color:#8ce3b3}.save-state[data-state=error]{color:#ffd071;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(360px,2fr) minmax(540px,3fr);width:min(1480px,calc(100% - clamp(32px,6vw,88px)));min-height:720px;margin:34px auto 0;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.sources-pane,.assistant-pane{min-width:0;padding:clamp(22px,3vw,40px)}.sources-pane{background:linear-gradient(90deg,#f4f8fd 0 38px,#dbe6f2 38px 39px,#fff 39px);border-right:1px solid var(--line);padding-left:clamp(54px,5vw,72px)}.pane-heading,.register-heading,.section-heading-inline{display:flex;gap:18px;align-items:center;justify-content:space-between}.pane-intro{margin:8px 0 22px;color:var(--muted);font-size:13px}.field-block{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field-block>span,.section-heading-inline>label{font-weight:700}.field-block small{align-self:end;color:var(--muted);font-size:12px}textarea,input[type=text],input[type=password],input[type=date],select{border:1px solid var(--line-dark);border-radius:5px}textarea{width:100%;padding:11px 12px;resize:vertical;background:#fff;line-height:1.7}.documents-list{display:flex;flex-direction:column;gap:18px}.document-card{position:relative;background:#fff;border:1px solid var(--line);border-top:2px solid var(--blue);box-shadow:0 8px 24px #00000012}.document-card.is-targeted{border-color:var(--blue);outline:3px solid #b8d9ff;outline-offset:2px}.document-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.55fr) auto;gap:8px;align-items:end;padding:13px 13px 10px;background:#f7faff;border-bottom:1px solid var(--line)}.document-head label{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:12px}.document-head input{width:100%;min-height:38px;padding:7px 8px;background:#fff}.remove-document,.delete-task{min-width:44px;min-height:44px;padding:5px 9px;color:var(--danger);background:transparent;border:1px solid #e4b6ba;border-radius:5px}.document-text{min-height:240px;border:0;border-radius:0;font-family:var(--font-body);font-size:15px}.document-meta{display:flex;justify-content:space-between;padding:7px 12px;color:var(--muted);background:#fbfcfe;border-top:1px solid var(--line);font:12px/1.5 var(--font-mono)}.inline-error,.run-error{padding:10px 12px;color:var(--danger);background:var(--danger-bg);border:1px solid #e5b2b6}.action-tabs{display:flex;gap:0;margin-top:22px;overflow-x:auto;border-bottom:1px solid var(--line-dark)}.action-tab{flex:1 0 auto;min-height:48px;padding:9px 14px;color:var(--muted);background:transparent;border:0;border-bottom:3px solid transparent;font-weight:700}.action-tab:hover{color:var(--blue-dark);background:#f4f8fd}.action-tab.is-active{color:var(--blue-dark);border-bottom-color:var(--blue)}.run-strip{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 0 8px}.run-copy{display:flex;flex-direction:column;max-width:470px}.run-copy span,.reference-helper,.section-heading-inline span{color:var(--muted);font-size:12px}.reference-helper{margin:0 0 10px;text-align:right}.reference-helper[data-state=invalid]{color:var(--amber);font-weight:700}.own-ai-panel{margin:8px 0 18px;border:1px solid #b8d4f2;background:#f8fbff}.own-ai-panel>summary{display:flex;min-height:58px;padding:10px 14px;flex-direction:column;justify-content:center;color:var(--blue-dark);font-family:var(--font-display);font-weight:700}.own-ai-panel>summary::marker{color:var(--blue-dark)}.own-ai-panel>summary small{color:var(--muted);font-family:var(--font-body);font-size:12px;font-weight:400}.own-ai-body{padding:4px 16px 18px;border-top:1px solid #d7e6f6;background:#fff}.own-ai-steps{margin:14px 0 18px;padding-left:24px;color:var(--muted);font-size:13px}.own-ai-steps li+li{margin-top:4px}.own-ai-field{display:flex;gap:6px;flex-direction:column;font-weight:700}.own-ai-field textarea{min-height:180px;font:12px/1.6 var(--font-mono)}.own-ai-field textarea[readonly]{color:#243a52;background:#f4f8fd}.own-ai-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.own-ai-status{min-height:26px;margin:7px 0 15px;color:var(--success);font-size:12px}.own-ai-note{margin:12px 0 0;color:var(--muted);font-size:12px}.run-message{min-height:26px;color:var(--success);font-size:13px}.run-message.is-loading{padding:9px 12px;background:#edf6ff;border:1px solid #add3ff}.result-origin{padding:5px 9px;color:var(--blue-dark);background:#edf6ff;border:1px solid #c4e0ff;border-radius:999px;font-size:12px;font-weight:700}.result-empty{display:grid;min-height:390px;padding:44px;place-content:center;text-align:center;border:1px dashed var(--line-dark);background:linear-gradient(rgb(45 140 255 / 4%) 1px,transparent 1px) 0 0 / 100% 32px}.result-empty p{max-width:520px;margin:8px auto 0;color:var(--muted)}.empty-ruler{margin-bottom:12px;color:#526b84;font:12px/1 var(--font-mono);letter-spacing:.16em}.result-panel{border-top:2px solid var(--navy)}.result-header{padding:22px 22px 18px;background:#f7faff;border:1px solid var(--line);border-top:0}.result-section{padding:22px;border:1px solid var(--line);border-top:0}.result-section-warning{background:#fffdf6}.evidence-list{display:flex;flex-direction:column;gap:12px}.evidence-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,auto);gap:16px;align-items:start}.evidence-item p{margin:0}.source-pins{display:flex;gap:5px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}.source-pin{min-height:30px;padding:4px 8px;color:var(--blue-dark);background:#eef6ff;border:1px solid #a7cffc;border-radius:3px;font:700 12px/1.35 var(--font-mono)}.source-pin:hover{background:#d9ebff}.question-list{margin:0;padding-left:24px}.question-list li+li{margin-top:7px}.table-scroll{max-width:100%;overflow-x:auto}table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}th,td{padding:10px;text-align:left;vertical-align:top;border:1px solid var(--line)}th{background:#f3f7fc;font-size:12px}.comparison-status{display:inline-block;padding:3px 7px;color:var(--amber);background:var(--amber-bg);border-radius:3px;font-size:12px;font-weight:700}.proposal-list{display:flex;flex-direction:column;gap:12px}.proposal-card{padding:16px;background:#f8fbff;border:1px solid #cddff1;border-top:2px solid var(--blue)}.proposal-card h5{margin:0 0 10px;font:700 16px/1.5 var(--font-display)}.proposal-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:12px}.proposal-fields label,.task-field{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:12px}.proposal-fields input,.task-field input,.task-field select{width:100%;min-height:40px;padding:7px 8px;background:#fff}.report-section textarea{min-height:220px;margin:10px 0;padding:16px;border-color:var(--line-dark);background:linear-gradient(#fff 31px,#dce7f2 32px) 0 0 / 100% 32px;line-height:32px}.register{width:min(1480px,calc(100% - clamp(32px,6vw,88px)));margin:0 auto 34px;padding:clamp(24px,3vw,38px);background:#fbfdff;border:1px solid var(--line);border-top:2px solid var(--blue);box-shadow:var(--shadow)}.register-heading p{margin:4px 0 0;color:var(--muted)}.task-register{display:flex;flex-direction:column;gap:10px;margin-top:22px}.task-row{display:grid;grid-template-columns:minmax(230px,2fr) minmax(140px,1fr) minmax(140px,.8fr) minmax(130px,.7fr) 44px;gap:10px;align-items:end;padding:14px;background:#fff;border:1px solid var(--line)}.task-row.is-done{background:#f3faf6;border-color:#b9ddca}.task-title-input{font-weight:700}.task-sources{grid-column:1 / -1;display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.task-snapshots{grid-column:1 / -1;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.task-snapshots summary{display:flex;min-height:44px;align-items:center;width:max-content;max-width:100%;color:var(--blue-dark);font-weight:700}.snapshot-list{display:grid;gap:8px;padding:0 0 4px}.snapshot-item{padding:10px 12px;background:#f7f9fc;border:1px solid var(--line)}.snapshot-meta,.snapshot-title,.snapshot-item blockquote{margin:0}.snapshot-meta{font:12px/1.5 var(--font-mono)}.snapshot-title{margin-top:3px;color:var(--ink);font-weight:700}.snapshot-item blockquote{margin-top:6px;padding-left:10px;color:var(--ink);border-left:1px solid var(--line-dark);white-space:pre-wrap}.task-empty{margin-top:20px;padding:22px;color:var(--muted);text-align:center;border:1px dashed var(--line-dark)}.notes-field{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}.toast{position:fixed;z-index:50;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 44px));padding:12px 16px;color:#fff;background:var(--navy);border-top:3px solid var(--blue);box-shadow:0 12px 36px #00000040}.footer-note{padding:0 26px 34px;color:var(--muted);font-size:12px;text-align:center}@media(max-width:1040px){.topbar{grid-template-columns:1fr auto}.project-field{grid-column:1 / -1;grid-row:2}.starter-bar,.run-strip{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:minmax(310px,1fr) minmax(430px,1.35fr)}.sources-pane,.assistant-pane{padding:24px}.sources-pane{padding-left:50px}.proposal-fields{grid-template-columns:1fr 1fr}.proposal-fields .button{grid-column:1 / -1}.task-row{grid-template-columns:2fr 1fr 1fr}.delete-task{grid-column:3}}@media(max-width:760px){body{background:var(--draft)}.topbar{display:flex;min-height:auto;padding:18px 18px 20px 24px;align-items:stretch;flex-direction:column}.topbar-tools{justify-content:space-between;flex-wrap:wrap}.project-field{display:flex;align-items:stretch;flex-direction:column}.access-panel,.login-form,.starter-bar{align-items:stretch;flex-direction:column}.access-panel,.starter-bar{padding:16px 18px 16px 24px}.login-form input,.starter-choice select{width:100%;min-width:0}.starter-choice,.data-tools{display:grid;grid-template-columns:1fr 1fr}.starter-choice label,.starter-choice select,.save-state{grid-column:1 / -1}.workspace{display:flex;width:calc(100% - 24px);margin-top:12px;flex-direction:column}.sources-pane{padding:22px 16px 26px 32px;background:linear-gradient(90deg,#f4f8fd 0 17px,#dbe6f2 17px 18px,#fff 18px);border-right:0;border-bottom:4px solid var(--navy)}.assistant-pane{padding:24px 16px}.pane-heading,.register-heading,.section-heading-inline{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions>*{flex:1}.document-head{grid-template-columns:1fr 90px}.remove-document{grid-column:1 / -1;width:100%}.document-text{min-height:190px}.action-tabs{margin-inline:-16px;padding-inline:8px}.run-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.reference-helper{text-align:left}.result-empty{min-height:300px;padding:28px 18px}.result-section,.result-header{padding:18px 14px}.evidence-item{grid-template-columns:1fr;gap:7px}.source-pins{justify-content:flex-start}.proposal-fields,.task-row{grid-template-columns:1fr}.proposal-fields .button,.delete-task,.task-sources,.task-snapshots{grid-column:1}.register{width:calc(100% - 24px);margin-bottom:22px;padding:22px 16px}.report-actions,.report-actions .button,.own-ai-actions,.own-ai-actions .button,.register-heading .button{width:100%}.toast{right:12px;bottom:12px;max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}@media print{body{background:#fff}.topbar,.access-panel,.starter-bar,.sources-pane,.action-tabs,.run-strip,.reference-helper,.own-ai-panel,.run-message,.run-error,.result-empty,.register,.footer-note,.toast,.report-actions{display:none!important}.workspace{display:block;width:100%;min-height:0;margin:0;border:0;box-shadow:none}.assistant-pane{padding:0}.assistant-heading{margin-bottom:16px}.result-panel{display:block!important;border-top-color:#000}.result-section,.result-header{break-inside:avoid}.source-pin{color:#000;background:#fff;border-color:#888}#report-draft{min-height:0;border:0;background:#fff;resize:none}}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--desk: #07142b;--desk-line: rgb(120 178 255 / 9%);--desk-line-strong: rgb(120 178 255 / 18%);--hazard: #ff6a3d;--hazard-ink: #a63a14;--paper-warm: #fbfaf6;--stage-text: #eaf1fb;--stage-muted: #9fb2cc;--text-stage-title: clamp(30px, 1.2rem + 2.4vw, 54px)}.showcase-bar{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;padding:9px clamp(16px,4vw,64px) 9px calc(clamp(16px,4vw,64px) + 8px);color:var(--stage-muted);background:#01050e;font-size:13px}.showcase-bar a{color:#cfe3ff;font-weight:600;text-decoration:none}.showcase-bar a:hover{text-decoration:underline;text-underline-offset:3px}.showcase-note{margin-left:auto}.site-stage{position:relative;overflow:hidden;padding:clamp(28px,4vw,64px) clamp(16px,4vw,64px) clamp(32px,4vw,60px) calc(clamp(16px,4vw,64px) + 8px);color:var(--stage-text);background:radial-gradient(60rem 30rem at 85% -10%,rgb(45 140 255 / 22%),transparent 60%),radial-gradient(40rem 26rem at -10% 110%,rgb(255 106 61 / 10%),transparent 60%),linear-gradient(180deg,#050d1e,#030815 70%);outline:none}.site-stage:before{position:absolute;inset:0;content:"";background-image:linear-gradient(var(--desk-line) 1px,transparent 1px),linear-gradient(90deg,var(--desk-line) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%);pointer-events:none}.stage-inner{position:relative;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.35fr);gap:clamp(24px,3.4vw,56px);align-items:start;max-width:1500px;margin:0 auto}.stage-eyebrow{display:inline-flex;gap:10px;align-items:center;margin:0 0 18px;padding:6px 12px;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;color:#ffd2c2;font:600 13px/1.3 var(--font-body)}.stage-pulse{width:8px;height:8px;border-radius:50%;background:var(--hazard);box-shadow:0 0 #ff6a3d99;animation:stage-pulse 2.4s ease-out infinite}@keyframes stage-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.9);opacity:.2}to{transform:scale(1);opacity:1}}.stage-title{margin:0;max-width:15ch;font:700 var(--text-stage-title)/1.12 var(--font-display);letter-spacing:-.01em}.stage-title span{color:#8cc4ff}.stage-lede{max-width:46ch;margin:20px 0 26px;color:var(--stage-muted);font-size:17px;line-height:1.75}.stage-lede strong{color:var(--stage-text)}.stage-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.stage-button{position:relative;display:inline-flex;gap:12px;align-items:center;min-height:58px;padding:0 26px 0 20px;border:0;border-radius:14px;color:#04122a;background:linear-gradient(180deg,#fff,#dbe9ff);box-shadow:0 14px 40px #2d8cff59,inset 0 -2px #04122a1f;font:700 18px/1 var(--font-display);transition:transform .18s var(--ease-out-expo),box-shadow .18s ease,opacity .18s ease}.stage-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 46px #2d8cff73,inset 0 -2px #04122a1f}.stage-button:active:not(:disabled){transform:translateY(0) scale(.98)}.stage-button:disabled{cursor:default;opacity:.78}.stage-button-icon{width:30px;height:30px;border-radius:9px;background:linear-gradient(var(--hazard),var(--hazard)) 7px 8px / 16px 3px no-repeat,linear-gradient(#04122a,#04122a) 7px 14px / 12px 3px no-repeat,linear-gradient(#04122a,#04122a) 7px 20px / 9px 3px no-repeat,#fff;box-shadow:inset 0 0 0 1px #04122a2e}.site-stage[data-phase=scan] .stage-button-icon{animation:icon-shuffle .6s ease-in-out infinite alternate}@keyframes icon-shuffle{to{transform:rotate(-8deg) scale(.92)}}.stage-ghost{min-height:48px;padding:0 18px;border:1px solid rgb(255 255 255 / 26%);border-radius:12px;color:var(--stage-text);background:transparent;font-weight:600;transition:background .16s ease}.stage-ghost:hover{background:#ffffff14}.stage-honesty{max-width:44ch;margin:16px 0 0;color:#8fa3bf;font-size:13px}.stage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:28px 0 0;border:1px solid rgb(255 255 255 / 12%);border-radius:14px;overflow:hidden;background:#ffffff1f}.stage-stats div{padding:14px 12px 12px;background:#06122a}.stage-stats dt{color:var(--stage-muted);font-size:12px}.stage-stats dd{margin:2px 0 0;font:700 30px/1.1 var(--font-mono);font-variant-numeric:tabular-nums}.stage-stats .stat-alert dd{color:var(--hazard)}.stage-desk{position:relative;min-height:560px;padding:44px 16px 16px;border:1px solid var(--desk-line-strong);border-radius:22px;background:linear-gradient(var(--desk-line) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,var(--desk-line) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(160deg,#0b1d3d,var(--desk));box-shadow:0 40px 90px #00000073,inset 0 1px #ffffff0f;isolation:isolate}.desk-caption{position:absolute;top:12px;left:18px;right:18px;display:flex;justify-content:space-between;margin:0;color:#7f97b8;font:600 12px/1.4 var(--font-mono);letter-spacing:.08em}.desk-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:496px}.desk-lane{display:flex;flex-direction:column;min-width:0;padding:10px;border:1px dashed rgb(140 196 255 / 28%);border-radius:14px;background:#03081559;transition:opacity .4s ease,border-color .4s ease}.site-stage[data-phase=pile] .desk-lane,.site-stage[data-phase=scan] .desk-lane{opacity:.42}.site-stage[data-phase=sorted] .desk-lane{border-style:solid;border-color:#8cc4ff38}.desk-lane-head{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px;color:#cfe3ff;font:600 13px/1.3 var(--font-body)}.desk-lane-count{min-width:26px;padding:2px 8px;border-radius:999px;color:#04122a;background:#8cc4ff;font:700 12px/1.4 var(--font-mono);text-align:center}.desk-lane-list,.desk-pile{margin:0;padding:0;list-style:none}.desk-lane-list{display:grid;gap:10px}.desk-pile{position:absolute;z-index:2;inset:44px 16px 16px;pointer-events:none}.doc-card{position:absolute;left:calc(var(--px) * var(--spread-x, 1));top:var(--py);display:grid;gap:6px;width:27%;min-height:150px;padding:12px 13px 13px;border-radius:6px;color:#1b2a3f;background:repeating-linear-gradient(180deg,transparent 0 21px,rgb(24 44 69 / 7%) 21px 22px),var(--paper-warm);box-shadow:0 1px #ffffffb3 inset,0 18px 30px #00000061,0 3px 6px #0000004d;transform:translate(0) rotate(var(--r)) scale(1);transform-origin:center}.doc-card.doc-chat{background:linear-gradient(180deg,#e9fbf4,#d8f3e8)}.doc-card.doc-photo{padding:8px 8px 12px;background:#fff}.doc-head{display:flex;gap:8px;align-items:center;justify-content:space-between}.doc-id{font:700 12px/1.3 var(--font-mono);letter-spacing:.02em}.doc-stamp{position:absolute;top:9px;right:9px;padding:2px 8px;background:#ffffffdb;border:1.5px solid currentcolor;border-radius:4px;color:var(--blue-dark);font:700 12px/1.3 var(--font-body);opacity:0;transform:scale(1.6) rotate(-6deg);transition:opacity .26s ease,transform .42s var(--ease-out-expo);transition-delay:calc(var(--i) * .11s)}.doc-card[data-type=rfi] .doc-stamp{color:#a63a14}.doc-card[data-type=work-order] .doc-stamp{color:#0f5aaa}.doc-card[data-type=daily] .doc-stamp,.doc-card[data-type=chat] .doc-stamp{color:#146c43}.doc-card[data-type=photo] .doc-stamp{color:#6a3fc9}.site-stage[data-phase=scan] .desk-pile .doc-stamp,.site-stage[data-phase=sorting] .desk-pile .doc-stamp{opacity:1;transform:scale(1) rotate(-6deg)}.doc-title{font:600 14px/1.4 var(--font-body)}.doc-lines{display:-webkit-box;overflow:hidden;color:#4b5d73;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.site-photo{display:block;width:100%;height:96px;border-radius:3px}.doc-photo-note{justify-self:start;padding:1px 7px;border-radius:999px;color:#5d4a8a;background:#efe9ff;font-size:12px}.desk-lane-list .doc-card{position:relative;left:auto;top:auto;width:auto;min-height:0;padding:10px 11px;transform:translate(0) rotate(0) scale(1);box-shadow:0 8px 18px #0000004d}.desk-lane-list .doc-stamp,.desk-lane-list .doc-photo-note{display:none}.desk-lane-list .doc-lines{-webkit-line-clamp:2}.desk-lane-list .site-photo{height:64px}.desk-lane-list .doc-title{font-size:13px}.desk-scan{position:absolute;z-index:3;inset:0;overflow:hidden;border-radius:22px;pointer-events:none}.desk-scan:before{position:absolute;inset:0 0 auto;height:100%;content:"";background:linear-gradient(180deg,transparent 0 82%,rgb(140 196 255 / 0%) 82%,rgb(140 196 255 / 26%) 97%,#bfe0ff 99.4%,transparent 100%);opacity:0;transform:translateY(-100%)}.site-stage[data-phase=scan] .desk-scan:before{animation:desk-scan 1.1s cubic-bezier(.45,0,.25,1) forwards}@keyframes desk-scan{0%{opacity:1;transform:translateY(-100%)}92%{opacity:1}to{opacity:0;transform:translateY(100%)}}.site-brief{position:relative;padding:clamp(28px,4vw,56px) clamp(16px,4vw,64px) clamp(28px,4vw,56px) calc(clamp(16px,4vw,64px) + 8px);background:linear-gradient(180deg,#eef3f9,var(--draft));border-bottom:1px solid var(--line)}.site-brief>*{max-width:1500px;margin-right:auto;margin-left:auto}.site-brief:not([hidden])>*{animation:brief-rise .62s var(--ease-out-expo) both}.site-brief:not([hidden])>:nth-child(2){animation-delay:90ms}.site-brief:not([hidden])>:nth-child(3){animation-delay:.18s}@keyframes brief-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.brief-head{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:end;justify-content:space-between;margin-bottom:22px}.brief-kicker{margin:0 0 4px;color:var(--hazard-ink);font:700 13px/1.4 var(--font-body)}.brief-head h2{font-size:clamp(26px,1rem + 1.6vw,38px)}.brief-actions{display:flex;flex-wrap:wrap;gap:10px}.brief-jump{display:inline-flex;align-items:center;text-decoration:none}.brief-decisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-items:start;margin:0 auto 26px;padding:0;list-style:none}.decision{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px 18px 16px;border:1px solid #f1d58f;border-left:5px solid #e0a200;border-radius:12px;background:linear-gradient(180deg,#fffaf0,#fff4d6);box-shadow:0 10px 24px #875f001a}.decision-dependency{border-left-color:var(--hazard);border-color:#ffc9b4;background:linear-gradient(180deg,#fff7f3,#ffe9e0)}.decision-no{color:var(--hazard-ink);font:700 28px/1 var(--font-mono)}.decision-text{margin:0 0 8px;font-weight:600;line-height:1.6}.decision-question{margin:0 0 10px;color:#6a5520;font-size:14px}.pin-row{display:flex;flex-wrap:wrap;gap:6px}.pin{min-height:32px;padding:4px 10px 4px 24px;border:1px solid #b9cbe2;border-radius:999px;color:#0f4f99;background:radial-gradient(circle at 12px 50%,var(--blue) 0 4px,transparent 4.5px),#fff;font:600 12px/1.3 var(--font-mono);white-space:nowrap;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.pin:hover{border-color:var(--blue);transform:translateY(-1px)}.brief-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.board{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow)}.board-head{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;justify-content:space-between;margin-bottom:14px}.board-head p{margin:0;color:var(--muted);font-size:14px}.board-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.board-lane{min-width:0;padding:10px;border-radius:12px;background:#f4f7fb}.board-lane.lane-now{background:linear-gradient(180deg,#fff1ec,#f8f3f1 60%)}.board-lane-head{display:flex;align-items:center;justify-content:space-between}.board-lane-head h4{margin:0;font-size:15px}.board-count{min-width:26px;padding:1px 8px;border-radius:999px;color:#fff;background:var(--ink);font:700 12px/1.6 var(--font-mono);text-align:center}.lane-now .board-count{background:var(--hazard-ink)}.board-hint{margin:2px 0 10px;color:var(--muted);font-size:12px;line-height:1.5}.board-list{display:grid;gap:10px}.board-empty{margin:0;padding:14px 8px;color:var(--muted);font-size:13px;text-align:center;border:1px dashed var(--line-dark);border-radius:10px}.task-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 2px #182c450a;transition:transform .16s var(--ease-out-expo),box-shadow .16s ease}.task-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #182c451a}.task-card.flag-safety{border-color:#ffb59c;box-shadow:inset 4px 0 0 var(--hazard)}.task-card.flag-structure{box-shadow:inset 4px 0 #e0a200}.task-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.task-type,.task-due,.task-flag{padding:1px 8px;border-radius:999px;font-size:12px;line-height:1.7}.task-type{color:var(--muted);background:#eef2f7}.task-due{margin-left:auto;color:#0d3d73;background:#e3efff;font-family:var(--font-mono);font-weight:700}.task-flag{color:#fff;background:var(--hazard-ink);font-weight:700}.flag-structure .task-flag{color:#4d3800;background:#ffd56b}.task-title{margin:0;font:600 14px/1.5 var(--font-body)}.task-owner{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:13px}.avatar{display:grid;flex:none;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:var(--avatar, var(--blue));font:700 13px/1 var(--font-body)}.report-preview{position:sticky;top:16px}.phone{overflow:hidden;border:9px solid #0d1626;border-radius:34px;background:#dfe7f1;box-shadow:0 30px 60px #03081547}.phone-top{display:flex;gap:10px;align-items:center;padding:14px 16px 12px;color:#fff;background:#11213b}.phone-top h3{font-size:15px}.phone-top p{margin:0;color:#a9bbd4;font-size:12px}.phone-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--hazard);font-weight:700}.phone-body{max-height:560px;padding:12px 14px 16px;overflow-y:auto}.phone-time{margin:0 0 8px;color:#5e7088;font-size:12px;text-align:center}.report-bubble{padding:12px 13px;border-radius:4px 16px 16px;color:#172334;background:#fff;box-shadow:0 2px 6px #00000014;font-size:13px;line-height:1.65;white-space:pre-wrap}.phone-attach{display:flex;gap:8px;margin:10px 0 0}.attach-thumb{flex:1;margin:0;padding:4px;border-radius:10px;background:#fff}.attach-thumb .site-photo{height:70px}.attach-thumb figcaption{margin-top:2px;color:#4b5d73;font:600 12px/1.3 var(--font-mono);text-align:center}.report-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.report-note{margin:10px 2px 0;color:var(--muted);font-size:12px;line-height:1.6}.source-peek{width:min(560px,calc(100vw - 32px));padding:0;border:0;border-radius:16px;color:var(--ink);box-shadow:0 30px 80px #03081566}.source-peek::backdrop{background:#0308158c}.peek-inner{display:grid;gap:14px;padding:20px}.peek-kicker{margin:0;color:var(--muted);font-size:13px}.peek-lines{display:grid;gap:4px;max-height:50vh;margin:0;padding:0;overflow:auto;list-style:none}.peek-lines li{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:6px 8px;border-radius:8px;font-size:14px}.peek-lines li.is-target{background:#fff4ce;box-shadow:inset 3px 0 #e0a200;font-weight:600}.peek-no{color:var(--muted);font:600 12px/1.9 var(--font-mono);text-align:right}@media(max-width:1180px){.stage-inner{grid-template-columns:1fr}.stage-title{max-width:22ch}.brief-main{grid-template-columns:1fr}.report-preview{position:static;max-width:460px}.board-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.showcase-note{margin-left:0;width:100%}.stage-lede{font-size:16px}.stage-button{width:100%;justify-content:center}.stage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-desk{min-height:600px;padding:40px 10px 10px;border-radius:18px}.desk-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:548px}.desk-pile{inset:40px 10px 10px}.desk-pile{--spread-x: .76}.doc-card{width:46%;min-height:128px;padding:10px}.doc-id{overflow-wrap:normal;white-space:nowrap}.doc-lines{-webkit-line-clamp:2}.site-photo{height:64px}.desk-lane{padding:8px}.desk-lane-list .doc-lines{display:none}.desk-lane-list .site-photo{height:48px}.board{padding:12px}.board-lanes,.report-tools{grid-template-columns:1fr}.brief-actions,.brief-actions .button{width:100%}.brief-jump{justify-content:center}.decision{grid-template-columns:1fr;gap:6px}}@media(prefers-reduced-motion:reduce){.stage-pulse,.site-stage[data-phase=scan] .stage-button-icon,.site-stage[data-phase=scan] .desk-scan:before,.site-brief:not([hidden])>*{animation:none}.doc-stamp,.desk-lane,.stage-button,.task-card,.pin{transition:none}}@media print{.showcase-bar,.site-stage,.site-brief{display:none}}.site-stage[data-phase=sorted] .stage-desk,.site-stage[data-phase=sorted] .desk-lanes{min-height:0}.site-stage[data-phase=sorted] .desk-lane{min-height:236px}.desk-alerts{margin-top:14px;padding:14px 16px;border:1px solid rgb(255 106 61 / 45%);border-radius:14px;background:linear-gradient(180deg,#ff6a3d24,#ff6a3d0f);animation:brief-rise .62s var(--ease-out-expo) both}.desk-alerts-title{margin:0 0 8px;color:#ffc7b4;font:700 14px/1.4 var(--font-body)}.desk-alerts ol{display:grid;gap:6px;margin:0 0 10px;padding:0 0 0 22px;color:var(--stage-text);font-size:14px;line-height:1.55}.desk-alerts li::marker{color:var(--hazard);font-family:var(--font-mono);font-weight:700}.desk-alerts-link{display:inline-flex;align-items:center;min-height:40px;color:#ffd9cb;font-weight:700;text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.desk-alerts{animation:none}}.sc-bar{--sc-ink: #0e1622;--sc-paper: #f4f1ea;--sc-muted: #b8c0cc;--sc-line: #06c755;--sc-line-ink: #04331a;box-sizing:border-box;position:relative;z-index:50;display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px max(16px,env(safe-area-inset-left));background:var(--sc-ink);color:var(--sc-paper);font:500 14px/1.25 system-ui,-apple-system,Segoe UI,Noto Sans Thai,Thonburi,sans-serif;letter-spacing:0;text-align:left}.sc-bar *,.sc-line,.sc-line *{box-sizing:border-box}.sc-bar a{text-decoration:none}.sc-bar__back{color:var(--sc-paper);padding:6px 2px;border-radius:6px;white-space:nowrap;transition:color .15s ease}.sc-bar__back:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.sc-bar__demo{padding:3px 9px;border:1px solid rgba(244,241,234,.35);border-radius:999px;color:var(--sc-muted);font-size:12px;white-space:nowrap}.sc-bar__line{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;border-radius:999px;background:var(--sc-line);color:var(--sc-line-ink);font-weight:700;white-space:nowrap;box-shadow:0 1px #ffffff40 inset,0 6px 16px -8px #06c755b3;transition:transform .15s ease,box-shadow .15s ease}.sc-bar__line:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,0 10px 20px -10px #06c755e6}.sc-bar__line:active{transform:translateY(0)}.sc-bar a:focus-visible,.sc-line button:focus-visible,.sc-line a:focus-visible,.sc-line textarea:focus-visible{outline:3px solid #ffd166;outline-offset:2px}@media(max-width:420px){.sc-bar{gap:6px;font-size:13px;padding-inline:12px}.sc-bar__line{padding:7px 11px}.sc-bar__line svg{display:none}.sc-bar__demo{padding:2px 7px}}@media(max-width:340px){.sc-bar__demo{display:none}}@media print{.sc-bar,.sc-line{display:none!important}}.sc-line{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:22px 22px 18px;border:0;border-radius:18px;background:#fffdf8;color:#13202c;font:400 15px/1.55 system-ui,-apple-system,Segoe UI,Noto Sans Thai,Thonburi,sans-serif;box-shadow:0 30px 80px -20px #08121e8c;text-align:left}.sc-line::backdrop{background:#080e168c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sc-line h2{margin:0 32px 12px 0;font-size:19px;line-height:1.3;font-weight:700;color:inherit}.sc-line__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#efe9de;color:#13202c;font:600 22px/1 system-ui,sans-serif;cursor:pointer}.sc-line__close:hover{background:#e3dccd}.sc-line__qr{display:grid;place-items:center;width:248px;height:248px;margin:0 auto 10px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e6dfd2;font-size:13px;text-align:center}.sc-line__qr svg{display:block;width:232px;height:232px}.sc-line__hint{margin:0 0 14px;text-align:center;font-size:14px;color:#3a4654}.sc-line__label{display:block;margin:0 0 6px;font-size:13px;color:#3a4654}.sc-line__msg{display:block;width:100%;resize:none;padding:10px 12px;border:1px solid #d9d1c2;border-radius:10px;background:#fff;color:#13202c;font:500 15px/1.5 inherit;font-family:inherit}.sc-line__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sc-line__copy,.sc-line__open{flex:1 1 auto;min-height:44px;padding:10px 14px;border:0;border-radius:999px;background:#06c755;color:#04331a;font:700 15px/1.2 inherit;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer}.sc-line__open{background:#13202c;color:#fff}.sc-line__copy:hover{background:#05b44c}.sc-line__status{min-height:1.4em;margin:8px 0 0;font-size:13px;color:#1d6b3a;text-align:center}@media(prefers-reduced-motion:reduce){.sc-bar__line,.sc-bar__back{transition:none}}html.sc-pending body>*:not(.sc-bar):not(.sc-line){visibility:hidden;animation:sc-reveal 0s linear 2.5s forwards}@keyframes sc-reveal{to{visibility:visible}}