:root{--ink:#44334e;--muted:#6a5d70;--coral:#b4422a;--line:#e8ddd3;--paper:#fffaf3;--green:#286247}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:#823a43;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:13px 19px;background:var(--coral);color:#fff;font-weight:750;line-height:1.5}button:hover{filter:brightness(.95)}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #6f43a4;outline-offset:4px}h2:focus{outline:none}.secondary{background:#fff;color:var(--ink);border:1px solid #b8a6b6}input{width:100%;min-height:48px;border:1px solid #9c8a9e;border-radius:9px;padding:10px 12px;color:var(--ink);background:#fff}label{display:block;font-size:.88rem;font-weight:750;margin:16px 0 7px}small{font-size:.75rem;line-height:1.6;color:var(--muted)}p{margin:0 0 12px}h1,h2,h3,h4{line-height:1.45;margin:0 0 12px}h1{font-size:clamp(2rem,3.2vw,2.6rem);letter-spacing:-.045em}h2{font-size:1.8rem}h3{font-size:1.25rem}h4{font-size:1.3rem}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;border-bottom:1px solid var(--line);background:#fff}.topbar>a{font-size:.84rem}.brand{font-weight:850;font-size:1.35rem;letter-spacing:-.02em}.brand small{font-weight:500;margin-left:8px}.sample-pill{display:inline-block;background:#f2eaf4;color:#60426c;font-size:.73rem;font-weight:750;padding:5px 12px;border-radius:20px;white-space:nowrap}main{max-width:1240px;margin:auto;padding:0 28px}.intro{text-align:center;padding:28px 0 22px}.eyebrow{color:#9b422c;font-weight:800;font-size:.8rem;letter-spacing:.1em;margin-bottom:12px}.intro>p:not(.eyebrow){color:var(--muted)}.how-to{display:flex;justify-content:center;align-items:center;gap:14px;font-size:.83rem;margin-top:16px}.how-to b{display:inline-grid;place-items:center;background:#f4ddc6;color:#863c2b;width:25px;height:25px;border-radius:50%;margin-right:5px}.switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.switcher button{position:relative;text-align:left;background:white;color:var(--ink);border:1px solid #d9c9ba;padding:17px 22px;font-size:1.02rem}.switcher button>span{display:inline-grid;place-items:center;background:#fff0df;border-radius:9px;width:30px;height:30px;margin-right:8px;color:#93371f;font-weight:900}.switcher small{display:block;padding-left:42px;margin-top:3px}.switcher button[aria-pressed=true]{border:2px solid var(--coral);background:#fff0e5;padding:16px 21px;box-shadow:0 4px 0 #b4422a1c}.sample-note{text-align:center;font-size:.75rem;color:var(--muted);margin:16px 0 28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 22px}.section-heading p:last-child{margin:0;color:var(--muted);font-size:.9rem}.section-heading .eyebrow{font-size:.72rem}.jump{white-space:nowrap;font-weight:750;background:#fff;border:1px solid #d8bfab;border-radius:30px;padding:11px 18px;text-decoration:none;font-size:.88rem}.storyboard{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.comic{min-width:0;border:1px solid #d9c9ba;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 0 #e8ddd350;padding:16px;position:relative}.comic-top{display:flex;align-items:center;gap:9px;margin-bottom:14px}.step{display:inline-grid;place-items:center;background:var(--ink);color:white;width:30px;height:30px;border-radius:50%;font-size:.78rem;font-weight:800}.role{font-size:.8rem;font-weight:800}.scene{display:flex;align-items:center;min-height:100px;gap:8px}.avatar{width:62px;height:78px;flex-shrink:0;color:#d47b45}.avatar.staff{color:#648b86}.bubble{position:relative;background:#fff4dd;border:1px solid #e6d1a7;padding:10px;border-radius:12px;font-weight:800;font-size:.84rem;line-height:1.65;margin:0;flex:1}.bubble:before{content:"";position:absolute;left:-7px;top:30%;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #e6d1a7}.mini-ui{border:1px solid #d8cddc;border-radius:12px;overflow:hidden;min-height:214px;background:#fcfafc;padding:0 12px 12px;font-size:.78rem;line-height:1.55}.mini-bar{margin:0 -12px 12px;background:#f0eaf3;padding:7px 10px;font-size:.62rem;font-weight:800;display:flex;justify-content:space-between;gap:3px}.mini-bar span{font-weight:400;color:var(--muted)}.ui-title{font-size:.81rem;font-weight:800;margin:8px 0 12px}.ui-button{display:block;background:var(--coral);color:white;border-radius:7px;padding:9px 6px;text-align:center;font-size:.66rem;font-weight:750;margin:12px 0 8px}.ui-button.muted{background:#745b7e}.ui-field{border:1px solid #b7a9be;background:#fff;border-radius:6px;padding:12px 8px;margin:12px 0;color:#5e4d67;font-size:.72rem;overflow-wrap:anywhere}.ui-success,.ui-warning{padding:9px;border-radius:7px;font-weight:750;font-size:.73rem;margin:10px 0}.ui-success{color:#286247;background:#e8f3e8}.ui-warning{color:#824a1e;background:#fff0d6}.ui-note{color:var(--muted);font-size:.67rem}.caption{font-size:.78rem;line-height:1.7;margin:14px 0 0;color:#5a4b61}.stamps{display:flex;justify-content:center;gap:8px;margin:20px 0}.stamps i{font-style:normal;display:grid;place-items:center;border-radius:50%;background:#ffe2cb;color:#8b3a23;width:42px;height:42px;font-size:1.5rem;border:2px dashed #d18b61}.stamps.single i{width:64px;height:64px}.sample-qr{position:relative;width:76px;height:76px;margin:10px auto;background:repeating-linear-gradient(45deg,#e4dbe8 0 5px,#fff 5px 10px);border:3px solid #fff;outline:1px solid #ac98b5;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg)}.sample-qr b,.sample-qr small{position:relative;background:#fff;color:#56405f;line-height:1.25;padding:0 4px}.sample-qr b{font-size:1.3rem}.sample-qr small{font-size:.6rem}.qr-corner{position:absolute;inset:5px;border:5px dashed #60466b}.mini-stock{display:flex;gap:7px;margin:12px 0}.mini-stock span{flex:1;text-align:center;background:#fff;border:1px solid #dfd3e1;padding:10px 3px;border-radius:8px;font-size:.62rem}.mini-stock b{display:block;font-size:1.3rem;color:#55405e}.gift{color:#a5462e;font-size:1.8rem;text-align:center}.gift span{font-size:.67rem}.question-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#ffdfb1;color:#744527;font-size:1.8rem;font-weight:900;margin:12px auto}.playground{scroll-margin-top:20px;background:#eee8f2;border-radius:24px;padding:28px;margin:38px 0 24px}.playground>.section-heading{margin:0 0 20px}.try-tip{background:#fff;padding:13px 17px;border-radius:11px;font-size:.86rem;margin-bottom:26px;color:#544360}.try-tip b{margin-right:10px;color:#98402a}.sim-grid{display:grid;grid-template-columns:1fr 54px 1.2fr;gap:18px;align-items:start;max-width:970px;margin:auto}.device{min-width:0;border:1px solid #c9bacf;border-radius:18px;overflow:hidden;background:white;box-shadow:0 8px 20px #45304e0a}.participant{border:5px solid #4e4058;border-radius:28px}.device-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#53405e;color:#fff;padding:12px 18px;font-size:.64rem;letter-spacing:.03em}.device-heading .role{font-size:.84rem;letter-spacing:0}.staff-device .device-heading{background:#315e58}.device-body{padding:24px}.device-body>button,.device-body form>button{display:block;width:100%;margin-top:18px}.device-body small{display:block;margin:6px 0}.screen-kicker{font-size:.73rem;color:var(--muted);margin-bottom:12px}.device-body .ui-success{font-size:.8rem;text-align:center}.annotation{font-size:.73rem;color:#8e432b;margin:13px 0 0}.handoff-arrow{padding-top:190px;text-align:center;color:#7a627e;font-weight:800;font-size:1.1rem}.kpis{display:flex;gap:12px}.kpis p{flex:1;border:1px solid #dfd3e1;background:#fbf8fc;border-radius:11px;padding:12px;text-align:center;font-size:.73rem}.kpis strong{font-size:2.1rem;display:block;color:#4c3456;line-height:1.5}.kpis p>strong:before{content:"";display:block}.kpis small{display:block!important;margin:0}.device code{display:block;background:#f4eff6;font:600 .78rem/1.8 ui-monospace,monospace;padding:12px;border-radius:8px;overflow-wrap:anywhere}#pass{border:1px dashed #aa93b4;border-radius:12px;margin-top:18px;padding:14px;text-align:center}#pass .sample-qr{width:120px;height:120px}#pass .sample-qr b{font-size:1.8rem}#pass .sample-qr small{font-size:.73rem}output{display:block;margin:16px 0 0;background:#f5f1f7;border-left:4px solid #907298;border-radius:0 9px 9px 0;padding:13px;font-size:.85rem;font-weight:700;line-height:1.75}output:empty{display:none}output[data-tone=success]{background:#e9f4eb;border-color:#3b7750;color:#275638}output[data-tone=warning]{background:#fff2d9;border-color:#bc7b21;color:#754418}.handover-result{padding:13px;background:#e5f4e8;border:1px solid #8cb899;border-radius:10px;margin-top:12px;font-weight:750;color:#275638;font-size:.86rem}.extra{margin-top:26px;background:white;border:1px solid #d6c8da;border-radius:12px;padding:16px 20px}.extra summary{cursor:pointer;font-weight:750}.extra p{margin-top:16px;font-size:.85rem}.extra button{margin:14px 0}.extra small{display:block}.footnote{color:var(--muted);font-size:.76rem;margin:18px 0 0}.quiz-layout{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.coach{text-align:center}.coach .avatar{width:110px;height:125px}.coach .bubble{font-size:1rem;max-width:280px;margin:0 auto 18px}.sample-answers{display:flex;flex-direction:column;gap:10px}.sample-answers button{font-size:.86rem}.quiz-stamp{display:grid;place-items:center;width:75px;height:75px;margin:22px auto 12px;border:2px dashed #baa9c0;border-radius:50%;color:#7f6d86;font-size:2.5rem;background:#faf7fb}.quiz-stamp.earned{border-color:#ba7041;color:#99401f;background:#ffe2bb}.record-count{text-align:center;font-size:.82rem}.record-count strong{font-size:1.3rem}.check-list{list-style:none;padding:0;margin:18px 0}.check-list li{border:1px solid #e4cc9f;background:#fff3dc;padding:16px 18px;margin:10px 0;border-radius:10px;font-size:.93rem}.check-list li.ready{background:#eaf4eb;color:#285c3f;border-color:#b7d1bc}.check-list li.unverified{background:#f2edf5;color:#604770;border-color:#cdbbd5}.boundary{background:#fff;padding:20px 24px;border:1px solid var(--line);border-radius:12px;font-size:.85rem}.boundary p{font-size:.77rem;color:var(--muted);margin:6px 0 0}footer{padding:26px 0 40px}footer nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center}footer a{font-size:.85rem;margin-left:auto}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.choice-grid button{padding:25px;background:white;color:var(--ink);border:1px solid #cbbbcf;text-align:left}.choice-grid small{display:block;margin-top:12px;font-weight:400}
@media(max-width:1000px){main{padding:0 20px}.storyboard{grid-template-columns:repeat(2,1fr);gap:18px}.comic{padding:20px}.scene{justify-content:center}.bubble{flex:0 1 210px}.mini-ui{min-height:210px}.mini-ui .sample-qr{width:80px;height:80px}.mini-ui .stamps{margin:30px 0}.comic .caption{min-height:2.7em}.sim-grid{grid-template-columns:1fr 32px 1.1fr;gap:12px}.device-body{padding:18px}}
@media(max-width:600px){.topbar{padding:13px 16px;flex-wrap:wrap;gap:10px}.topbar>a{font-size:.75rem}.brand{font-size:1.1rem}.brand small{display:none}.topbar>.sample-pill{display:none}main{padding:0 16px}.intro{padding:30px 0 24px}h1{font-size:1.85rem}.intro>p:not(.eyebrow){font-size:.88rem}.how-to{gap:7px;font-size:.67rem}.how-to b{width:19px;height:19px;margin-right:3px}.switcher{gap:7px}.switcher button,.switcher button[aria-pressed=true]{padding:12px 6px;text-align:center;font-size:.75rem;border-width:1px}.switcher button[aria-pressed=true]{outline:1px solid var(--coral)}.switcher button>span{display:grid;margin:0 auto 6px;width:28px;height:28px}.switcher small{padding:0;font-size:.61rem;letter-spacing:-.035em}.sample-note{font-size:.7rem;margin:15px 0 22px}.section-heading{display:block;margin:24px 0 18px}.section-heading h2{font-size:1.4rem}.section-heading p:last-child{font-size:.81rem}.jump{display:inline-block;margin-top:16px;font-size:.8rem;padding:9px 16px}.storyboard{grid-template-columns:1fr;gap:18px}.comic{padding:18px;display:grid;grid-template-columns:1fr 1.12fr;column-gap:12px;align-items:start}.comic-top{grid-column:1/-1;margin-bottom:8px}.scene{display:flex;flex-direction:column;gap:4px;min-height:0;align-items:center}.avatar{width:65px;height:79px}.bubble{flex:none;font-size:.77rem;padding:9px;width:100%;text-align:center}.bubble:before{left:46%;top:-7px;border-top:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #e6d1a7}.mini-ui{min-height:211px;padding:0 8px 10px}.mini-bar{margin:0 -8px 10px;padding:6px;font-size:.56rem}.mini-bar span{font-size:.5rem}.mini-ui .ui-title{font-size:.73rem}.mini-ui .ui-button{font-size:.58rem}.mini-ui .stamps{gap:4px;margin:20px 0}.mini-ui .stamps i{width:30px;height:30px;font-size:1rem}.mini-ui .ui-success,.mini-ui .ui-warning{font-size:.64rem;padding:7px}.mini-stock{gap:3px}.mini-stock span{font-size:.55rem}.mini-stock b{font-size:1.1rem}.caption{grid-column:1/-1;margin-top:13px;font-size:.77rem}.comic .caption{min-height:0}.playground{margin-top:28px;padding:20px 14px;border-radius:18px}.playground .section-heading{position:relative;padding-right:50px}.playground .section-heading>.sample-pill{position:absolute;right:0;top:0;font-size:.6rem;padding:4px 6px}.playground h3{font-size:1.05rem}.try-tip{padding:12px;font-size:.78rem}.try-tip b{display:block;margin-bottom:4px}.sim-grid{grid-template-columns:1fr;gap:14px}.participant{max-width:350px;width:100%;margin:auto}.handoff-arrow{padding:0;font-size:.8rem;line-height:1.4}.handoff-arrow span{display:inline-block;transform:rotate(90deg)}.device-body{padding:18px}.device-heading{padding:11px 14px}.device-body button{font-size:.9rem}.extra{padding:14px}.extra summary{font-size:.84rem}.quiz-layout{grid-template-columns:1fr;gap:22px}.coach{display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:center}.coach .avatar{width:75px;height:95px}.coach .bubble{font-size:.86rem;margin:0;width:100%}.coach .sample-answers,.coach .footnote{grid-column:1/-1}.sample-answers{flex-direction:row}.sample-answers button{flex:1;font-size:.73rem;padding:11px 8px}.coach .footnote{margin:0}.check-list li{padding:12px;font-size:.84rem}.boundary{padding:18px;font-size:.79rem}.choice-grid{grid-template-columns:1fr;gap:12px}footer nav{display:grid;grid-template-columns:1fr 1fr}footer button{font-size:.78rem;padding:12px 8px}footer a{grid-column:1/-1;margin:6px 0;text-align:center}footer output{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}