.guided-app{--g-ink: #213b3a;--g-muted: #64746c;--g-green: #276c58;--g-line: #d9e0d6;color:var(--g-ink);background:#f3f4ed;min-height:100dvh;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,Noto Sans TC,sans-serif}.guided-app *{box-sizing:border-box}.guided-app button,.guide-dialog button{font:inherit;min-height:46px;padding:10px 16px;border:1px solid #cbd6ca;border-radius:10px;background:#fff;color:#254a40;cursor:pointer}.guided-app button:disabled,.guide-dialog button:disabled{opacity:.45;cursor:not-allowed}.guided-app button:hover:not(:disabled),.guide-dialog button:hover:not(:disabled){background:#e6eee2}.guided-app :focus-visible,.guide-dialog :focus-visible{outline:3px solid #b77c36;outline-offset:3px}.guided-app a{color:var(--g-green)}.guide-header{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--g-line);background:#fafbf6}.guide-brand{text-decoration:none;font-size:27px;font-weight:850;letter-spacing:-1px}.guide-brand span{color:#7e9d57}.guide-brand small{font-size:15px;letter-spacing:0;margin-left:12px}.guide-badge{font-size:12px;border:1px solid #b3c8ae;border-radius:50px;padding:3px 9px;margin-left:8px;color:#476744}.guide-progress{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,45px);padding:17px 20px;border-bottom:1px solid var(--g-line);background:#f9faf4;overflow:auto}.guide-progress span{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#8a958a;font-size:13px}.guide-progress b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8ece1;font-size:12px}.guide-progress .current{color:#245b46;font-weight:750}.guide-progress .current b{background:#2a6f58;color:#fff}.guide-progress .complete{color:#477357}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:calc(100dvh - 136px)}.guide-visual{min-width:0;position:sticky;top:0;height:calc(100dvh - 136px);min-height:460px;border-right:1px solid var(--g-line);display:flex;flex-direction:column;background:#edf1e8}.guide-vitals{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:12px 24px;font-size:14px;background:#e7ede0;color:#3c594c}.guide-vitals span{font-size:11px;text-transform:uppercase;letter-spacing:1px}.guided-scene{position:relative;flex:1;min-height:300px;overflow:hidden}.guided-scene canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.guide-scene-caption{position:absolute;left:24px;top:20px;display:flex;flex-direction:column;color:#476459;pointer-events:none}.guide-scene-caption b{font-size:10px;letter-spacing:2px}.guide-scene-caption span{font-size:12px;margin-top:4px}.guide-scene-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;background:#fafbf6;color:#6a786c;font-size:12px}.guide-scene-footer button{font-size:12px;padding:5px 12px;min-height:36px;background:transparent}.guide-panel{padding:30px 28px 26px;background:#fafbf6;min-width:0}.guide-kicker{font-size:11px;letter-spacing:2px;color:#719175;font-weight:700}.guide-panel h1{scroll-margin-top:12px;font-size:28px;line-height:1.3;margin:12px 0 16px;letter-spacing:-.7px}.guide-intro{font-size:15px;color:#63786b;margin-bottom:24px}.guide-task{padding:18px;background:#edf2e7;border:1px solid #d8e2cf;border-radius:12px;display:flex;flex-direction:column;gap:5px;margin:20px 0}.guide-task>span{font-size:11px;color:#6f876f;letter-spacing:1px}.guide-task strong{font-size:19px}.guide-task small{font-size:12px;color:#6c7d6d}.guided-app .guide-primary,.guide-dialog .guide-primary{background:#2b6c55;border-color:#2b6c55;color:#fff;font-weight:650;width:100%;margin:8px 0}.guided-app .guide-primary:hover:not(:disabled),.guide-dialog .guide-primary:hover:not(:disabled){background:#205b46}.guide-secondary{width:100%;margin:6px 0}.guide-next{margin-top:25px;padding-top:18px;border-top:1px solid var(--g-line)}.guide-next small{display:block;text-align:center;color:#778672;font-size:12px}.guide-records{width:100%;margin-top:24px}.guide-success{font-size:13px;color:#357450}.guide-draft{font-size:11px;color:#89917f;margin-top:28px}.guide-note{font-size:13px;line-height:1.7;color:#71816e}.guide-feedback{border-left:3px solid #b68a4e;background:#f5f0e2;padding:12px;font-size:14px}.guide-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.guide-tools button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px 10px;font-size:13px}.guide-tools small{font-size:11px;color:#809277}.guide-tools [aria-pressed=true]{background:#dfead7;border-color:#649372;box-shadow:inset 0 0 0 1px #649372}.guide-hotspot{position:absolute;transform:translate(-50%,-50%);width:70px;height:70px;border:2px solid #e4bd64!important;border-radius:50%!important;background:#f9df7b22!important;padding:0!important;box-shadow:0 0 0 7px #fbdf7a22}.guide-hotspot span{display:block;border:1px solid #fff;border-radius:50%;width:12px;height:12px;background:#b9893d;margin:auto}.guide-scene-status{position:absolute;inset:0;background:#eef2e8e8;display:grid;place-items:center;padding:35px;text-align:center;color:#426350}.guide-dialog{width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #d8e1d0;border-radius:20px;padding:28px 34px;box-shadow:0 24px 100px #132f3645;background:#fafbf5;color:#243f38;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,Noto Sans TC,sans-serif}.guide-dialog::backdrop{background:#17362d88;backdrop-filter:blur(3px)}.guide-dialog h2{font-size:28px;line-height:1.3;margin:18px 0}.guide-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:2px;color:#729074}.guide-dialog .guide-close{font-size:24px;min-height:36px;width:36px;padding:0;border:0;background:transparent}.guide-case-tag{font-size:11px;color:#8b9a77;letter-spacing:2px}.guide-dialog-lead{font-size:20px;font-weight:600}.guide-brief-steps{background:#edf2e6;border-radius:10px;padding:18px 18px 18px 40px;font-size:14px}.guide-findings{padding-left:22px}.guide-findings li{margin:14px 0}.guide-choice{display:flex;flex-direction:column;gap:8px;margin-top:24px;font-size:14px}.guide-choice select{font:inherit;width:100%;padding:13px 8px;border:1px solid #becfba;background:#fff;color:#244c3e;border-radius:8px}.guide-clues details{border-bottom:1px solid #dce4d5;padding:10px 0;font-size:14px}.guide-clues summary{cursor:pointer;font-weight:650}.guide-clues ul{padding-left:20px;font-size:13px;color:#607361}.guide-loading{padding:60px 30px}@media(max-width:800px){.guide-header{height:64px;padding:0 14px;font-size:12px}.guide-brand{font-size:23px}.guide-brand small,.guide-badge{display:none}.guide-progress{justify-content:flex-start;padding:12px;gap:18px}.guide-progress span{font-size:11px;gap:5px}.guide-progress b{width:21px;height:21px}.guide-layout{display:flex;flex-direction:column;min-height:0}.guide-visual{height:42dvh;min-height:310px;position:relative;border-right:0;border-bottom:1px solid var(--g-line)}.guided-scene{min-height:220px}.guide-vitals{font-size:11px;padding:8px 12px;gap:6px 12px}.guide-vitals span{font-size:9px}.guide-scene-caption{top:12px;left:14px}.guide-scene-caption span{font-size:10px}.guide-scene-footer{padding:5px 12px;font-size:10px}.guide-scene-footer button{font-size:10px;min-height:32px;padding:2px 8px}.guide-panel{padding:24px 20px}.guide-panel h1{font-size:25px}.guide-panel .guide-intro{margin-bottom:16px}.guide-dialog{padding:22px;max-height:calc(100dvh - 24px)}.guide-dialog h2{font-size:24px}.guide-dialog-lead{font-size:17px}.guide-hotspot{width:54px;height:54px}.guide-tools{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.guide-dialog::backdrop{backdrop-filter:none}}.guide-visual:has(.instrument-tray){min-height:720px}.bubble-scene{min-height:350px}.bubble-tether{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.bubble-tether line{stroke:#d3a146;stroke-width:2;stroke-dasharray:5 4}.bubble-tether circle{fill:#f5d480;stroke:#fff;stroke-width:3}.guided-app .exam-bubble{position:absolute;z-index:3;border:2px solid #c89c4b;border-radius:20px 20px 20px 4px;background:#fffdf3;box-shadow:0 7px 22px #213c3a22;padding:10px 14px;text-align:left;display:flex;flex-direction:column;gap:1px;min-height:91px;touch-action:manipulation}.exam-bubble small{font-size:11px;color:#8a733f}.exam-bubble strong{font-size:20px;color:#294e43;line-height:1.4}.exam-bubble span{font-size:11px;color:#697a68}.guided-app .exam-bubble.tool-match{border-color:#3c9972;background:#f1fff0;box-shadow:0 0 0 4px #3c99722a}.held-label{position:absolute;left:16px;bottom:12px;border-radius:30px;background:#254f42e8;color:#fff;padding:6px 14px;font-size:12px;pointer-events:none}.bubble-notice{position:absolute;bottom:42px;left:12px;right:12px;padding:10px 14px;margin:0;background:#fff5dbf5;border:1px solid #d3aa61;border-radius:10px;color:#73532a;font-size:13px;pointer-events:none;z-index:4}.bubble-recenter{position:absolute;bottom:18px;left:18px}.instrument-tray{background:#f7f9f0;border-top:1px solid #cdd9c5;padding:10px 14px 12px;flex:none}.tray-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b806b;margin-bottom:8px;gap:6px}.tray-heading b{color:#294f42;font-size:14px}.guided-app .tray-heading button{min-height:32px;font-size:11px;padding:4px 10px}.instrument-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.guided-app .instrument-pick{padding:3px 4px 5px;min-width:0;display:flex;flex-direction:column;align-items:center;border-radius:10px;border:1px solid #dce3d2;background:#fff;touch-action:none;user-select:none}.instrument-pick .instrument-sprite{height:64px;pointer-events:none;mix-blend-mode:multiply}.instrument-pick span{font-size:11px;line-height:1.35;font-weight:650}.instrument-pick small{font-size:9px;color:#7a8d72}.guided-app .instrument-pick[data-requested=true]{border-color:#cba053}.guided-app .instrument-pick[aria-pressed=true]{border:2px solid #367e60;padding:2px 3px 4px;background:#e9f3df}@media(max-width:800px){.guide-visual:has(.instrument-tray){height:auto;min-height:0}.bubble-scene{height:350px;min-height:350px;flex:none}.instrument-tray{padding:7px 8px 9px}.instrument-grid{gap:4px}.instrument-pick .instrument-sprite{height:45px}.instrument-pick span{font-size:10px}.instrument-pick small{font-size:9px}.tray-heading{font-size:10px}.guide-visual:has(.instrument-tray) .guide-scene-footer{display:none}}@media(max-height:500px)and (min-width:801px){.guide-visual:has(.instrument-tray){position:relative;height:auto;min-height:0}.bubble-scene{height:320px;flex:none;min-height:320px}}@media(max-height:500px)and (min-width:600px){.guide-layout{display:block}.guide-visual:has(.instrument-tray){display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:36px calc(100dvh - 36px);height:100dvh;min-height:0;position:relative}.guide-visual:has(.instrument-tray) .guide-vitals{grid-column:1;grid-row:1;padding:6px 12px;font-size:11px;gap:6px 12px}.guide-visual:has(.instrument-tray) .bubble-scene{grid-column:1;grid-row:2;height:calc(100dvh - 36px);min-height:0}.guide-visual:has(.instrument-tray) .instrument-tray{grid-column:2;grid-row:1 / 3;padding:5px 7px;overflow:auto;border-top:0;border-left:1px solid #cdd9c5}.guide-visual:has(.instrument-tray) .instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.guide-visual:has(.instrument-tray) .instrument-pick .instrument-sprite{height:35px}.guide-visual:has(.instrument-tray) .instrument-pick span{font-size:10px}.guide-visual:has(.instrument-tray) .instrument-pick small{font-size:8px}.guide-visual:has(.instrument-tray) .tray-heading{font-size:0;margin-bottom:4px}.guide-visual:has(.instrument-tray) .tray-heading b{font-size:12px}.guide-visual:has(.instrument-tray) .guide-scene-footer{display:none}}.exam-bubble .instrument-sprite{position:absolute;right:8px;top:16px;width:48px;height:48px;mix-blend-mode:multiply;pointer-events:none}.exam-bubble strong{padding-right:44px;font-size:18px}.mode-chooser .guide-brand{display:inline-flex;align-items:center;min-height:44px}.mode-options{max-width:600px;margin:0 auto;padding:clamp(32px,8vh,72px) 24px 32px}.mode-options h1{font-size:32px;line-height:1.3;margin:0 0 8px}.mode-prompt{color:var(--g-muted);margin:0 0 32px}.mode-option{padding:20px 0;border-top:1px solid var(--g-line)}.mode-option a{display:inline-flex;align-items:center;min-height:48px;font-size:20px;font-weight:650;text-underline-offset:5px}.mode-option a:hover{color:var(--g-ink)}.mode-option p{margin:8px 0 0;font-size:15px}.mode-notice{border-top:1px solid var(--g-line);margin-top:28px;padding-top:20px;color:var(--g-muted);font-size:13px}.mode-notice p{margin:0 0 8px}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,sans-serif;color:#202d31;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #247c68;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}header{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid #d9dfd6}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit}.mark{font-size:25px;font-weight:800;letter-spacing:-2px;background:#1a2d38;color:#fff;padding:13px 15px;border-radius:9px}.mark span{color:#a3d975;margin:0 2px}.brand strong{font-size:19px;letter-spacing:.02em}.brand small{display:block;margin-top:5px;font-size:12px;color:#66756f}.stage{display:flex;align-items:center;gap:8px;font-size:12px;color:#607364}.stage i{background:#579478;width:7px;height:7px;border-radius:50%}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:690px;height:calc(100dvh - 134px)}.viewport{position:relative;overflow:hidden;background:#dce3de}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.scene-caption{position:absolute;top:30px;left:34px;pointer-events:none}.scene-caption>span,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#698079}.scene-caption h1{font-size:32px;letter-spacing:-.03em;margin:9px 0 8px;font-weight:650}.scene-caption p{font-size:13px;margin:0;color:#536761}.view-controls{position:absolute;bottom:26px;left:30px;display:flex;gap:1px;border:1px solid #c3cdc5;border-radius:8px;overflow:hidden;background:#fff}.view-controls button{border:0;background:#f6f8f3;padding:14px 22px;color:#2f4940;min-height:48px}.view-controls button:hover{background:#e0e8df}.canvas-note{position:absolute;bottom:42px;right:24px;font-size:11px;color:#50685c;pointer-events:none}aside{padding:30px 26px;overflow:auto;background:#f9faf5;border-left:1px solid #d7ded4}aside h2{font-size:23px;letter-spacing:-.02em;margin:12px 0}p.intro{font-size:13px;line-height:1.8;color:#6b7871;min-height:70px;margin:0 0 18px}.asset-list{border-top:1px solid #dce1d7}.asset-list button{width:100%;display:flex;align-items:center;gap:13px;min-height:46px;text-align:left;border:0;border-bottom:1px solid #e0e5dc;background:none;color:#43534a;padding:8px 7px;font-size:13px}.asset-list button.active,.asset-list button:hover{background:#e7eee0;color:#1d5a44}.asset-num{font-size:10px;font-family:monospace;color:#95a095}.asset-arrow{margin-left:auto;color:#788c7d}.review-controls{margin:22px 0 18px}.review-controls label{font-size:12px;display:flex;align-items:center;gap:6px}.review-controls label>span{margin-left:auto;font-size:10px;color:#69816c}.review-controls input{accent-color:#327456;width:17px;height:17px}.pause{width:100%;margin-top:14px;padding:10px;border:1px solid #cad5c5;background:transparent;color:#49644f;border-radius:5px;font-size:12px;min-height:42px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe2d5;padding-top:16px}.metrics strong{display:block;font:23px ui-monospace,monospace;color:#31503b}.metrics span{font-size:9px;color:#82917d;display:block;margin-top:6px}.status-note{font-size:10px;color:#7a8c78;line-height:1.8;margin:16px 0 0}footer{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;font-size:10px;color:#7a877d;border-top:1px solid #dce2d7}.loading,.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:22px;background:#f8fbf3ee;box-shadow:0 5px 40px #142d3a22;border-radius:10px;font-size:14px;max-width:90%}.error{color:#7a392e}.error p{overflow-wrap:anywhere;font-size:12px}.error button{padding:12px;border:0;background:#263d34;color:#fff;border-radius:5px}@media(max-width:850px){header{height:70px;padding:0 18px}.mark{padding:9px 12px}.brand{gap:12px}.brand strong{font-size:16px}.brand small{font-size:10px}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.viewport{height:59dvh;min-height:360px}.scene-caption{top:18px;left:18px}.scene-caption h1{font-size:25px}.scene-caption p{font-size:11px}.view-controls{bottom:18px;left:18px}.view-controls button{padding:12px 20px}.canvas-note{right:18px;bottom:77px;font-size:10px}aside{padding:24px 20px;border-left:0;border-top:1px solid #d7ded4}.asset-list{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.asset-list button{min-height:50px}.intro{min-height:0!important}.metrics,.review-controls{max-width:450px}footer{height:auto;min-height:64px;gap:10px;flex-wrap:wrap;padding:16px 20px}}