@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#f7f3e9;background:#101116;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}.serif{font-family:'Playfair Display',Georgia,serif}#app{min-height:100vh}.shell{max-width:520px;margin:auto;min-height:100vh;background:#17191f;padding-bottom:94px;box-shadow:0 0 80px #0009}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#17191fea;backdrop-filter:blur(16px);min-height:68px}.brand{font-weight:700;letter-spacing:.22em;font-size:11px;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:8px}.iconbtn,.chip,.ghost{border:1px solid #ffffff30;background:#ffffff0b;color:#f7f3e9;border-radius:999px;min-height:40px;padding:0 13px}.iconbtn{min-width:40px;padding:0}.iconbtn:focus-visible,.chip:focus-visible,.ghost:focus-visible,.place:focus-visible,.story-card:focus-visible,.primary:focus-visible{outline:3px solid #d8be8c;outline-offset:3px}.page{padding:12px 18px 30px}.eyebrow{color:#d3b98d;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700}.page h1{font:600 38px/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:13px 0 13px}.lead{color:#d9d3cc;line-height:1.5}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 12px}.section-title h2{font:600 25px/1.2 'Playfair Display',Georgia,serif;margin:0}.muted{color:#a9b5a9;font-size:13px}.place-list{display:grid;gap:11px}.place{position:relative;display:block;width:100%;height:148px;border:0;border-radius:17px;overflow:hidden;text-align:left;color:white;background:#333239;padding:0;box-shadow:0 10px 30px #0003}.place img,.story-card img,.story-card video,.benefit-card img{width:100%;height:100%;object-fit:cover;display:block}.place::after,.story-card::after,.benefit-card::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0c10ba,#0b0c101a 70%),linear-gradient(0deg,#0b0c1072,transparent 65%);pointer-events:none}.place .label{position:absolute;left:17px;bottom:17px;z-index:1;max-width:80%}.place strong{font:600 26px/1.05 'Playfair Display',Georgia,serif;display:block;text-shadow:0 2px 8px #0008}.place small{display:block;margin-top:6px;color:#e5e7df}.place .arrow{position:absolute;right:17px;bottom:20px;z-index:1;font-size:23px}.hero{height:390px;position:relative;margin:-12px -18px 0;background:#26252a}.hero img{width:100%;height:100%;object-fit:cover}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17191f 0%,#17191f08 70%)}.hero-content{position:absolute;bottom:25px;left:20px;right:20px;z-index:1}.hero h1{font-size:43px;margin:0 0 9px;text-shadow:0 3px 18px #0008}.hero p{max-width:300px;color:#edf1e9;margin-bottom:15px}.hero-actions{display:flex;gap:9px;align-items:center}.primary{background:#d8b986;border:0;color:#15231d;border-radius:999px;padding:14px 22px;font-weight:700;min-height:48px}.primary:disabled{opacity:.55}.secondary{background:#ffffff22;color:#fff;border:1px solid #ffffff65;border-radius:999px;padding:12px 17px;min-height:46px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.story-card{height:196px;position:relative;border:0;border-radius:15px;overflow:hidden;text-align:left;color:#fff;background:#302e35;padding:0}.story-card:first-child{grid-column:1/-1;height:278px}.story-card .text{position:absolute;bottom:14px;left:14px;right:12px;z-index:1}.story-card strong{display:block;font:600 22px/1.1 'Playfair Display',Georgia,serif}.story-card:not(:first-child) strong{font-size:18px}.story-card small{display:block;margin-top:8px;color:#eee}.story-card .play{display:inline-grid;place-items:center;width:47px;height:47px;margin-bottom:16px;background:#ffffffdb;color:#252229;border-radius:50%;font-size:20px}.badge{display:inline-block;border-radius:999px;background:#f4eee7e8;color:#25232a;font-size:11px;padding:5px 9px;font-weight:700}.benefit-card{height:176px;width:100%;position:relative;overflow:hidden;border:0;background:#34313a;color:white;border-radius:17px;text-align:left;margin-bottom:11px;padding:0}.benefit-card .text{position:absolute;left:16px;bottom:15px;z-index:1}.benefit-card strong{font:600 25px 'Playfair Display',Georgia,serif;display:block}.bottomnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;height:74px;background:#181b21eb;backdrop-filter:blur(16px);display:flex;justify-content:space-around;align-items:center;z-index:25;border-top:1px solid #ffffff20;padding-bottom:env(safe-area-inset-bottom)}.bottomnav button{background:none;border:0;color:#b2bfb5;font-size:11px;display:grid;gap:5px;justify-items:center;min-width:90px}.bottomnav button span{font-size:21px}.bottomnav .active{color:#e2bf87}.backline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.back{background:none;border:0;color:#e6d6b9;padding:7px 0;font-size:14px}.info-card{background:#24262d;border:1px solid #ffffff17;border-radius:18px;padding:18px;margin-top:16px}.info-card h2{font:600 24px 'Playfair Display',Georgia,serif}.detail-hero{height:290px;margin:-12px -18px 20px;position:relative}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17191f,transparent 70%)}.detail-hero h1{position:absolute;bottom:0;left:18px;z-index:1;margin:0}.listrow{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ffffff1e}.pill{border:1px solid #d6bb8d;color:#e9ce9e;border-radius:20px;padding:6px 12px;font-size:12px}.demo{font-size:11px;color:#d7b883;letter-spacing:.08em;text-transform:uppercase}.qr{width:192px;height:192px;margin:20px auto;display:grid;place-items:center;background:#fff;color:#252229;border-radius:8px;font-weight:700;letter-spacing:.1em}.modal-back{position:fixed;inset:0;z-index:50;background:#000a;display:grid;place-items:center;padding:18px}.modal{background:#f0e9d9;color:#252229;border-radius:24px;max-width:430px;width:100%;padding:24px;box-shadow:0 20px 60px #0008}.modal h2{font:600 29px 'Playfair Display',Georgia,serif}.modal p{line-height:1.5}.modal .primary{width:100%}.modal .ghost{color:#30292b;border-color:#30292b55;width:100%;margin-top:9px}.player{position:fixed;z-index:40;inset:0;background:#090a0e;color:#fff;display:flex;justify-content:center}.player-inner{position:relative;width:min(100%,560px);height:100%;background:#17191f;overflow:auto}.player-media{height:100%;position:relative;background:#101116}.player-media video,.player-media img{width:100%;height:100%;object-fit:cover}.player-media .shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 55%,#0006)}.player-head{position:absolute;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:2}.player-head button{color:white;background:#0007;border:1px solid #fff5;border-radius:50%;height:42px;width:42px}.player-content{position:absolute;bottom:24px;left:20px;right:20px;z-index:2}.player-content h2{font:600 32px 'Playfair Display',Georgia,serif;margin-bottom:7px}.caption{border:0;background:none;color:#fff;text-align:left;padding:0;line-height:1.45;font-size:15px;max-width:90%}.caption strong{color:#e5c993}.social{display:flex;gap:14px;margin-top:16px}.social button{border:0;background:#0007;color:white;border-radius:22px;padding:8px 12px}.player.expanded .player-media{height:34vh;min-height:230px}.player.expanded .player-content{position:static;background:#17191f;padding:22px 20px 60px}.player.expanded .player-content h2{font-size:29px}.player.expanded .caption{max-width:none}.player.expanded .detail-body{display:block}.detail-body{display:none;line-height:1.65;color:#dae2d7;margin-top:10px}.player.expanded .player-media .shade{background:linear-gradient(0deg,#17191f,transparent 50%)}.player.expanded .player-content .caption{display:none}.player.expanded .player-media{cursor:pointer}.player.expanded .player-head{position:fixed;max-width:520px;margin:auto}.player .video-note{position:absolute;top:50%;left:20px;right:20px;text-align:center;transform:translateY(-50%);background:#090a0ecc;border-radius:15px;padding:20px}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:70;background:#e8d6b3;color:#221e1c;border-radius:14px;padding:12px 18px;box-shadow:0 8px 35px #0008;max-width:90%;text-align:center}.onboarding{position:fixed;inset:0;z-index:80;background:#15161b;display:grid;place-items:center}.onboarding .slide{width:min(100%,520px);height:100%;position:relative;display:flex;align-items:end;background:#201e24}.onboarding img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.onboarding .slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17191f 10%,transparent 65%)}.onboarding .copy{position:relative;z-index:1;padding:30px;width:100%;padding-bottom:58px}.onboarding h1{font:600 46px/1.05 'Playfair Display',Georgia,serif;margin-bottom:12px}.onboarding p{font-size:16px;line-height:1.5}.onboarding button{width:100%;margin-top:9px}.map-panel{height:190px;background:#343138 url('/assets/mapa-demo.png') center/cover;border-radius:16px;margin:20px 0}.field{display:grid;gap:7px;margin:14px 0}.field input,.field select{width:100%;background:#292b32;border:1px solid #ffffff32;border-radius:12px;padding:12px;color:white}.small{font-size:12px;line-height:1.45;color:#c5bbb2}.hide{display:none!important}@media(min-width:700px){body{background:radial-gradient(circle at 20% 20%,#383138,#0b0c10 60%)}.shell{border-left:1px solid #ffffff20;border-right:1px solid #ffffff20}.player{background:#05060ae9}.player-inner{box-shadow:0 0 50px #000a}}

