#fika-demo{--fika-paper:#f6f3e9;--fika-ink:#202820;--fika-orange:#df562f;--fika-green:#285549;max-width:1100px;margin-inline:auto;text-align:left;color:var(--fika-ink)}
#fika-demo *{box-sizing:border-box}#fika-demo button{font-family:inherit;cursor:pointer;transition:background .18s,color .18s,transform .18s}#fika-demo button:focus-visible,#fika-demo summary:focus-visible{outline:3px solid var(--fika-orange);outline-offset:4px}#fika-demo button:disabled{cursor:default}#fika-demo .fika-heading-text:focus{outline:none}
.fika-case{border:1px solid #c9cbbd;background:#fcfaf2;box-shadow:0 14px 36px #20282008;border-radius:8px;overflow:hidden}
.fika-case-header{padding:24px 30px;border-bottom:1px dashed #bec6b5;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f0f0e5}.fika-case-brand{display:flex;align-items:center;gap:20px}.fika-wordmark{font:42px/.9 Georgia,serif;letter-spacing:-.07em}.fika-case-label{font:9px/1.6 var(--mono,monospace);letter-spacing:.1em;white-space:pre-line;border-left:1px solid #b8c1ad;padding-left:20px}.fika-header-note{font:italic 16px Georgia,serif;color:var(--fika-green)}.fika-eyebrow{font:9px/1.65 var(--mono,monospace);letter-spacing:.075em;text-transform:uppercase}.fika-progress{display:flex;gap:35px;list-style:none;margin:0;padding:15px 30px;border-bottom:1px solid #d4d8ca;background:#f7f6ee;font:10px var(--mono,monospace);color:#62695d}.fika-progress li{padding:5px 0;border-bottom:2px solid transparent}.fika-progress li[aria-current]{color:#ab3e20;border-bottom-color:var(--fika-orange)}.fika-step-done{color:var(--fika-green)}
.fika-case-body{display:grid;grid-template-columns:260px minmax(0,1fr)}.fika-case-body.fika-intro-body{grid-template-columns:1fr}.fika-panel{padding:34px 36px;min-width:0}.fika-heading-text{font:normal 34px/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 13px}.fika-instruction{font-size:13px;line-height:1.8;color:#535e50;margin:0 0 22px}.fika-small{font-size:10px;line-height:1.7;color:#67705f;margin:12px 0 0}.fika-brief{text-align:center;max-width:710px;margin:auto;padding:42px 40px}.fika-brief>.fika-heading-text{font-size:70px;margin:18px 0}.fika-brief-intro{font:21px/1.55 Georgia,serif;max-width:520px;margin:auto}.fika-cast{display:flex;justify-content:center;gap:48px;margin:30px 0}.fika-cast>div{display:flex;flex-direction:column;align-items:center}.fika-cast strong{font-size:13px;font-weight:500;margin-top:9px}.fika-cast>div>span:last-child{font-size:10px;color:#62695d}.fika-cast .fika-avatar{width:48px;height:48px;font-size:18px}.fika-brief .fika-instruction{max-width:490px;margin:0 auto 23px}.fika-avatar{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#dfe8cf;color:#285549;font:13px var(--serif,Georgia,serif)}.fika-avatar-closing{background:#f1dcc9;color:#874526}.fika-avatar-manager{background:#e0e0ec;color:#534c72}
.fika-notebook{padding:28px 24px;background:linear-gradient(#d5dac632 1px,transparent 1px) 0 0/100% 26px,#f0f1e5;border-right:1px dashed #b8c1ad;min-width:0}.fika-notebook-title{font:22px/1.2 Georgia,serif;letter-spacing:-.03em;margin:10px 0 24px}.fika-mission{border-bottom:1px solid #ccd2bd;padding-bottom:20px}.fika-mission p{font-size:11px;line-height:1.75;margin-top:8px}.fika-people-check{padding:18px 0;margin:0;list-style:none;display:grid;gap:8px;border-bottom:1px solid #ccd2bd}.fika-people-check li{display:flex;gap:9px;align-items:center;font-size:10px}.fika-people-check li>span:first-child{font-size:14px;color:#7b8370}.fika-people-check li>.fika-heard{color:var(--fika-green)}.fika-notes{padding-top:18px}.fika-notes summary{font:11px var(--mono,monospace);cursor:pointer;color:var(--fika-green);padding-bottom:10px}.fika-notes ol{margin:0;padding:0;list-style:none;counter-reset:clue;max-height:420px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b5bca7 transparent}.fika-notes li{counter-increment:clue;position:relative;padding:12px 0 12px 19px;border-bottom:1px solid #d4dac8}.fika-notes li:before{content:counter(clue,decimal-leading-zero);position:absolute;left:0;top:14px;color:#7a826e;font:8px var(--mono,monospace)}.fika-notes li p{font-size:11px;line-height:1.65}.fika-note-source{font:8px var(--mono,monospace);color:#6d7865;display:block;margin-top:5px}.fika-empty-notes{font:italic 13px/1.6 Georgia,serif;color:#67705f}.fika-notebook-decision{border-top:1px solid #ccd2bd;margin-top:18px;padding-top:16px}.fika-notebook-decision p{font-size:11px;margin:6px 0 14px;line-height:1.5}
.fika-character-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.fika-person-button{position:relative;border:1px solid #cbd1c0;border-radius:5px;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;padding:10px;color:var(--fika-ink);min-width:0}.fika-person-button strong,.fika-person-button small{display:block}.fika-person-button strong{font-size:12px;font-weight:500}.fika-person-button small{font-size:9px;line-height:1.5;color:#65705c;white-space:nowrap}.fika-person-button:hover{background:#eff1e6}.fika-person-button[aria-pressed=true]{background:#e7eddc;border-color:var(--fika-green);box-shadow:inset 0 -2px 0 var(--fika-green)}.fika-person-check{position:absolute;top:3px;right:5px;color:var(--fika-green);font-size:9px}.fika-conversation{height:280px;overflow:auto;overscroll-behavior:contain;background:#f2f1e8;border:1px solid #e1e2d5;border-radius:5px;padding:18px;scrollbar-width:thin;scrollbar-color:#b5bca7 transparent}.fika-conversation:focus-visible,.fika-latest:focus-visible,.fika-lens-response:focus-visible{outline:2px solid var(--fika-green);outline-offset:3px}.fika-message{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.fika-message:last-child{margin-bottom:0}.fika-bubble{background:#fffef8;border:1px solid #e4e5d8;border-radius:0 12px 12px;padding:13px 16px;max-width:100%}.fika-message-name{font:8px/1.5 var(--mono,monospace);color:#62715d;display:block;margin-bottom:7px}.fika-bubble p,.fika-your-message p{font-size:13px;line-height:1.7}.fika-your-message{margin:12px 0 18px 42px;background:var(--fika-green);color:#fffdf5;border-radius:12px 0 12px 12px;padding:12px 16px;max-width:88%;justify-self:end}.fika-your-message .fika-message-name{color:#d6e2c8}.fika-question-area{margin-top:18px}.fika-question-area>.fika-eyebrow{margin-bottom:10px;color:#62715d}.fika-question{display:flex;align-items:center;gap:10px;position:relative;border:1px solid #cbd1c0;background:#fffdf5;color:var(--fika-ink);padding:12px 15px;font-size:12px;line-height:1.6;border-radius:5px;text-align:left;width:100%;margin:8px 0}.fika-question:hover{background:#e9eedd;transform:translateX(2px)}.fika-arrow{color:var(--fika-orange);font-size:19px;margin-left:auto}.fika-followup-tag{display:block;background:#e5ebd7;color:var(--fika-green);font:7px/1.6 var(--mono,monospace);padding:3px 5px;flex-shrink:0}.fika-guidance{font-size:12px;line-height:1.7;color:#56634f}.fika-guide{border-left:2px solid #b2c49d;padding:0 0 0 14px;margin:24px 0}.fika-guide>.fika-eyebrow{color:#5c704e}.fika-guide p{font-size:11px;line-height:1.8;margin-top:6px;color:#596452}.fika-primary{background:var(--fika-green);border:1px solid var(--fika-green);color:#fffdf5;border-radius:4px;padding:12px 18px;font-size:12px;line-height:1.5}.fika-primary:hover:not(:disabled){background:#1e4037;transform:translateY(-1px)}.fika-primary:disabled{background:#e8eadd;border-color:#e0e4d3;color:#6d7664}.fika-text-button{border:0;border-bottom:1px solid #b8c1ad;background:none;color:var(--fika-green);font-size:11px;line-height:1.5;padding:3px 0}.fika-text-button:hover{color:#a54024}.fika-panel>.fika-text-button{display:block;margin-top:18px}.fika-decision-list{display:grid;gap:12px}.fika-option{position:relative;display:block;width:100%;text-align:left;border:1px solid #cbd1c0;background:#fffdf5;color:var(--fika-ink);border-radius:5px;padding:18px 38px 18px 20px}.fika-option:hover{background:#e9eedd;transform:translateX(2px)}.fika-option strong{display:block;font:23px/1.2 Georgia,serif;letter-spacing:-.02em;margin:3px 0 8px}.fika-option-detail{display:block;font-size:12px;line-height:1.7;color:#596452}.fika-option-number{font:9px var(--mono,monospace);color:#8e472b}.fika-option>.fika-arrow{position:absolute;right:16px;top:17px}.fika-reactions{margin:24px 0}.fika-time-stamp{font:10px var(--mono,monospace);display:inline-block;background:#f5dfc9;color:#8c4625;border:1px solid #d6ad86;padding:8px 12px;transform:rotate(-2deg);margin:0 0 24px}.fika-observations{margin:0 0 28px;padding:0;list-style:none;border-block:1px dashed #b8c1ad}.fika-observations li{padding:13px 0 13px 23px;position:relative;font-size:12px;line-height:1.7}.fika-observations li:before{content:'↳';position:absolute;left:0;color:var(--fika-orange)}.fika-subheading{font:24px/1.25 Georgia,serif;letter-spacing:-.025em;margin:20px 0 12px}.fika-selected{font-size:11px;color:var(--fika-green);font-weight:500;margin:18px 0 13px}.fika-reflection{padding:22px;background:#e9eddd;border-left:3px solid var(--fika-orange);margin:26px 0}.fika-reflection p{font:23px/1.4 Georgia,serif;margin-top:10px;letter-spacing:-.02em}.fika-lenses{display:flex;gap:8px;flex-wrap:wrap}.fika-lens{border:1px solid #bbc6ac;border-radius:30px;background:none;color:var(--fika-green);font-size:11px;padding:8px 14px}.fika-lens[aria-pressed=true],.fika-lens:hover{background:var(--fika-green);color:#fffdf5}.fika-lens-response{font-size:12px;line-height:1.8;margin:16px 0 25px;min-height:65px}.fika-takeaway{border-top:1px solid #cbd1c0;padding-top:20px;margin-top:24px}.fika-takeaway p{font-size:13px;line-height:1.8;margin-top:8px}.fika-ending-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}.fika-case-footer{border-top:1px dashed #bec6b5;padding:16px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.fika-case-footer p{font-size:9px;line-height:1.8;color:#69715f;max-width:510px}.fika-case-footer .fika-text-button{white-space:nowrap;font-size:10px}
@media(max-width:1000px){.fika-case-body{grid-template-columns:210px minmax(0,1fr)}.fika-notebook{padding:24px 18px}.fika-panel{padding:28px 25px}.fika-person-button{gap:7px;padding:10px 7px}.fika-person-button>.fika-avatar{display:none}.fika-brief{padding:35px;max-width:680px}}
@media(max-width:720px){.fika-case-body{grid-template-columns:1fr}.fika-notebook{grid-row:2;border-right:0;border-top:1px dashed #b8c1ad;padding:23px}.fika-notebook-title{margin:8px 0 16px}.fika-mission{display:none}.fika-people-check{display:flex;flex-wrap:wrap;gap:10px 20px;padding:0 0 15px}.fika-people-check li{font-size:9px}.fika-notes ol{max-height:220px}.fika-notes li{padding:9px 0 9px 23px}.fika-notebook-decision{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.fika-notebook-decision p{margin:0 0 8px}.fika-panel{padding:28px 24px}.fika-person-button>.fika-avatar{display:inline-flex}.fika-case-header{padding:20px 23px}.fika-header-note{font-size:13px}.fika-progress{gap:26px;padding:12px 24px}.fika-conversation{height:290px}.fika-case-footer{padding:16px 23px}.fika-case-footer p{max-width:380px}.fika-brief{padding:33px 24px;max-width:560px}}
@media(max-width:450px){.fika-case-header{padding:18px}.fika-wordmark{font-size:34px}.fika-case-brand{gap:13px}.fika-case-label{font-size:7px;padding-left:13px}.fika-header-note{display:none}.fika-brief{padding:30px 20px}.fika-brief>.fika-heading-text{font-size:52px}.fika-brief-intro{font-size:19px}.fika-cast{gap:29px;margin:26px 0}.fika-cast .fika-avatar{width:40px;height:40px}.fika-cast>div>span:last-child{font-size:9px}.fika-brief .fika-small{font-size:9px}.fika-progress{justify-content:space-between;padding:12px 18px;gap:9px;font-size:8px}.fika-panel{padding:25px 18px}.fika-heading-text{font-size:29px}.fika-instruction{font-size:12px}.fika-character-tabs{gap:5px}.fika-person-button{padding:9px 8px}.fika-person-button>.fika-avatar{display:none}.fika-person-button small{font-size:8px}.fika-person-button strong{font-size:11px}.fika-conversation{height:300px;padding:12px}.fika-message{gap:7px}.fika-message>.fika-avatar{width:24px;height:24px;font-size:10px}.fika-bubble{padding:12px}.fika-bubble p,.fika-your-message p{font-size:12px}.fika-your-message{margin-left:24px;padding:12px;max-width:92%}.fika-message-name{font-size:7px}.fika-question{font-size:11px;padding:11px 12px;flex-wrap:wrap;gap:5px}.fika-question>.fika-arrow{margin-left:auto}.fika-followup-tag{font-size:6px}.fika-question:has(.fika-followup-tag)>span:nth-child(2){flex-basis:80%}.fika-option{padding:16px 30px 16px 16px}.fika-option strong{font-size:22px}.fika-option-detail{font-size:11px}.fika-reflection{padding:18px}.fika-reflection p{font-size:21px}.fika-subheading{font-size:22px}.fika-ending-actions{gap:18px}.fika-case-footer{padding:15px 18px;align-items:start}.fika-case-footer p{font-size:8px}.fika-case-footer .fika-text-button{font-size:9px}.fika-notebook{padding:22px 18px}.fika-people-check{gap:7px 12px}.fika-people-check li{font-size:8px}}
@media(prefers-reduced-motion:reduce){#fika-demo button{transition:none}.fika-question:hover,.fika-option:hover,.fika-primary:hover:not(:disabled){transform:none}}