:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263c2e;background:#f6f4eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--green:#315f3e;--green-dark:#24482e;--green-soft:#e3ecd8;--cream:#f6f4eb;--orange:#dc8b56;--ink:#263c2e;--muted:#718071;--line:#e2e5d9}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-width:320px;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{min-height:100svh;max-width:1440px;margin:0 auto;padding:0 clamp(20px,5.5vw,80px);display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(74,98,66,.12);flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;text-decoration:none;font-weight:600;letter-spacing:-.15px}.brand b{display:block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:900;font-size:15px}.brand-mark{width:37px;height:37px;border-radius:13px;background:#dce9cd;color:var(--green);display:grid;place-items:center}.topbar-note{display:flex;align-items:center;gap:8px;color:#74806e;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#7fa568;box-shadow:0 0 0 4px #e5ecd9}.video-screen{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,6vw,86px);align-items:center;flex:1;padding:clamp(32px,5vh,62px) 0 46px;min-height:570px}.video-copy{max-width:475px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.55px;font-weight:800;color:#5d8151}.video-copy h1,.finish-copy h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(40px,4.8vw,65px);line-height:1.08;letter-spacing:-2.6px;font-weight:900;margin:20px 0 18px;color:#263c2e}.video-copy h1 em,.finish-copy h1 em{font-style:normal;color:#62854d}.lead{font-size:16px;line-height:1.75;color:#657363;max-width:400px;margin:0}.watch-hint{display:flex;align-items:center;gap:11px;max-width:340px;margin:25px 0 26px;color:#52664f;font-size:12px;line-height:1.55}.hint-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e0ead4;color:var(--green);flex-shrink:0}.video-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;min-height:49px;padding:0 21px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.answer-option:focus-visible,.back-link:focus-visible,.restart-link:focus-visible{outline:3px solid #d7a64e;outline-offset:3px}.button-primary{background:var(--green);color:#fff;box-shadow:0 7px 17px #315f3e22}.button-primary:hover{background:var(--green-dark);box-shadow:0 9px 20px #315f3e30}.button-secondary{background:#e3ecd8;color:var(--green)}.button-small{min-height:42px;font-size:12px}.time-note{font-size:11px;color:#84907f}.video-column{width:100%;max-width:670px;justify-self:end;position:relative;z-index:1}.video-frame{position:relative;border-radius:24px;background:#dce7ce;padding:9px;box-shadow:0 24px 55px #374c2c1f;transform:rotate(.5deg)}.video-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#253c2d;border-radius:17px;overflow:hidden}.video-unavailable{position:absolute;inset:9px;border-radius:17px;background:#f5f2e5ed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:20px;color:var(--ink)}.unavailable-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e0ead4;color:var(--green)}.video-unavailable b{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}.video-unavailable>span:not(.unavailable-icon){font-size:12px;color:#718071;line-height:1.5}.video-unavailable code{background:#e7e8dc;padding:2px 4px;border-radius:4px;font-size:11px}.video-caption{display:flex;justify-content:space-between;gap:10px;margin:15px 4px 0;color:#8a9485;font-size:10px}.video-caption span:first-child{display:flex;align-items:center;gap:7px;color:#5f7657;font-weight:700}.caption-dot{width:6px;height:6px;border-radius:50%;background:#8baa70}.video-decoration{position:absolute;font-size:42px;color:#d8a84b;opacity:.8}.decor-one{top:12%;left:44%}.decor-two{bottom:13%;right:-20px;color:#87a76c;font-size:52px}.site-footer{min-height:52px;border-top:1px solid rgba(74,98,66,.12);display:flex;align-items:center;justify-content:space-between;color:#899284;font-size:10px;gap:10px}.footer-heart{color:#d98263;margin-left:3px}.quiz-screen{flex:1;display:flex;flex-direction:column;padding:27px 0 16px;min-height:0}.quiz-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.back-link{border:0;background:transparent;color:#72816f;display:inline-flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;padding:8px 0}.quiz-counter{font-size:10px;letter-spacing:1.1px;color:#859080;font-weight:700}.quiz-counter b{color:var(--green);font-size:13px}.progress-track{height:5px;border-radius:99px;background:#e5e8dc;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:#80a46a;transition:width .35s ease}.quiz-content{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(30px,7vw,94px);align-items:center;max-width:1000px;width:100%;margin:auto;flex:1;padding:24px 0}.question-art{position:relative;aspect-ratio:1;max-width:320px;width:100%;margin:auto;border-radius:45% 55% 54% 46%/52% 44% 56% 48%;background:#e4edd8;display:grid;place-items:center;animation:floatIn .5s ease both}.question-emoji{font-size:clamp(80px,10vw,130px);filter:drop-shadow(0 12px 8px #3b59301b);animation:emojiPop .35s ease both}.art-spark{position:absolute;color:#dba44b;font-size:30px}.spark-a{top:14%;left:19%}.spark-b{bottom:20%;right:15%;font-size:23px;color:#88a76d}.art-leaf{position:absolute;bottom:14%;left:18%;color:#7fa16c;transform:rotate(-28deg)}.question-body{max-width:590px;width:100%;margin:0 auto}.question-body h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(27px,3.1vw,39px);line-height:1.16;letter-spacing:-1.1px;margin:12px 0 9px;color:#263c2e;animation:fadeUp .3s ease both}.question-intro{font-size:13px;color:#798675;line-height:1.5;margin:0 0 22px}.answer-list{display:flex;flex-direction:column;gap:10px}.answer-option{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;text-align:left;border:1px solid #e0e5d8;background:#fffef9;border-radius:14px;padding:10px 14px;color:#3b4c3a;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,opacity .18s ease;box-shadow:0 3px 8px #344a3010}.answer-option:hover:not(:disabled){border-color:#9db68c;transform:translate(3px)}.option-letter{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eff2e8;color:#718168;font-size:11px;font-weight:800;flex-shrink:0}.option-text{font-size:13px;font-weight:600;line-height:1.4;flex:1}.option-state{color:#a1ad9b;display:grid;place-items:center;flex-shrink:0}.answer-option.is-disabled{background:#f1f0eb;border-color:#e8e5de;opacity:.55;cursor:not-allowed;box-shadow:none}.answer-option.is-disabled .option-letter{background:#e7e4dc;color:#a6a49b}.answer-option.is-disabled .option-text{text-decoration:line-through;text-decoration-color:#b4b1a8}.cross{font-size:22px;line-height:1}.answer-option.is-wrong{border-color:#d77d69;background:#fff0eb;animation:shake .3s ease}.answer-option.is-wrong .option-letter{background:#f4d1c7;color:#a24b3b}.answer-option.is-wrong .option-state{color:#b65443}.answer-option.is-correct{border-color:#82a76e;background:#e9f2e1;color:#315b37;animation:correctPop .3s ease}.answer-option.is-correct .option-letter{background:#d1e4c3;color:#315b37}.answer-option.is-correct .option-state{color:#46764a}.feedback{min-height:0;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;border-radius:11px;margin-top:0;max-height:0;overflow:hidden;opacity:0;transition:opacity .2s ease,margin .2s ease,padding .2s ease,max-height .2s ease}.feedback-visible{max-height:90px;opacity:1;margin-top:12px;padding:10px 12px}.feedback-wrong{background:#fff0eb;color:#a04e40}.feedback-correct{background:#e6efde;color:#3e6b43}.feedback-symbol{font-weight:900;flex-shrink:0}.next-button{margin-top:12px;min-height:44px}.quiz-footnote{display:flex;justify-content:center;align-items:center;gap:8px;color:#879280;font-size:11px;padding:8px 0 0}.page-enter{animation:fadeUp .35s ease both}.finish-screen{flex:1;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:35px;padding:35px 0 42px;min-height:560px}.finish-copy{max-width:610px}.finish-badge{display:inline-flex;align-items:center;gap:7px;border-radius:99px;background:#e2edd8;color:#4c7544;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.7px}.finish-copy h1{font-size:clamp(37px,4.6vw,59px);margin:19px 0 15px}.finish-copy>p{font-size:15px;line-height:1.7;color:#738071;max-width:450px}.finish-facts{display:flex;gap:clamp(12px,2.5vw,28px);margin:27px 0 29px;flex-wrap:wrap}.finish-facts>div{display:grid;gap:4px;min-width:105px}.finish-facts>div>span{font-size:24px;margin-bottom:4px}.finish-facts b{font-size:12px}.finish-facts small{font-size:10px;color:#879183}.download-button{min-height:53px}.restart-link{display:flex;align-items:center;gap:7px;margin-top:16px;border:0;padding:5px 0;background:none;color:#7d8978;font-size:12px;cursor:pointer}.finish-art-wrap{position:relative;max-width:440px;width:100%;justify-self:center}.finish-art-circle{aspect-ratio:1;border-radius:50%;background:#e5edd9;display:grid;place-items:center;padding:15px}.hotel-art{width:100%;height:auto;overflow:visible}.hotel-art--compact{max-width:200px}.finish-sticker{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fffdf5;box-shadow:0 8px 22px #32472d15;font-size:27px}.sticker-bee{top:12%;right:5%;transform:rotate(12deg)}.sticker-flower{bottom:17%;right:0;transform:rotate(-10deg)}.sticker-leaf{top:32%;left:-4%;transform:rotate(-12deg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes emojiPop{0%{opacity:0;transform:scale(.7) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes correctPop{0%{transform:scale(.99)}60%{transform:scale(1.01)}to{transform:scale(1)}}@media(min-width:1200px){.video-screen{padding-top:54px;padding-bottom:54px}.quiz-screen{padding-top:35px}.quiz-content{padding:35px 0}.finish-screen{padding-top:50px;padding-bottom:55px}}@media(max-width:800px){.app-shell{padding:0 25px}.video-screen{grid-template-columns:1fr;gap:30px;padding:34px 0 30px;min-height:unset}.video-copy{max-width:620px}.video-copy h1{font-size:clamp(42px,8vw,59px);margin-top:15px}.lead{max-width:520px}.watch-hint{margin:18px 0}.video-column{max-width:650px;justify-self:center}.video-decoration{display:none}.video-caption{margin-top:11px}.site-footer{min-height:48px}.quiz-content{grid-template-columns:.58fr 1fr;gap:25px}.question-art{max-width:240px}.question-emoji{font-size:90px}.question-body h1{font-size:30px}.answer-option{min-height:55px}.finish-screen{grid-template-columns:1fr .75fr;gap:15px}.finish-art-wrap{max-width:310px}.finish-copy h1{font-size:clamp(36px,5.5vw,49px)}.finish-facts{gap:13px}}@media(max-width:560px){.app-shell{padding:0 18px}.topbar{height:65px}.brand{font-size:11px;gap:8px}.brand b{font-size:13px}.brand-mark{width:33px;height:33px;border-radius:11px}.topbar-note{font-size:10px}.video-screen{gap:26px;padding:29px 0 26px}.video-copy h1{font-size:clamp(39px,10vw,52px);letter-spacing:-1.9px;line-height:1.05}.lead{font-size:14px;line-height:1.65}.watch-hint{font-size:11px;margin:16px 0 20px}.button{min-height:47px;padding:0 16px;font-size:12px}.video-actions{gap:12px}.time-note{font-size:10px}.video-frame{padding:6px;border-radius:17px}.video-player{border-radius:12px}.video-unavailable{inset:6px;border-radius:12px;gap:7px}.video-unavailable b{font-size:14px}.video-unavailable>span:not(.unavailable-icon){font-size:10px}.video-caption,.site-footer{font-size:9px}.site-footer span:last-child{text-align:right}.quiz-screen{padding-top:17px;padding-bottom:12px}.quiz-topline{margin-bottom:10px}.quiz-counter{font-size:9px}.quiz-content{display:flex;flex-direction:column;gap:15px;justify-content:flex-start;padding:17px 0 8px}.question-art{width:105px;min-width:105px;aspect-ratio:1;border-radius:36%;margin:0 auto;background:#e4edd8}.question-emoji{font-size:53px}.art-spark{font-size:19px}.spark-a{top:8%;left:11%}.spark-b{bottom:10%;right:9%;font-size:16px}.art-leaf{bottom:7%;left:9%}.art-leaf svg{width:20px;height:20px}.question-body{max-width:460px}.question-body .eyebrow{font-size:9px}.question-body h1{font-size:clamp(25px,7vw,31px);margin:8px 0 7px;letter-spacing:-.7px}.question-intro{font-size:12px;margin-bottom:14px}.answer-list{gap:8px}.answer-option{min-height:55px;padding:9px 10px;gap:9px;border-radius:12px}.option-letter{width:28px;height:28px;border-radius:8px;font-size:10px}.option-text{font-size:12px}.option-state svg{width:15px;height:15px}.feedback-visible{margin-top:9px;padding:8px 10px;font-size:11px}.next-button{margin-top:9px;min-height:42px}.quiz-footnote{font-size:10px;padding-top:7px}.finish-screen{display:flex;flex-direction:column-reverse;gap:17px;justify-content:center;text-align:center;padding:24px 0 30px;min-height:unset}.finish-art-wrap{max-width:215px}.finish-sticker{width:39px;height:39px;font-size:21px}.finish-copy h1{font-size:clamp(35px,9vw,45px);letter-spacing:-1.5px;margin:13px 0}.finish-copy>p{font-size:13px;margin:0 auto}.finish-facts{justify-content:center;gap:13px;margin:21px 0}.finish-facts>div{min-width:83px;max-width:105px}.finish-facts>div>span{font-size:21px}.finish-facts b{font-size:11px}.finish-facts small{font-size:9px}.download-button{width:100%;font-size:12px}.restart-link{margin:12px auto 0}.finish-badge{font-size:9px}}@media(max-height:700px)and (min-width:561px){.quiz-content{padding:12px 0;gap:30px}.question-art{max-width:240px}.question-emoji{font-size:90px}.question-body h1{font-size:28px}.question-intro{margin-bottom:12px}.answer-list{gap:7px}.answer-option{min-height:48px}.feedback-visible{margin-top:7px;padding:7px 10px}.next-button{min-height:40px;margin-top:7px}.quiz-screen{padding-top:16px}.quiz-footnote{padding-top:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:560px)and (max-height:700px){.topbar{height:56px}.quiz-screen{padding-top:10px}.quiz-topline{margin-bottom:7px}.quiz-content{gap:8px;padding:10px 0 4px}.question-art{width:72px;min-width:72px}.question-emoji{font-size:38px}.question-body h1{font-size:24px;margin:6px 0}.question-intro{font-size:11px;margin-bottom:9px}.answer-list{gap:6px}.answer-option{min-height:47px;padding:7px 9px}.option-letter{width:25px;height:25px}.option-text{font-size:11px}.feedback-visible{margin-top:6px;padding:6px 8px;font-size:10px}.next-button{min-height:38px}.quiz-footnote{padding-top:3px}.site-footer{min-height:35px}}