.onboarding .map-slide img{opacity:.95;object-fit:cover}.onboarding .map-slide:after{background:linear-gradient(0deg,#17191f 0%,#17191fe8 18%,transparent 53%,#17191f99 100%)}.map-stops{position:absolute;inset:0;z-index:1}.map-stops span{position:absolute;background:#fff;color:#222127;border-radius:12px;padding:7px 10px;box-shadow:0 5px 15px #0004;font-size:12px;font-weight:700;line-height:1.2}.map-stops small{color:#617c99;font-weight:500}.map-slide .copy{padding-bottom:42px}.map-slide .copy h1{font-size:40px}.map-slide .copy p{margin-bottom:10px}

.player-media.intro{background:#1b1d24}.player-media.intro video{object-fit:contain}.center-play{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);z-index:2;width:64px;height:64px;border:1px solid #ffffff95;border-radius:50%;background:#0d0e12a8;color:#fff;font-size:26px;opacity:.6}.center-play:hover,.center-play:focus-visible{opacity:1}.player.expanded .center-play{top:50%}

.area-home{position:absolute;top:16px;left:18px;z-index:2;display:flex;align-items:center;gap:7px;border:1px solid #ffffff70;border-radius:999px;background:#101116aa;backdrop-filter:blur(12px);color:#fff;padding:9px 14px;font-size:13px;font-weight:700;box-shadow:0 5px 18px #0005}.area-home:hover{background:#17191fe8}.area-home:focus-visible{outline:3px solid #d8be8c;outline-offset:3px}

/* The approved v7 location screen is the visual source for the demo. */
.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}
.onboarding .approved-map-slide{display:block;background:#f5f3ee url('/assets/prvni-spusteni-v7.png') 50% 40%/331.03% 110.82% no-repeat;overflow:hidden}
.onboarding .approved-map-slide::after{display:none}
.map-hit{position:absolute;z-index:2;border:0;background:transparent;color:transparent;padding:0;border-radius:12px}
.map-hit:focus-visible{outline:3px solid #087f9a;outline-offset:2px;background:#ffffff40}
.map-hit.staromak{left:56%;top:25.1%;width:41.5%;height:7.5%}
.map-hit.most{left:3.4%;top:35.5%;width:43%;height:7.5%}
.map-hit.karlova{left:61%;top:50.8%;width:37%;height:7.5%}
.map-hit.kampa{left:2.6%;top:58.4%;width:42%;height:7.5%}
.map-hit.allow-location{left:9%;top:83.7%;width:82%;height:6.9%;border-radius:999px}
.map-hit.skip-location{left:20%;top:91%;width:60%;height:7%;border-radius:999px}

.home-page h1{margin:8px 0 19px}
.home-page .place-list{gap:5px}
.home-page .place{height:108px;border-radius:9px}
.home-page .place strong{font-family:'DM Sans',Arial,sans-serif;font-size:25px;font-weight:800}

.player-inner{overscroll-behavior:contain}
.player-media{transition:height .24s ease}
.caption-toggle{display:block;position:relative;width:100%;max-width:100%;border:0;background:none;color:#fff;text-align:left;padding:0 28px 0 0;line-height:1.45;font-size:15px;cursor:pointer}
.caption-toggle .caption-arrow{position:absolute;right:0;bottom:0;color:#e5c993;font-size:23px;line-height:1}
.caption-toggle .caption-return{display:none}
.player.expanded .player-content{min-height:calc(100dvh - max(34vh,230px));padding-bottom:calc(70px + env(safe-area-inset-bottom))}
.player.expanded .caption-toggle{position:sticky;top:12px;z-index:5;display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:calc(100% - 52px);min-height:32px;margin:0 0 16px auto;padding:5px 12px;border:1px solid #ffffff5c;border-radius:999px;background:#272932f0;box-shadow:0 4px 15px #0005;font-size:12px;font-weight:700}
.player.expanded .caption-toggle .caption-copy{display:none}
.player.expanded .caption-toggle .caption-return{display:inline}
.player.expanded .caption-toggle .caption-arrow{position:static;display:inline-block;transform:rotate(180deg);font-size:17px;line-height:.8}
.player.expanded .detail-body{margin-top:0}
.player.expanded .social{margin-top:22px}
.caption-toggle:focus-visible{outline:3px solid #d8be8c;outline-offset:4px}