.oak-show{max-width:1250px;margin:auto;padding:124px 40px 35px}.oak-show,.show-player,.show-stage,.show-situation,.show-action,.quick-pill>div,.case-text,.workflow-art{min-width:0}.show-heading{text-align:center;margin-bottom:48px}.show-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.12}.show-heading .how-intro{color:#434e44;letter-spacing:-.025em;max-width:750px;margin:20px auto 0;font-size:clamp(18px,2vw,23px);line-height:1.5}.show-heading .how-support{color:#636a5c;max-width:600px;margin:17px auto 0;font-size:16px;line-height:1.6}.show-categories{gap:48px;display:grid}.show-category-heading{align-items:flex-start;gap:18px;margin:0 0 20px;display:flex}.show-category-heading>span{color:#8a5d43;letter-spacing:.1em;padding-top:9px;font-size:16px}.show-category-heading h2{letter-spacing:-.04em;font-size:30px;line-height:1.2}.show-category-heading p{color:#636a5c;margin-top:7px;font-size:16px}.show-player{color:#f0f3ee;background:radial-gradient(at 90% 0,#29413a33,#0000 60%),#111a1b;border:1px solid #2b3636;border-radius:22px;grid-template-columns:295px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #1c30300c}.case-rail{background:linear-gradient(160deg,#c4d0bd06,#0000);border-right:1px solid #cbd5c312;flex-direction:column;grid-area:1/1/3;justify-content:center;padding:20px 14px;display:flex}.case-list{isolation:isolate;flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.case-highlight{z-index:-1;pointer-events:none;left:0;top:calc(var(--case-index) * 104px);background:linear-gradient(110deg,#dda9821e,#a5c5ad09);border:1px solid #d9b18e33;border-radius:13px;width:100%;height:96px;transition:top .55s cubic-bezier(.22,.8,.22,1),left .55s cubic-bezier(.22,.8,.22,1);position:absolute;box-shadow:0 4px 18px #00000012,inset 0 1px #ffffff05}.case-list button{text-align:left;touch-action:manipulation;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:13px;height:96px;min-height:96px;padding:16px 12px;font-size:16px;line-height:1.35;display:flex}.case-icon{color:#809c8a;background:#b8cabb05;border:1px solid #9db2a51a;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .4s,border-color .4s,color .4s,box-shadow .4s;display:grid}.case-list button[aria-pressed=true] .case-icon{color:#e5b395;background:#e8b08b0c;border-color:#e5b39544;box-shadow:0 0 18px #e5b39509}.case-list button[aria-pressed=true] .case-icon svg{animation:.55s case-icon-settle}.case-text{flex-direction:column;gap:6px;transition:transform .45s;display:flex}.case-text strong{color:#bac9bd;font-size:16px;font-weight:500;line-height:1.3;transition:color .4s}.case-text small{color:#86a193;font-size:16px;line-height:1.35;transition:color .4s}.case-list button[aria-pressed=true] .case-text{transform:translate(2px)}.case-list button[aria-pressed=true] .case-text strong{color:#f5e6d7}.case-list button[aria-pressed=true] .case-text small{color:#a9bcae}.case-arrow{opacity:0;color:#d9ad8c;margin-left:auto;font-size:16px;transition:opacity .4s,transform .4s;transform:translate(-5px,4px)}.case-list button[aria-pressed=true] .case-arrow{opacity:1;transform:none}.show-stage{grid-area:1/2;grid-template-columns:1fr 1fr;align-items:center;gap:24px;min-height:290px;padding:32px 26px;animation:.3s quiet-appear;display:grid}.category-2 .show-stage{grid-template-columns:.95fr 1.05fr;min-height:340px}.speaker-label{letter-spacing:.04em;color:#bdc9c5;align-items:center;gap:9px;font-size:16px;display:flex}.speaker-light{background:#b9d5c9;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #b9d5c955}.speaker-light.ai{background:#f48a66;box-shadow:0 0 14px #f48a6699}.quick-dialog{letter-spacing:-.035em;max-width:420px;margin:18px 0 0;font-size:clamp(25px,2.5vw,34px);font-weight:450;line-height:1.2}.show-action{text-align:center}.quick-action{flex-direction:column;justify-content:center;min-height:150px;display:flex}.quick-pill{text-align:left;background:linear-gradient(125deg,#ffffff08,#ffffff02);border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:12px;min-height:96px;padding:15px 18px;transition:border-color .4s,background .4s;display:flex;box-shadow:0 8px 30px #0002,inset 0 1px #ffffff05}.quick-symbol{color:#e0b298;background:#e5ad8d0a;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.quick-pill>div:nth-child(2){flex:1}.quick-pill span{color:#8fa69a;letter-spacing:.04em;margin-bottom:6px;font-size:16px;display:block}.quick-pill strong{color:#dbe6df;overflow-wrap:anywhere;font-size:16px;font-weight:400;line-height:1.4}.quick-indicator{color:#a0c5ab;flex-shrink:0;width:18px}.quick-indicator i{border:1px solid #e3b99a22;border-top-color:#e3b99a;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite quick-spin;display:block}.quick-done{background:#a0c5ab05;border-color:#b4ceb526}.quick-outcome{color:#d9b49c;text-align:left;opacity:0;flex-wrap:wrap;align-content:flex-start;align-items:baseline;gap:7px;min-height:70px;padding:14px 8px 0;font-size:16px;transition:opacity .35s,transform .35s;display:flex;transform:translateY(3px)}.quick-outcome.visible{opacity:1;transform:none}.quick-outcome>span:last-child{color:#92ac9d;overflow-wrap:anywhere;flex-basis:100%;padding-left:11px;font-size:16px;line-height:1.5}.quick-outcome>.speaker-light{flex-shrink:0;align-self:flex-start;width:4px;height:4px;margin-top:5px}.icon-play{color:#cba58e;place-items:center;height:86px;margin-bottom:8px;display:grid;position:relative}.icon-play>div{width:230px;max-width:100%;height:70px;position:relative}.icon-play svg{stroke-width:1.3px;filter:drop-shadow(0 0 7px #e3b18b15);width:23px;height:23px;position:absolute}.mini-road .road-line{background:linear-gradient(90deg,#8fae9c22,#e6ac8999,#8fae9c22);height:1px;position:absolute;top:48px;left:23px;right:23px}.road-start{color:#7d9e8b;top:23px;left:0}.road-end{top:23px;right:0}.mini-road .road-car{width:30px;height:27px;animation:5.5s cubic-bezier(.3,0,.2,1) infinite icon-drive;top:21px;left:28px}.road-ping{border:1px solid #cfaa8c55;border-radius:50%;width:27px;height:8px;animation:2s ease-out infinite icon-ping;position:absolute;top:47px;right:-2px}.mini-basket .basket-center{color:#bccdbf;width:34px;height:29px;top:37px;left:99px}.basket-coffee{animation:3s ease-in-out infinite coffee-drop;top:5px;left:47px}.basket-milk{animation:3s ease-in-out .35s infinite milk-drop;top:0;left:105px}.basket-banana{animation:3s ease-in-out .7s infinite banana-drop;top:7px;right:39px}.basket-glow{background:radial-gradient(#e6b39722,#0000 70%);width:70px;height:13px;position:absolute;bottom:0;left:81px}.schedule-source{position:absolute;top:25px;left:20px}.schedule-link{gap:10px;display:flex;position:absolute;top:35px;left:63px}.schedule-link i{background:#cbac91;border-radius:50%;width:3px;height:3px;animation:1.2s infinite visual-blink}.schedule-link i:nth-child(2){animation-delay:.2s}.schedule-link i:nth-child(3){animation-delay:.4s}.schedule-calendar{position:absolute;top:18px;left:129px}.schedule-calendar>svg{color:#afc5b5;width:37px;height:37px}.calendar-check{background:#1b2a25;border:1px solid #b1c3ac44;border-radius:50%;place-items:center;width:17px;height:17px;animation:3s infinite icon-check;display:grid;position:absolute;top:23px;left:23px}.calendar-check svg{width:11px;height:11px}.schedule-ticks{gap:6px;display:grid;position:absolute;top:25px;right:14px}.schedule-ticks i{background:#9bb6a255;width:18px;height:1px}.schedule-ticks i:nth-child(2){width:12px}.med-sun{animation:12s linear infinite icon-sun;top:24px;left:22px}.med-connection{background:linear-gradient(90deg,#b0bd9e22,#d6ac8977);width:43px;height:1px;position:absolute;top:36px;left:64px}.med-pill{animation:2.8s infinite icon-breathe;top:24px;left:117px}.med-bell{transform-origin:50% 10%;color:#b5c8b7;animation:3s infinite icon-ring;top:24px;right:20px}.med-wave{border:1px solid #b2c8b522;border-radius:50%;width:40px;height:40px;animation:3s infinite icon-ping;position:absolute;top:16px;right:11px}.refill-pill{top:25px;left:28px}.refill-transfer{position:absolute;top:27px;left:78px}.refill-transfer svg{width:16px;height:16px;animation:2s infinite icon-transfer}.refill-transfer svg:last-child{animation-delay:.25s;left:22px}.mini-refill .refill-hospital{color:#a7c3ad;width:35px;height:35px;top:17px;right:32px}.refill-confirm{background:#172a21;border:1px solid #abc2ad44;border-radius:50%;width:17px;height:17px;animation:3s infinite icon-check;position:absolute;bottom:12px;right:24px}.refill-confirm svg{width:12px;height:12px;top:2px;left:2px}.reminder-cake{color:#9db4a5;top:26px;left:17px}.reminder-date{position:absolute;top:17px;left:78px}.reminder-date svg{width:36px;height:36px}.reminder-bell{transform-origin:50% 10%;animation:3s infinite icon-ring;top:25px;right:61px}.reminder-phone{color:#aac2af;animation:2.5s infinite icon-breathe;top:25px;right:10px}.icons-done .schedule-calendar,.icons-done .refill-hospital{filter:drop-shadow(0 0 9px #a6c7b133)}.action-visual{background:radial-gradient(at 50% 40%,#2a454333,#0000 75%),#152021;border:1px solid #ffffff14;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.visual-grid{background-image:radial-gradient(#ffffff0c 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.visual-top{letter-spacing:.03em;color:#8daba3;align-items:center;gap:7px;padding:14px;font-size:16px;display:flex;position:relative}.visual-top>span:last-child{color:#86a69c;margin-left:auto;font-size:16px}.signal-dot{background:#b5cdb8;border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px #b5cdb8}.workflow-art{height:270px;padding:16px;position:relative}.workflow-detail{color:#a7bdb2;text-align:center;overflow-wrap:anywhere;border-top:1px solid #ffffff08;min-height:56px;padding:14px;font-size:16px}.document-visual{place-items:center;height:238px;display:grid;position:relative}.document-paper{background:linear-gradient(135deg,#2c403c,#1c2c2a);border:1px solid #a8c3b533;border-radius:3px;width:200px;height:212px;padding:14px;transform:rotate(-4deg);box-shadow:0 10px 40px #0004}.document-paper>span{letter-spacing:.13em;color:#a0b9ad;font-size:16px;display:block}.document-paper strong{color:#dbe5dc;margin:6px 0 16px;font-size:16px;font-weight:400;display:block}.document-paper>i{background:#9cb3a52c;height:2px;margin:6px 0;display:block}.document-paper>i:nth-of-type(2){width:75%}.document-paper>div{color:#95b1a2;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 0;font-size:16px;display:flex}.document-paper b{font-size:16px;font-weight:400}.document-paper .document-date{color:#fac1a7;border:1px solid #f48a6655;margin-top:9px;padding:5px 8px;font-size:16px;display:inline-flex}.field-highlight{outline-offset:4px;outline:1px solid #f48a6666;box-shadow:0 0 15px #f48a6622}.scan-line{background:#f3b496;height:1px;animation:3s ease-in-out infinite document-scan;position:absolute;top:20%;left:15%;right:15%;box-shadow:0 0 15px 4px #f48a6620}.document-found{color:#d5e5da;background:#1b302ae8;border:1px solid #94bb9b44;border-radius:5px;padding:8px 10px;font-size:16px;position:absolute;bottom:0;right:0}.conversation-flow{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.conversation-flow>span{letter-spacing:.04em;text-align:center;color:#97b19f;margin:15px 0;font-size:16px;line-height:1.4}.voice-spectrum{align-items:center;gap:3px;height:90px;display:flex}.voice-spectrum i{background:linear-gradient(#f9c2a8,#bd6546);border-radius:3px;width:2px;animation:1.9s ease-in-out infinite spectrum;box-shadow:0 0 7px #f48a6620}.conversation-topics{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.conversation-topics b{color:#8ba596;border:1px solid #ffffff12;border-radius:15px;padding:6px 9px;font-size:16px;font-weight:400;transition:color .65s,border-color .65s}.conversation-topics .topic-lit{color:#f3b899;border-color:#f48a6655}.quiz-flow{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:8px;display:flex}.record-disc{background:repeating-radial-gradient(circle,#243730 0 2px,#172a22 3px 5px);border:1px solid #94b49a33;border-radius:50%;flex-shrink:0;place-items:center;width:75px;height:75px;animation:10s linear infinite record-spin;display:grid;box-shadow:0 10px 25px #0003}.record-disc i{background:#ae7053;border:12px solid #ce9571;border-radius:50%;width:35px;height:35px}.record-reveal{box-shadow:0 0 40px #f48a6622}.quiz-flow>div:last-child{text-align:center}.quiz-flow span{color:#8ca795;letter-spacing:.1em;font-size:16px;line-height:1.45}.quiz-flow strong{margin:8px 0;font-size:23px;font-weight:400;line-height:1.2;display:block}.quiz-flow small{color:#9bb4a2;font-size:16px;line-height:1.45}.show-controls{color:#a3b4a7;border-top:1px solid #cbd5c30c;grid-area:2/2;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;font-size:16px;display:flex}.show-controls>div:last-child{gap:8px;display:flex}.show-controls button{color:#cbd5d0;touch-action:manipulation;background:#ffffff02;border:1px solid #a7bdac18;border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.case-playback{align-items:center;gap:10px;display:flex}.case-playback svg{flex-shrink:0;width:32px;height:32px;transform:rotate(-90deg)}.case-playback circle{fill:none;stroke-width:1.3px}.case-ring-track{stroke:#74877b30}.case-ring-fill{stroke:#d6ad91;stroke-dasharray:62.832;transition:stroke-dashoffset .1s linear}.case-playback>span{color:#a3b4a7;font-variant-numeric:tabular-nums;font-size:16px}.motion-paused .action-visual *,.motion-paused .icon-play *{animation-play-state:paused!important}.show-bottom{text-align:center;padding:40px 0 10px}.show-bottom p{margin-bottom:17px;font-size:17px}.show-bottom .button{gap:25px;padding:13px 22px}.show-bottom small{color:#636a5c;margin-top:20px;font-size:16px;line-height:1.6;display:block}.show-bottom small a{text-decoration:underline}@keyframes quiet-appear{0%{opacity:0}to{opacity:1}}@keyframes quick-spin{to{transform:rotate(360deg)}}@keyframes case-icon-settle{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes spectrum{50%{opacity:.45;transform:scaleY(.35)}}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes document-scan{50%{top:85%}}@keyframes visual-blink{50%{opacity:.2}}@keyframes icon-drive{0%,12%{transform:translate(0)}80%,to{transform:translate(145px)}}@keyframes icon-ping{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes coffee-drop{0%,15%,to{opacity:.8;transform:translate(0)}60%,80%{opacity:.1;transform:translate(50px,24px)}}@keyframes milk-drop{0%,15%,to{opacity:.8;transform:translateY(0)}60%,80%{opacity:.1;transform:translateY(29px)}}@keyframes banana-drop{0%,15%,to{opacity:.8;transform:translate(0)}60%,80%{opacity:.1;transform:translate(-51px,22px)}}@keyframes icon-check{0%,25%{opacity:.2;transform:scale(.8)}50%,to{opacity:1;transform:scale(1)}}@keyframes icon-sun{to{transform:rotate(360deg)}}@keyframes icon-breathe{50%{opacity:.5;transform:translateY(-2px)}}@keyframes icon-ring{0%,25%,to{transform:rotate(0)}5%,15%{transform:rotate(12deg)}10%,20%{transform:rotate(-12deg)}}@keyframes icon-transfer{0%{opacity:0;transform:translate(-5px)}50%{opacity:1}to{opacity:0;transform:translate(9px)}}@media (prefers-reduced-motion:reduce){.oak-show *{transition:none!important;animation:none!important}.scan-line{top:70%}}@media (max-width:1050px){.show-player{grid-template-columns:260px minmax(0,1fr)}.case-list button{gap:10px;padding:12px 9px}.case-icon{width:35px;height:35px}.show-stage,.category-2 .show-stage{grid-template-columns:1fr}.quick-dialog{max-width:none}}@media (max-width:1000px){.case-arrow{display:none}}@media (min-width:701px) and (max-width:1000px){.quick-action{min-height:0}.icon-play{height:65px}.quiz-flow{flex-direction:row}.quiz-flow>div:last-child{text-align:left}}@media (min-width:701px) and (max-width:900px){.quick-dialog{font-size:26px}}@media (max-width:700px){.oak-show{padding:104px 14px 24px}.show-heading{margin-bottom:36px;padding:0 6px}.show-heading h1{font-size:32px;line-height:1.15}.show-heading .how-intro{max-width:340px;font-size:19px;line-height:1.55}.show-heading .how-support{max-width:310px}.how-break{display:none}.show-categories{gap:32px}.show-category-heading{gap:12px;margin-bottom:16px;padding:0 4px}.show-category-heading>span{padding-top:6px}.show-category-heading h2{font-size:25px}.show-player{border-radius:19px;grid-template-columns:minmax(0,1fr)}.case-rail{border-bottom:1px solid #cbd5c312;border-right:0;grid-area:1/1;padding:12px;display:block}.case-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.case-highlight{width:calc(50% - 4px);left:calc(var(--case-col) * (50% + 4px));top:calc(var(--case-row) * 104px)}.case-list button{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:11px 12px}.case-icon,.case-list button[aria-pressed=true] .case-icon{width:28px;height:28px;box-shadow:none;background:0 0;border:0}.case-text small{display:none}.case-text strong{line-height:1.2}.case-list button[aria-pressed=true] .case-text{transform:none}.show-stage,.category-2 .show-stage{grid-area:2/1;grid-template-columns:1fr;gap:18px;min-height:0;padding:24px 16px}.quick-dialog{overflow-wrap:break-word;min-height:102px;font-size:27px;line-height:1.25}.quick-action{min-height:118px}.quick-pill{gap:9px;padding:14px 12px}.quick-symbol{width:28px;height:28px}.quick-outcome{min-height:82px;padding:12px 0 0}.icon-play{height:70px;margin-bottom:5px}.workflow-art{height:280px;padding:12px}.visual-top{letter-spacing:0;flex-wrap:wrap;gap:6px;padding:12px;line-height:1.4}.visual-top>span:last-child{display:none}.workflow-detail{align-items:center;min-height:70px;line-height:1.45;display:grid}.document-paper{max-width:calc(100% - 24px)}.document-paper strong{margin-bottom:9px}.document-found{text-align:center;max-width:100%;line-height:1.35}.quiz-flow{gap:14px}.show-controls{grid-area:3/1;padding:12px 16px}.case-playback{gap:5px}.show-bottom p{font-size:16px}.show-bottom .button{min-height:48px}.show-bottom small{padding:0 4px}}@media (max-width:360px){.oak-show{padding-left:10px;padding-right:10px}.show-heading h1{font-size:30px}.case-rail{padding:10px}.case-list button{gap:8px;padding:10px}.show-stage,.category-2 .show-stage{padding:22px 14px}.document-paper{width:190px}}
