/* The challenge and the other quiz modes share the same question typography and controls. */
#dailyHome,.mode-grid,.intro{display:none!important}
#streakView[hidden]{display:none!important}
.streak-view{width:min(760px,calc(100% - 2rem));margin:12px auto 24px;color:var(--ink)}
.streak-landing{display:grid;gap:0;padding-bottom:92px;background:#f8f8f1;border-radius:12px 12px 0 0}
.streak-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;min-height:430px;padding:clamp(26px,5vw,44px);border:0;border-radius:12px;background-color:#163d32;background-image:linear-gradient(110deg,rgba(10,39,30,.78),rgba(10,39,30,.35)),linear-gradient(0deg,rgba(9,32,26,.73),rgba(9,32,26,.12)),url('/assets/forest-mist.webp');background-position:center,center,center 57%;background-size:cover;box-shadow:none;color:#fffdf4}
.streak-hero:before{content:none}
.streak-hero .eyebrow{align-self:flex-start;margin:0 auto auto 0;padding:0;background:none;color:#e0e8d8;font-weight:700}
.streak-hero .eyebrow,.streak-story .eyebrow{font-size:.69rem;letter-spacing:.2em}
.streak-hero h1,.streak-story h2{font-family:Georgia,"Yu Mincho",serif;color:var(--ink);letter-spacing:-.045em}
.streak-hero h1{font-size:clamp(1.9rem,4.3vw,3.1rem);line-height:1.5;margin:42px 0 16px;position:relative;color:#fffdf4;text-shadow:0 2px 16px #08291c40}
.streak-hero-lead{font-size:clamp(.94rem,2.1vw,1.06rem);line-height:1.85;color:#eef2e8;margin:0;position:relative}
.streak-best{display:flex;align-items:baseline;gap:12px;color:#ecf1e5;font-size:.82rem;margin-top:26px;padding-top:15px;border-top:1px solid #e9f0df45}
.streak-best strong{font-family:Georgia,"Yu Mincho",serif;color:#fffdf4;font-size:1.6rem}
.streak-landing-share{display:inline-grid;place-items:center;align-self:center;width:30px;height:30px;margin-left:2px;padding:0;border:1px solid #a4c2ab;border-radius:50%;background:#fff;color:var(--forest);cursor:pointer;box-shadow:0 2px 7px #264b3320}.streak-landing-share svg{width:16px;height:16px}.streak-landing-share:focus-visible{outline:3px solid #497964;outline-offset:2px}
.streak-hero .streak-landing-share{background:#ffffff12;border-color:#eff5e780;color:#fffdf4;box-shadow:none}.streak-hero .streak-landing-share:hover{background:#ffffff28}.streak-hero .streak-landing-share:focus-visible{outline-color:#eff5e7}
.streak-scroll-hint{margin:18px 0 0;font-size:.76rem;color:var(--forest);letter-spacing:.07em}
.streak-scroll-hint span{margin-left:.5rem}
.streak-story{position:relative;padding:28px clamp(22px,5vw,44px);border:0;border-radius:0;background:transparent}
.streak-story:after{content:'';position:absolute;z-index:0;top:0;right:0;bottom:0;width:62%;background-position:center;background-size:cover;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.45) 60%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.45) 60%,black 100%);pointer-events:none}
.streak-story>*{position:relative;z-index:1}
.streak-story-ethics:after{background-image:url('/assets/landing-cow.webp');background-position:140% center;transform:scaleX(-1);mask-image:linear-gradient(to left,transparent 0%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.45) 60%,black 100%);-webkit-mask-image:linear-gradient(to left,transparent 0%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.45) 60%,black 100%)}
.streak-story-play:after{background-image:url('/assets/landing-pig.webp');background-position:center 36%}
.streak-more:after{background-image:url('/assets/landing-hen.webp');background-position:20% center}
.streak-story+.streak-story:before{content:'';position:absolute;top:0;left:clamp(22px,5vw,44px);right:clamp(22px,5vw,44px);height:1px;background:#c9d4c5}
.streak-story .eyebrow{margin:0 0 10px;color:#627764;font-weight:700}
.streak-story h2{font-size:clamp(1.42rem,3.5vw,2rem);line-height:1.5;margin:0 0 13px}
.streak-story>p:not(.eyebrow){max-width:36rem;font-size:.95rem;color:#526257;line-height:1.9;margin:.6rem 0}
.streak-story-ethics>p:not(.eyebrow){line-height:2}
.streak-story .text-button{color:#315d48;text-underline-offset:4px}
.streak-help-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:.6rem 0;color:#526257;font-size:.95rem;line-height:1.9}
.streak-help-row .text-button{padding:0;white-space:nowrap;font-size:.82rem}
.streak-link-label{display:inline-flex;align-items:center;gap:.36rem}
.streak-link-icon{font-size:1.1rem;font-weight:400;line-height:1}
.streak-more-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.streak-more-links button{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:12px 0;border:0;border-top:1px solid #a8bda9;border-bottom:1px solid #a8bda9;border-radius:0;background:transparent;color:var(--forest);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.streak-more-links button:hover{background:#e8eee1}.streak-more-links button:focus-visible{outline:3px solid #497964;outline-offset:2px}
.streak-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}
.streak-topic-grid>div{min-height:150px;padding:16px;border:1px solid #d6e3d7;border-radius:15px;background:#f6f9f2;display:flex;flex-direction:column}
.streak-topic-grid span{font-size:.74rem;font-weight:800;color:#6e9b7a}.streak-topic-grid b{font-size:1.14rem;margin:auto 0 .25rem}.streak-topic-grid small{line-height:1.6;color:#597365}
.streak-story-play{margin-bottom:0}
.streak-free{font-weight:700;color:var(--forest)!important;margin-top:14px}
.streak-cta-bar{position:fixed;z-index:9;left:50%;transform:translateX(-50%);bottom:calc(4.55rem + env(safe-area-inset-bottom));width:min(760px,calc(100% - 2rem));padding:9px;background:#fffffff5;border:1px solid #d6decf;border-radius:16px;box-shadow:0 8px 28px #102d2430;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.streak-cta-bar .primary-button{width:100%;min-height:52px;font-size:1rem;box-shadow:0 3px 0 var(--lime)}
.streak-cta-bar .primary-button:disabled{opacity:.65;cursor:default}
.streak-view.is-playing{margin-top:16px}.streak-view.has-next{padding-bottom:6rem}
.streak-status{border:1px solid #cbded1;border-radius:18px;background:#f2f7f0;padding:14px 18px;margin-bottom:14px}
.streak-status-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.streak-counter{font-size:15px;font-weight:700}.streak-counter b{display:inline-block;font-size:34px;line-height:1.15;margin:0 4px}
.streak-status small{color:#597466}.streak-track{height:5px;background:#dce8de;border-radius:4px;margin:10px 0 6px;overflow:hidden}.streak-track i{display:block;height:100%;background:#468364;transition:width .3s}
.streak-target{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#58705e;min-height:20px}
.streak-help{border:1px solid #a7bbad;background:transparent;border-radius:50%;height:25px;width:25px;color:#42604b;cursor:pointer;margin-left:5px}
.streak-question.quiz-panel{width:100%;min-height:0;margin:0;padding:clamp(18px,4vw,32px);border:1px solid var(--line)}
.streak-question .question{font-size:clamp(1.3rem,3vw,2.2rem);line-height:1.4;margin:1rem 0 1.4rem}
.streak-answer{width:100%;border:1px solid var(--line);padding:1rem 1.15rem;border-radius:.75rem;background:#fff;text-align:left;font:inherit;font-size:1rem;line-height:1.6;cursor:pointer;color:var(--ink);transition:.15s}
.streak-answer:hover:not(:disabled){border-color:var(--forest);background:#f5faea}.streak-answer.correct{border-color:#30865b;background:#e6f7e8}.streak-answer.incorrect{border-color:var(--coral);background:#fff0ed}.streak-answer:disabled{cursor:default}.streak-answer:focus-visible{outline:3px solid #447a5d;outline-offset:2px}
.streak-answer.answer-pending{border-color:#5b9270;background:#edf6e9;box-shadow:inset 0 0 0 1px #5b9270}.streak-saving{margin:.55rem 0 0;color:#4c735d;font-size:.78rem;font-weight:700}
.streak-feedback>strong{display:flex;align-items:center;gap:8px}.streak-feedback p{margin:.35rem 0;color:var(--forest)}
.streak-check{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#33764f;color:#fff;font-size:17px;flex-shrink:0}
.streak-next.next-row{z-index:24}
.streak-notice{background:#e7f3e8;border-left:4px solid #528264;border-radius:9px;padding:13px 15px;margin:16px 0;line-height:1.65}.streak-notice b{display:block;font-size:18px}.streak-notice button{margin-top:7px}
.streak-finish{text-align:center;padding:24px 12px}.streak-finish h2{font-size:26px}.streak-finish p{line-height:1.8;color:#5b7063}.streak-finish .outline-button{margin:8px}
.streak-finish-reflection{margin:22px auto 14px;padding:18px 14px;max-width:420px;background:#eaf3e7;border:1px solid #cadfc9;border-radius:14px}
.streak-finish-reflection p{margin:0 0 14px;font-size:.94rem;line-height:1.7;color:var(--ink)}
.streak-finish-reflection .primary-button{width:100%;font-size:1rem;min-height:48px}
.streak-menu-guide{margin:16px 0 10px!important;font-size:.84rem!important;color:var(--forest)!important;font-weight:700}
.streak-tab-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:6px;background:#f7faf5bd;border:1px solid #b9cbbd;border-radius:18px;box-shadow:0 8px 22px #1b48351c;max-width:440px;margin:auto}
.streak-tab-preview span{display:grid;justify-items:center;gap:2px;padding:7px 2px;border-radius:13px;color:#72887d;font-size:.64rem;font-weight:700;text-align:center;white-space:nowrap}
.streak-tab-preview b{font-size:1.15rem;line-height:1}
.streak-tab-preview span.active{background:#dcebdd;color:var(--forest)}
@media(max-width:850px){.streak-cta-bar{bottom:calc(5.65rem + env(safe-area-inset-bottom))}}
.streak-utilities{display:flex;justify-content:space-between;gap:8px;margin:16px 0 0;flex-wrap:wrap}.streak-utilities button{font-size:13px}.streak-error{color:#9b432f;background:#fff4ed;border-radius:8px;padding:12px;line-height:1.6}
.streak-pop{animation:streak-pop .3s ease-out}.streak-milestone{animation:streak-milestone .6s ease-out}
@keyframes streak-pop{40%{transform:scale(1.2);color:#33805b}}@keyframes streak-milestone{40%{background:#d3ebd3;box-shadow:0 0 0 5px #d3ebd350}}
.personal-test-best{background:#f0f6ef;border:1px solid #d1dfd1;border-radius:14px;padding:15px 18px;margin:18px 0;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.personal-test-best strong{font-size:23px}.personal-test-best small{color:#5e7363}
.training-mastery{margin:24px 0 12px!important;width:100%}.training-secondary{display:flex;gap:10px;margin:20px 0}.brand-profile{border:1px solid #cedbcf;border-radius:20px;padding:8px 12px;background:white;color:#42604b;font-size:12px;cursor:pointer}
@media(max-width:480px){.streak-status{padding:12px}.streak-status-top{gap:6px}.streak-status-top small{font-size:11px}.streak-counter b{font-size:30px}.streak-question.quiz-panel{padding:1rem}.streak-question .question{font-size:1.3rem}.streak-answer{padding:.72rem .8rem;font-size:.92rem}.streak-question .answers{gap:.45rem}.streak-question .explanation{margin-top:.65rem;padding:.7rem .8rem;font-size:.86rem;line-height:1.48}.streak-hero{padding:25px 22px}.streak-hero h1{font-size:clamp(1.15rem,5.4vw,1.55rem);white-space:nowrap}.streak-best{flex-wrap:wrap;gap:8px}.streak-more-links{grid-template-columns:1fr}.training-mastery p{white-space:normal!important}.bottom-tabs{grid-template-columns:repeat(4,1fr)!important}}
@media(prefers-reduced-motion:reduce){.streak-pop,.streak-milestone{animation:none}.streak-track i{transition:none}}
@media(max-width:480px){.streak-hero{min-height:355px;padding:26px 22px;background-position:center,center,58% 55%}.streak-hero h1{margin-top:45px;line-height:1.55}.streak-hero-lead{font-size:clamp(.8rem,3.7vw,.9rem)}.streak-best{margin-top:24px}.streak-story{padding-top:25px;padding-bottom:25px}.streak-story h2{font-size:clamp(1.2rem,5.8vw,1.42rem)}.streak-story:after{width:67%}.streak-help-row{font-size:.86rem;gap:4px 8px}.streak-more-links{gap:0}.streak-more-links button{border-bottom:0}.streak-more-links button:last-child{border-bottom:1px solid #a8bda9}}
@media(max-width:350px){.streak-story-ethics:after{background-size:auto 90%;background-position:110% center}.streak-more:after{background-position:25% center}}