.mode-step{color:var(--brown);background:var(--cream);padding:66px 19px 22px;overflow-y:auto;overscroll-behavior:contain}
.mode-topic{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#97776b;margin-bottom:12px}
.mode-step h2{font:800 28px/1.07 var(--display);letter-spacing:-.04em;margin-bottom:10px}
.mode-intro{font-size:12px;color:#866b61;margin-bottom:22px}
.mode-choice{width:100%;display:grid;text-align:left;grid-template-columns:28px 1fr;column-gap:8px;row-gap:7px;border:1px solid #4a2c2a20;border-radius:19px;background:#fffaf2;color:var(--brown);padding:17px 14px;margin-bottom:12px;cursor:pointer;box-shadow:0 4px 0 #4a2c2a09;transition:transform .18s,border-color .18s}
.mode-choice:hover{transform:translateY(-2px);border-color:#c88f53}.mode-choice:focus-visible,.quiz-option:focus-visible,.mode-unlock:focus-visible{outline:3px solid #d7a147;outline-offset:3px}.mode-symbol{grid-row:1/4;font-size:23px;line-height:1.2;color:#b67742}.mode-choice strong{font:800 18px/1.1 var(--display);letter-spacing:-.025em}.mode-badge{font-size:10px;font-weight:900;color:#9e523e;line-height:1.4}.mode-choice small{font-size:11px;color:#876e63;line-height:1.5}.mode-choice[data-mode=quiz]{border-color:#d9ad69;background:#fff6df}.mode-back{display:block;border:0;background:none;font-size:11px;color:#927264;padding:10px 0;cursor:pointer}
.modes-enabled .shield-step .shield-content,.modes-enabled .shield-glow{display:none}
.modes-enabled .shield-step{background:#4a2c2a;color:#fff7ec}
.mode-block{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:65px 20px 24px;display:flex;flex-direction:column;align-items:stretch;text-align:left;scrollbar-width:thin;scrollbar-color:#b18c75 transparent}
.block-kicker{font-size:10px;font-weight:900;color:#e8c17b;letter-spacing:.05em;margin-bottom:8px}.block-topic{font-size:10px;color:#c8a69a;margin-bottom:20px}.mode-block h2{font:800 25px/1.14 var(--display);letter-spacing:-.035em;margin:0 0 22px}.quiz-choices{display:grid;gap:9px}.quiz-option{position:relative;width:100%;padding:13px 14px;border:1px solid #c5aa9360;border-radius:13px;background:#ffffff08;color:#fff4e6;font-size:12px;font-weight:800;line-height:1.4;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}.quiz-option:disabled{opacity:.6;cursor:default}.quiz-option.is-correct{background:#b9d8b3;color:#2d4729;border-color:#b9d8b3;opacity:1}.quiz-option.is-selected{opacity:1;background:#ffffff14;border-color:#e2c28c}.answer-mark{font-weight:1000}.quiz-feedback{margin-top:17px;border-left:2px solid #e8c17b;padding:0 0 0 12px;font-size:12px;line-height:1.5;color:#f0dfcc}.quiz-feedback strong{display:block;font-size:12px;color:#f5ce89}.correct-answer{display:block;font-weight:900;color:#fff8e9;margin-top:3px}.quiz-feedback p{margin-top:4px;font-size:11px;color:#e1c9b9}.mode-unlock{flex-shrink:0;margin-top:auto;transform:translateY(0);padding:14px;border:0;border-radius:13px;background:#f5c95f;color:#4a2c2a;font-size:13px;font-weight:1000;cursor:pointer;min-height:47px}.quiz-feedback~.mode-unlock{margin-top:22px}.deep-body{font-size:16px;line-height:1.7;color:#ead5c6;margin-bottom:28px}.mode-block .deep-body+.mode-unlock{margin-top:auto}
@media(max-height:730px){.mode-step{padding-top:52px}.mode-intro{margin-bottom:16px}.mode-choice{padding:13px 12px;gap:5px}.mode-step h2{font-size:25px}.mode-block{padding:52px 17px 18px}.block-topic{margin-bottom:14px}.mode-block h2{font-size:21px;margin-bottom:15px}.quiz-option{padding:10px 12px;font-size:11px}.quiz-choices{gap:7px}.quiz-feedback{margin-top:12px}.quiz-feedback~.mode-unlock{margin-top:14px}.deep-body{font-size:14px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.mode-choice,.quiz-option{transition:none}}
.modes-enabled .phone:has(.shield-step.is-active) .phone__status,.modes-enabled .phone:has(.feed-step.is-active) .phone__status{color:#fff7ec}
/* Preserve the original shield's dark surface, blue hourglass and cyan unlock. */
.modes-enabled .shield-step{color:white;background:radial-gradient(circle at 50% 37%,#303033,transparent 44%),#1b1b1d}
.modes-enabled .shield-glow{display:block}
.mode-block{position:relative;z-index:2;align-items:center;text-align:center;padding:66px 22px 24px;scrollbar-color:#555 transparent}
.mode-block>.hourglass{flex-shrink:0;width:58px;height:58px;border-radius:19px;font-size:27px}
.mode-block>.deck-name{flex-shrink:0;margin-top:14px;font-size:11px;color:#ffffffa6}
.mode-question-body{width:100%;margin:24px 0;flex-shrink:0}
.mode-block .block-kicker{color:#8ea9e6;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.mode-block h2{font-size:25px;line-height:1.12;color:white;margin:0 0 20px}
.quiz-option{border-color:#ffffff24;background:#2c2c2e;color:white;text-align:center;border-radius:16px}
.quiz-option.is-selected{background:#343438;border-color:#8ea9e6}
.quiz-feedback{text-align:left;border-color:#8ea9e6;color:#e1e4ec}
.quiz-feedback strong{color:#b9d8b3}.quiz-feedback p{color:#c4c5ce}.correct-answer{color:white}
.mode-block .mode-unlock{width:100%;margin-top:auto;border-radius:999px;background:var(--blue);color:#0e3742;min-height:50px;font-size:14px}
.deep-body{color:#dedee5;font-size:16px;line-height:1.65;margin-bottom:0}
@media(max-height:730px){.mode-block{padding:51px 18px 18px}.mode-block>.hourglass{width:45px;height:45px;border-radius:15px;font-size:23px}.mode-block>.deck-name{margin-top:10px;font-size:10px}.mode-question-body{margin:17px 0}.mode-block h2{font-size:21px;margin-bottom:15px}.mode-block .block-kicker{font-size:9px;margin-bottom:10px}.mode-block .mode-unlock{min-height:45px;font-size:13px}.deep-body{font-size:14px}}
.modes-enabled .feed-step{overflow:clip}