@font-face{font-family:Inter;src:url('./assets/inter-latin.woff2') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:Inter;src:url('./assets/inter-latin-ext.woff2') format('woff2');font-display:swap;font-weight:100 900;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F}
:root{font-family:Inter,Arial,sans-serif;color:#292832;background:#f9f8f5;font-synthesis:none;--purple:#8153b5;--line:#e3e0db;--muted:#77717d}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea,a{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #8c5acf;outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;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;top:-60px;left:20px;padding:12px;background:white;z-index:30}.skip-link:focus{top:10px}
.header{height:102px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.wordmark{font-weight:730;font-size:28px;letter-spacing:-1.5px;padding:0}.wordmark span{color:var(--purple)}nav{display:flex;gap:28px}.nav-button{font-size:13px;padding:12px 0;display:inline-flex;align-items:center;gap:10px}.nav-button:hover{color:var(--purple)}.nav-button span{font-size:18px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:550;color:var(--muted);margin:0}
.home-screen{min-height:calc(100svh - 174px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 24px 28px}.home-screen>.eyebrow{margin:0 0 -5px;z-index:1}.universe{width:min(930px,100%);height:370px;position:relative;isolation:isolate}.home-stage{position:absolute;left:50%;transform:translateX(-50%);width:350px;height:350px;top:10px}.home-stage:after{content:'';width:160px;height:26px;position:absolute;background:#4f3d4315;filter:blur(12px);border-radius:50%;bottom:14px;left:95px;z-index:-1}#character-stage{width:100%;height:100%;position:relative;pointer-events:none}#character-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .35s}#character-stage.ready canvas{opacity:1}#poster{width:100%;height:100%;object-fit:contain;transition:opacity .3s}#character-stage.ready #poster{opacity:0}#greet{position:absolute;left:16%;top:5%;width:68%;height:88%;border-radius:40%;z-index:1}.hello{position:absolute;right:4px;top:72px;background:#fff;border:1px solid var(--line);border-radius:20px 20px 20px 0;padding:12px 17px;font-size:14px;opacity:0;transform:translateY(8px);transition:all .2s;pointer-events:none}.greeting .hello{opacity:1;transform:none}
.orbit{border:1px solid #e9e5de;border-radius:50%;position:absolute;z-index:-1;pointer-events:none;left:50%;top:50%}.orbit-a{width:740px;height:218px;transform:translate(-50%,-36%) rotate(-10deg)}.orbit-b{width:540px;height:295px;transform:translate(-50%,-48%) rotate(17deg);border-color:#eeebe6}.project-orbits{position:absolute;inset:0;pointer-events:none}.planet{position:absolute;display:flex;gap:14px;align-items:center;padding:14px 17px;background:#fdfcfaf2;border:1px solid #e6e1dc;border-radius:13px;font-size:13px;letter-spacing:-.2px;white-space:nowrap;box-shadow:0 5px 15px #61554305;pointer-events:auto;animation:orbit 16s ease-in-out infinite}.project-index{font-size:9px;color:#827889;font-variant-numeric:tabular-nums;letter-spacing:0}.arrow{color:#958b9e;font-size:15px}.planet:hover,.planet:focus-visible{animation-play-state:paused;background:white;border-color:#b7a2ce;box-shadow:0 8px 25px #8c7c9e12}.p-one{left:3.5%;top:87px;animation-delay:-2s}.p-two{right:10%;top:42px;animation-delay:-5s}.p-three{right:1%;top:192px;animation-delay:-9s}.p-four{left:9%;top:250px;animation-delay:-12s}.p-five{right:12%;top:309px;animation-delay:-7s}@keyframes orbit{0%,100%{transform:translate(0,0)}25%{transform:translate(9px,-7px)}50%{transform:translate(0,-11px)}75%{transform:translate(-9px,-4px)}}
.welcome-copy{text-align:center;z-index:1;margin:12px 0 26px}h1{font-weight:450;font-size:36px;letter-spacing:-1.5px;line-height:1.2;margin:0}.mobile-break{display:none}.composer{width:min(650px,100%);display:flex;align-items:flex-end;gap:16px;padding:13px 13px 13px 23px;border:1px solid #ddd7e1;border-radius:23px;background:#fff;box-shadow:0 7px 25px #46325706;transition:box-shadow .2s,border-color .2s}.composer:focus-within{border-color:#ad8dd1;box-shadow:0 6px 30px #8655b810}.composer textarea{resize:none;overflow:auto;max-height:132px;min-height:43px;flex:1;min-width:0;padding:11px 0 9px;line-height:23px;font-size:15px;border:0;background:transparent;color:inherit;outline:none}.composer textarea:focus-visible{outline:0}.composer textarea::placeholder{color:#8e8594}.send-button{background:#8456b6;color:white;width:43px;height:43px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;transition:background .2s,transform .2s}.send-button:disabled{background:#eee9f2;color:#aaa1b5}.send-button:not(:disabled):hover{background:#6e3ba1;transform:translateY(-1px)}.service-note{color:#766e7e;font-size:11px;line-height:1.6;text-align:center;margin:14px 0 0;max-width:600px}.footer{min-height:72px;padding:12px 4.4%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#7a7280}.footer button{font-size:11px;padding:10px;border-radius:8px}.footer button:hover{background:#eeebe8}.paused .planet{animation-play-state:paused}
.chat-view .footer{display:none}.chat-screen{width:min(820px,100%);margin:auto;height:calc(var(--viewport-height,100dvh) - 102px);display:flex;flex-direction:column;padding:0 30px}.chat-heading{display:flex;align-items:center;padding:0 0 14px;gap:12px;border-bottom:1px solid var(--line);flex-shrink:0}.chat-heading h1{font-size:18px;letter-spacing:-.4px;font-weight:600}.chat-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.chat-heading>.nav-button{margin-left:auto}.chat-avatar{width:62px;height:64px;overflow:hidden}.messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:30px 0;scrollbar-width:thin;display:flex;flex-direction:column;gap:22px}.message{font-size:15px;line-height:1.65;max-width:87%;overflow-wrap:anywhere;animation:appear .3s ease}.message p{margin:0;white-space:pre-wrap}.message.user{align-self:flex-end;background:#ece5f4;padding:14px 19px;border-radius:20px 20px 5px 20px}.message.assistant{align-self:flex-start;padding:8px 0}.message.error{background:#f1edeb;border:1px solid #e5ddda;border-radius:16px;padding:18px 20px}.message.error strong{font-weight:600;font-size:14px;display:block;margin-bottom:5px}.message.error p{font-size:13px}.retry{margin-top:13px;background:white;border:1px solid #d9d0df;border-radius:9px;padding:9px 13px;font-size:12px}.typing{color:#8b56bd;font-size:13px}.typing span{display:inline-block;animation:pulse 1s ease-in-out infinite}.chat-bottom{flex-shrink:0;padding:10px 0 max(18px,env(safe-area-inset-bottom));background:#f9f8f5}.chat-bottom .composer{width:100%}.chat-bottom .service-note{font-size:10px;margin:11px auto 0;max-width:100%}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35}}
 dialog{color:inherit;width:min(500px,calc(100% - 32px));border:1px solid var(--line);border-radius:24px;padding:30px;background:#f9f8f5;box-shadow:0 25px 100px #29213526}dialog::backdrop{background:#29223235;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px}h2{font-weight:450;letter-spacing:-1px}.dialog-top h2{font-size:28px;margin:10px 0 0}.close-button{width:35px;height:35px;font-size:26px;border-radius:50%;background:#eee9e5}.project-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 2px;font-size:14px}.project-row:hover{color:var(--purple)}
.intro{position:fixed;inset:0;background:#f9f8f5;z-index:10;overflow:hidden}.intro-header{position:absolute;top:0;left:0;width:100%;height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;z-index:3}.keycap{font-size:10px!important;padding:4px 6px;border:1px solid #ded9d1;border-radius:5px;color:#7b7281}#intro-stage{position:absolute;inset:0}.story-copy{position:absolute;left:4.4%;bottom:18%;pointer-events:none;z-index:2}.story-copy h2{font-size:clamp(30px,3.4vw,52px);line-height:1.1;letter-spacing:-1.8px;margin:17px 0 13px;max-width:400px}.story-copy>p:last-child{font-size:13px;color:#7f7783;margin:0;max-width:280px;line-height:1.6}.story-bottom{position:absolute;bottom:6%;left:4.4%;right:4.4%;z-index:2}.chapters{display:flex;gap:28px;font-size:11px;color:#938b96;padding-bottom:17px}.chapters .active{color:#684092}.progress-track{height:1px;background:#dfdadf}.progress-track i{display:block;height:1px;background:#8552b9;transform-origin:left;transform:scaleX(0)}.intro.exiting{opacity:0;transition:opacity .6s}.story-copy,.story-bottom{transition:opacity .35s}.intro.finishing .story-copy,.intro.finishing .story-bottom{opacity:0}.noscript{padding:15px;text-align:center;font-size:13px}.review-controls{position:fixed;bottom:5px;left:5px;z-index:30;background:white;padding:10px;display:flex;gap:12px;font-size:12px;border:1px solid #ccc;border-radius:10px}.review-controls input{width:260px}.review-controls button{padding:4px;background:#eee}
@media(min-width:1550px){.universe{height:430px}.home-stage{width:410px;height:410px}.p-five{top:350px}.welcome-copy{margin-top:0}}
@media(max-width:900px){.universe{height:360px;max-width:740px}.home-stage{width:310px;height:330px;top:16px}.p-one{left:0;top:78px}.p-two{right:1%;top:39px}.p-three{right:0;top:201px}.p-four{left:1%;top:247px}.p-five{right:15%;top:308px}.planet{font-size:12px;padding:13px;gap:10px}.orbit-a{width:94%}.orbit-b{width:74%}.story-copy{bottom:17%}.story-copy h2{max-width:260px;font-size:32px}}
@media(max-width:600px){.header{height:76px;padding:0 22px}.wordmark{font-size:25px}nav{gap:18px}.nav-button{font-size:11px;gap:6px}nav #replay{font-size:0;gap:0}nav #replay span{font-size:24px}nav #replay:after{content:'Úvod';font-size:11px;margin-left:7px}.home-screen{min-height:calc(100svh - 142px);padding:16px 20px 24px;justify-content:flex-start}.home-screen>.eyebrow{font-size:9px;letter-spacing:2.3px;margin:4px 0 -4px}.universe{height:393px;width:100%;max-width:390px}.home-stage{width:290px;height:286px;top:0}.home-stage:after{bottom:14px;left:65px}.orbit-a{top:40%;height:160px;width:100%;transform:translate(-50%,-40%) rotate(-12deg)}.orbit-b{display:none}.project-orbits{inset:auto 0 3px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px 6px;align-content:flex-end;max-height:115px}.planet{position:static;font-size:11px;padding:10px 12px;border-radius:10px;gap:7px;animation-duration:20s}.project-index{font-size:8px}.planet .arrow{font-size:12px}.welcome-copy{margin:13px 0 23px}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.18}.mobile-break{display:block}.composer{padding:11px 11px 11px 18px;border-radius:21px;gap:10px}.composer textarea{font-size:16px}.service-note{font-size:10px;max-width:285px;margin-top:12px}.footer{min-height:66px;gap:12px;justify-content:space-between;padding:8px 20px;font-size:9px}.footer>span:last-child{display:none}.footer button{font-size:10px;padding:8px 0}.hello{right:0;top:42px}.chat-screen{height:calc(var(--viewport-height,100dvh) - 76px);padding:0 18px}.chat-heading{padding-bottom:10px;gap:8px}.chat-heading h1{font-size:16px}.chat-avatar{width:49px;height:53px}.message{font-size:14px;max-width:93%}.messages{padding-top:23px;gap:18px}.chat-bottom{padding-top:8px}.chat-bottom .service-note{font-size:9px}.intro-header{height:76px;padding:0 22px}.intro-header .nav-button{font-size:11px}.keycap{display:none}.story-copy{left:25px;right:25px;top:107px;bottom:auto}.story-copy h2{font-size:32px;letter-spacing:-1px;max-width:100%;margin:12px 0 9px}.story-copy .eyebrow{font-size:9px}.story-copy>p:last-child{font-size:12px;max-width:100%}.story-bottom{left:25px;right:25px;bottom:7%}.chapters{gap:0;justify-content:space-between;font-size:9px}.review-controls input{width:145px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.story-copy{top:92px;bottom:auto}.story-copy h2{max-width:425px;margin:10px 0 8px}@media(max-width:600px){.story-copy{top:84px;bottom:auto}.story-copy h2{max-width:100%;margin:8px 0 7px}}
@keyframes orbit-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:600px){.universe{height:430px}.planet{min-height:44px;animation-name:orbit-mobile}.project-orbits{max-height:150px;gap:7px 9px}}

/* The landing screen introduces the agent and links only its two systems. */
.universe{width:100%;height:350px;max-width:650px}.home-stage{top:0}.welcome-copy{margin:8px 0 24px}.system-intro{margin:4px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}.system-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 3px;color:#71429f;font-weight:550;text-decoration:underline;text-decoration-color:#cbb7df;text-underline-offset:5px;text-decoration-thickness:1px;border-radius:4px}.system-link span{font-size:12px;text-decoration:none}.system-link:hover{color:#50287c;text-decoration-color:currentColor}.welcome-question{font-size:21px;font-weight:400;letter-spacing:-.4px;margin:13px 0 0}.home-screen>.service-note{max-width:100%}
@media(min-width:1550px){.universe{height:410px}}
@media(max-width:900px){.universe{height:340px}}
@media(max-width:600px){.home-screen{justify-content:center;padding-top:8px}.universe{height:286px;flex-shrink:0}.welcome-copy{margin:6px 0 23px}.welcome-copy h1{font-size:28px;letter-spacing:-1px}.system-intro{font-size:14px;margin-top:3px}.welcome-question{font-size:19px;margin-top:10px}.home-screen>.service-note{max-width:310px}.home-stage:after{left:65px}}

/* Centered episode gallery: the active chapter is larger, with a real range control. */
.story-gallery{width:100%;max-width:1000px;min-width:0;margin:66px 0 14px;text-align:center}
.story-gallery-heading .eyebrow{font-size:11px;letter-spacing:2.5px}.story-gallery-heading h2{font-size:34px;margin:12px 0 10px;font-weight:450}.story-gallery-heading>p:last-child{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 20px}
.story-track{--episode-width:280px;position:relative;display:flex;align-items:center;gap:20px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;padding:16px calc((100% - var(--episode-width))/2) 22px;margin:0;touch-action:pan-x pan-y}
.story-track::-webkit-scrollbar{display:none}.story-card{flex:0 0 var(--episode-width);min-width:0;scroll-snap-align:center;transform:scale(.84);opacity:.62;transition:transform .55s cubic-bezier(.22,.7,.25,1),opacity .45s;transform-origin:center center}.story-card.is-active{transform:scale(1);opacity:1}
.episode-frame{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#261f2d;border:1px solid #cec2d7;box-shadow:0 6px 18px #291c3910;transition:box-shadow .45s,border-color .45s}.is-active .episode-frame{border-color:#9c76c6;box-shadow:0 12px 28px #6f3b9f22}
.episode-frame video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:9/16}.episode-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff90;color:white;background:#42215da8;backdrop-filter:blur(8px);box-shadow:0 5px 20px #0002}.episode-play:hover{background:#714099e8}.episode-play span{font-size:23px;line-height:1;margin-left:4px}.story-card h3{margin:17px 0 0;font-size:18px;font-weight:500;letter-spacing:-.3px}.is-active h3{color:#704397}.episode-error{font-size:14px;line-height:1.5;padding:10px;color:#7e3153;text-decoration:underline}
.story-navigation{display:flex;align-items:center;gap:17px;width:min(580px,100%);margin:4px auto 0;padding:0 6px}.story-nav{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid #dfd4e8;border-radius:50%;background:#fff;color:#704397;font-size:29px;line-height:1}.story-nav:hover:not(:disabled){background:#eee5f6}.story-nav:disabled{opacity:.3;cursor:default}#story-slider{appearance:none;flex:1;min-width:0;height:44px;background:transparent;cursor:pointer;margin:0}#story-slider::-webkit-slider-runnable-track{height:4px;background:#ded1e9;border-radius:4px}#story-slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:4px solid #f9f8f5;border-radius:50%;background:#8456b6;box-shadow:0 0 0 1px #8456b650;margin-top:-9px}#story-slider::-moz-range-track{height:4px;background:#ded1e9;border-radius:4px}#story-slider::-moz-range-thumb{width:16px;height:16px;border:3px solid #f9f8f5;border-radius:50%;background:#8456b6}#story-counter{font-size:13px;color:#766380;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:52px}#story-status{margin:13px 0 0;color:#766e7e;font-size:14px;line-height:1.5;min-height:21px}.story-gallery.is-empty .story-navigation{display:none}
@media(max-width:600px){.story-gallery{margin-top:45px}.story-gallery-heading h2{font-size:29px}.story-gallery-heading>p:last-child{font-size:14px}.story-track{gap:14px;padding-top:12px}.story-card{transform:scale(.86);opacity:.56}.story-card.is-active{transform:scale(1);opacity:1}.episode-frame{border-radius:19px}.story-navigation{gap:10px}.story-gallery-heading .eyebrow{font-size:10px}.story-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.story-card,.episode-frame{transition:none}}