:root{--blue:#2789bd;--blue-dark:#17678f;--pale:#eaf6fb;--ink:#17384a;--muted:#617985;--line:#dbe8ec;--orange:#ed861d}*{box-sizing:border-box}body{margin:0;background:#f5faf8;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}button,a{font:inherit}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:12px}.loading b{font-size:3rem;color:var(--blue)}.gate{min-height:100vh;place-content:center;text-align:center}.gate>img{width:230px;margin-bottom:25px}.gate section{width:min(440px,90vw);padding:35px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 45px #163d4d16}.gate section>span{font-size:2rem}.gate a,.primary{display:inline-block;border:0;border-radius:12px;background:var(--orange);color:#fff;padding:13px 22px;font-weight:800;text-decoration:none;cursor:pointer}.header{height:72px;padding:0 4vw;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(180px,360px) 1fr;align-items:center;position:relative;z-index:5}.header>a img{width:190px;display:block}.head-progress{text-align:center;font-size:.8rem;font-weight:800}.head-progress i{display:block;height:7px;background:#e2ece8;border-radius:9px;margin-top:7px;overflow:hidden}.head-progress b{display:block;height:100%;width:0;background:var(--blue);transition:.3s}.menus{justify-self:end;display:flex;gap:7px;position:relative}.menus>button{border:0;background:#f0f6f3;border-radius:20px;height:40px;padding:0 13px;font-weight:700;color:var(--ink)}.menu{position:absolute;right:48px;top:48px;width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 14px 35px #17384a25}.menu.more{right:0}.menu a,.menu>button,.menu>strong{display:block;width:100%;padding:10px;border:0;background:none;text-align:left;color:var(--ink);text-decoration:none}.menu .danger{color:#c43b35}.language{display:flex;align-items:center;padding:6px 10px;gap:7px}.language span{margin-right:auto}.language button{border:0;background:none;font-weight:800;color:var(--blue)}.language em{font-style:normal;color:#aab8be}.layout{display:grid;grid-template-columns:300px minmax(0,780px);gap:48px;justify-content:center;padding:50px 28px 34px}.layout aside{padding-top:10px}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.09em;color:var(--blue-dark)}.layout aside h1{font-size:2rem;margin:8px 0 12px}.layout aside>p:not(.eyebrow){line-height:1.55;color:var(--muted)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.summary div{padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px}.summary b,.summary span{display:block}.summary b{font-size:1.45rem;color:var(--blue)}.summary span{font-size:.72rem;margin-top:3px;color:var(--muted)}#how,#reset{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;font-weight:700;color:var(--ink)}.path{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 34px;min-height:390px}.path-title{display:flex;justify-content:space-between;align-items:flex-start}.path-title h2{margin:3px 0;font-size:1.5rem}.stations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.station{position:relative;border:2px solid var(--line);border-radius:18px;background:#fff;padding:25px 20px;text-align:left;min-height:205px;color:var(--ink)}.station:not(:disabled){cursor:pointer}.station:not(:disabled):hover{border-color:var(--blue);transform:translateY(-2px)}.station:disabled{opacity:.58}.station .icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--pale);color:var(--blue-dark);font-size:1.5rem;font-weight:900}.station h3{margin:15px 0 6px}.station p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.4}.station .stars{position:absolute;right:17px;top:17px;color:#f2ad18;letter-spacing:2px}.journey{position:relative;width:min(900px,90vw);margin:20px auto 55px;display:flex;justify-content:space-between}.journey-line{position:absolute;left:38px;right:38px;top:15px;height:7px;background:#dfe9e5}.journey-line i{display:block;height:100%;width:0;background:var(--blue);transition:.3s}.journey button{position:relative;z-index:1;border:0;background:none;text-align:center;color:var(--ink);cursor:pointer}.journey button>i{display:block;width:30px;height:30px;margin:0 auto 9px;border:5px solid #d7e3df;background:#fff;border-radius:50%}.journey button.done>i,.journey button.active>i{border-color:var(--blue);background:var(--blue)}.journey strong,.journey small{display:block}.journey small{margin-top:4px;color:var(--muted)}.modal{position:fixed;z-index:30;inset:0;background:#17384a70;padding:22px;display:grid;place-items:center}.modal>section{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:32px;box-shadow:0 25px 80px #102b3880}.close{position:absolute;right:15px;top:13px;border:0;background:#edf4f1;width:38px;height:38px;border-radius:50%;font-size:1.6rem;color:var(--ink)}.intro-grid{display:grid;gap:10px;margin:22px 0}.intro-grid article{display:flex;gap:14px;padding:13px;background:#f5faf8;border-radius:12px}.intro-grid article>b{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;background:var(--pale);color:var(--blue)}.intro-grid p{margin:3px 0;color:var(--muted)}.practice>section{width:min(760px,100%);padding:0;overflow:hidden}.practice header{position:relative;padding:20px 65px 16px;border-bottom:1px solid var(--line)}.practice header .close{left:14px;right:auto}.practice header small{font-weight:900;color:var(--blue);letter-spacing:.08em}.practice header h2{margin:3px 0}.mini-progress{height:5px;background:#e4ece9;margin-top:12px;border-radius:8px}.mini-progress i{display:block;height:100%;background:var(--blue);width:0}.practice main{min-height:315px;padding:35px;display:grid;place-content:center;text-align:center}.practice footer{padding:18px 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;justify-content:flex-end}.practice footer p{margin:0 auto 0 0;font-weight:700}.prompt{color:var(--muted);margin:0}.element{font-size:3rem;margin:12px 0;color:var(--ink)}.answer-input{width:min(360px,80vw);border:2px solid var(--line);border-radius:12px;padding:13px;text-align:center;font-size:1.2rem;outline:none}.answer-input:focus{border-color:var(--blue)}.valences{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;width:min(520px,90vw)}.valences button{min-width:58px;padding:11px;border:2px solid var(--line);background:#fff;border-radius:11px;font-weight:800;color:var(--ink)}.valences button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.result{text-align:center}.result>div:first-child{margin:auto;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#e7f7ee;color:#249055;font-size:2rem}.result-stars{font-size:2rem;color:#f2ad18;letter-spacing:5px;margin:18px}.result .primary{margin-top:8px}@media(max-width:720px){.header{grid-template-columns:1fr auto;height:65px;padding:0 12px}.header>a img{width:145px}.head-progress{display:none}.menus #account-button span{display:none}.layout{grid-template-columns:1fr;padding:25px 14px;gap:22px}.layout aside{padding:0 5px}.path{padding:22px 16px}.stations{grid-template-columns:1fr}.journey{margin-bottom:35px}.journey strong{font-size:.85rem}.journey small{font-size:.68rem}.practice main{padding:28px 15px}.practice footer{padding:14px 16px}.practice footer p{font-size:.82rem}}
:where([hidden]){display:none!important}
.stations{display:block}.station-group+.station-group{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.station-group>h3{margin:4px 0 18px;font-size:1.25rem}.station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.station{padding:22px 17px}@media(max-width:900px){.station-grid{grid-template-columns:1fr}}
.next-unit-card{width:100%;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;color:var(--ink)}.next-unit-card:not(:disabled){cursor:pointer;border-color:var(--blue)}.next-unit-card small,.next-unit-card strong,.next-unit-card span{display:block}.next-unit-card small{font-size:.67rem;font-weight:900;color:var(--blue)}.next-unit-card strong{margin:4px 0}.next-unit-card span{font-size:.75rem;color:var(--muted)}.unit-placeholder{text-align:center;padding:55px 20px}.unit-placeholder>span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:50%;background:var(--pale);color:var(--blue);font-size:2rem;font-weight:900}.unit-placeholder p{color:var(--muted);max-width:430px;margin:10px auto}
.inline-stats-modal>section{width:min(760px,100%)}.inline-stats-summary{display:flex;align-items:baseline;gap:12px;margin:22px 0;padding:18px;border-radius:14px;background:var(--pale)}.inline-stats-summary b{font-size:2rem;color:var(--blue)}.inline-stats-summary span{font-weight:900}.inline-stats-table{overflow:auto}.inline-stats-table table{width:100%;border-collapse:collapse}.inline-stats-table th,.inline-stats-table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:right}.inline-stats-table th:first-child,.inline-stats-table td:first-child{text-align:left}
.inline-stats-modal .help-card{width:min(100%,560px);padding:24px}.stats-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 14px}.stats-card{min-width:0;padding:11px 10px;border:1px solid #dfe9e4;background:#fbfdfc;border-radius:14px}.stats-card small,.stats-card b,.stats-card span{display:block}.stats-card small{margin-bottom:5px;color:#607267;font-size:.68rem;font-weight:900;text-transform:uppercase}.stats-card b{font-size:1rem}.stats-card span{margin-top:3px;color:#607267;font-size:.82rem;font-weight:800}.stats-card-good{border-color:#cbead6;background:#f3fbf6}.stats-card-review{border-color:#f3dfc4;background:#fffaf2}.stats-table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:.9rem}.stats-table th,.stats-table td{padding:8px 6px;border-bottom:1px solid #e5ece8;text-align:right}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-table tfoot td{font-weight:900;border-top:2px solid #dfe9e4;border-bottom:0}.stats-table .stats-group td{padding-top:14px;padding-bottom:6px;color:var(--blue-dark);background:var(--pale);font-size:.78rem;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.05em}.stats-switch-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0 14px;margin-top:14px;border-top:1px solid #e5ece8}.stats-switch-row p{margin:4px 0;color:var(--muted);font-size:.78rem}.stats-switch{position:relative;flex:0 0 auto;width:46px;height:26px;cursor:pointer}.stats-switch input{position:absolute;opacity:0}.stats-switch span{position:absolute;inset:0;border-radius:999px;background:#d8e1df}.stats-switch span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #18242c38}.stats-switch input:checked+span{background:var(--blue)}.stats-switch input:checked+span:after{transform:translateX(20px)}.stats-clear{width:100%;padding:10px;border:1px solid #e5c4bf;border-radius:11px;color:#b64332;background:#fff8f7;font-weight:850}@media(max-width:620px){.stats-cards{grid-template-columns:1fr}.inline-stats-modal .help-card{padding:18px 14px}}
.practice header .close{left:auto;right:14px}.course-exit-confirm>section{width:min(430px,100%);padding:28px}.course-exit-confirm h2{margin:0 0 10px}.course-exit-confirm p{color:var(--muted);line-height:1.5}.course-exit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.course-exit-actions button{padding:10px 16px;border-radius:10px;font-weight:800;cursor:pointer}.course-exit-cancel{border:1px solid var(--line);background:#fff;color:var(--ink)}.course-exit-accept{border:0;background:var(--orange);color:#fff}
.level-intro-modal>section{width:min(540px,100%)}.level-intro-modal h2{margin:5px 35px 10px 0}.level-intro-text{color:var(--muted);line-height:1.55}.level-guide-links{display:grid;gap:8px;margin:20px 0}.level-guide-links a{padding:11px 13px;border:1px solid #badbe9;border-radius:11px;background:var(--pale);color:var(--blue-dark);font-weight:800;text-decoration:none}.level-intro-start{width:100%;margin-top:4px}
.level-intro-example{display:grid;gap:5px;margin:17px 0;padding:13px 15px;border-left:4px solid var(--blue);border-radius:0 11px 11px 0;background:#f1f8fb}.level-intro-example b{font-size:.7rem;letter-spacing:.08em;color:var(--blue-dark)}.level-intro-example span{font-family:"Cambria Math",Georgia,serif;font-size:1.03rem;color:var(--ink)}
.unit-guide-links{display:grid;gap:7px;margin:12px 0 20px}.unit-guide-links a{width:max-content;max-width:100%;color:var(--blue-dark);font-size:.86rem;font-weight:800;text-decoration:none}.unit-guide-links a:hover{text-decoration:underline}
.oxide-station .icon{color:#fff;background:#78bde0}.oxide-station .icon sup{position:relative;top:-.38em;margin-left:1px;font-size:.48em;line-height:0}.oxide-station.oxide-tone-1 .icon{background:#8dccE9}.oxide-station.oxide-tone-2 .icon{background:#70b9dc}.oxide-station.oxide-tone-3 .icon{background:#55a7d1}.oxide-station.oxide-tone-4 .icon{background:#3b95c6}.oxide-station.oxide-tone-5 .icon{background:#2783b5}.oxide-station.oxide-tone-6 .icon{background:#176f9e}.oxide-station:disabled .icon{background:#d8dfdf;color:#778585}
.special-compound{margin-top:22px;padding:18px;border:1px solid #badbe9;border-radius:15px;background:var(--pale)}.special-compound b{font-size:.72rem;letter-spacing:.06em;color:var(--blue-dark)}.special-compound h3{margin:5px 0 7px}.special-compound p{margin:0;color:var(--muted);line-height:1.5}
.journey button.locked{opacity:.72}.journey button.locked>i{background:#fff;border-color:#d7e3df}.journey button.locked.active>i{border-color:var(--blue)}
.journey{display:grid;grid-template-columns:repeat(4,1fr);row-gap:28px}.journey button[data-stage="peroxids"]{grid-column:4;grid-row:2}.journey button[data-stage="binary-salts"]{grid-column:3;grid-row:2}.journey:after{content:"";position:absolute;right:calc(12.5% - 3px);top:15px;height:calc(100% - 55px);width:7px;border-radius:0 0 8px 8px;background:#dfe9e5}.journey:before{content:"";position:absolute;left:62.5%;right:12.5%;top:calc(100% - 58px);height:7px;background:#dfe9e5}@media(max-width:720px){.journey{grid-template-columns:repeat(3,1fr)}.journey button[data-stage="peroxids"]{grid-column:2;grid-row:2}.journey button[data-stage="binary-salts"]{grid-column:1;grid-row:2}.journey:after{display:none}.journey:before{left:16.67%;right:50%;top:calc(100% - 58px)}}
.journey{width:min(1180px,calc(100% - 36px));min-height:250px;margin:20px auto 55px;padding:0 clamp(15px,4vw,50px);grid-template-columns:repeat(7,1fr);grid-template-rows:140px 110px;row-gap:0}.journey:before,.journey:after{content:none}.journey-track{position:absolute;inset:0 clamp(15px,4vw,50px) auto;width:calc(100% - 2 * clamp(15px,4vw,50px));height:250px;overflow:visible;pointer-events:none}.journey-track-mobile{display:none}.journey-track path{fill:none;stroke-width:7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.journey-track-base{stroke:#dfe9e5}.journey-track-fill{stroke:var(--blue);opacity:0;transition:opacity .25s ease}.journey-track-fill.visible{opacity:1}.journey button:nth-child(3){grid-column:1;grid-row:1}.journey button:nth-child(4){grid-column:3;grid-row:1}.journey button:nth-child(5){grid-column:5;grid-row:1}.journey button:nth-child(6){grid-column:7;grid-row:1}.journey button:nth-child(7){grid-column:7;grid-row:2}.journey button:nth-child(8){grid-column:5;grid-row:2}.journey button:nth-child(9){grid-column:3;grid-row:2}.journey button:nth-child(10){grid-column:1;grid-row:2}@media(max-width:720px){.journey{width:calc(100% - 10px);min-height:390px;padding:0 8px;grid-template-columns:repeat(3,1fr);grid-template-rows:120px 120px 120px}.journey-track-desktop{display:none}.journey-track-mobile{display:block;inset:0 8px auto;width:calc(100% - 16px);height:390px}.journey button:nth-child(3){grid-column:1;grid-row:1}.journey button:nth-child(4){grid-column:2;grid-row:1}.journey button:nth-child(5){grid-column:3;grid-row:1}.journey button:nth-child(6){grid-column:3;grid-row:2}.journey button:nth-child(7){grid-column:2;grid-row:2}.journey button:nth-child(8){grid-column:1;grid-row:2}.journey button:nth-child(9){grid-column:1;grid-row:3}.journey button:nth-child(10){grid-column:2;grid-row:3}}
:root{}
.journey{min-height:290px!important;padding:30px clamp(15px,4vw,50px) 10px!important}
@media(max-width:720px){.journey{min-height:390px!important;padding:20px 8px 0!important}}
@media(max-width:720px){
  .menus #account-button span{display:inline!important;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .menus #account-button{display:inline-flex;align-items:center;gap:5px;max-width:130px;padding:0 10px}
}
.journey button{
  display:grid;
  justify-items:center;
  align-content:start;
  gap:3px;
  position:relative;
  z-index:1;
  border:0;
  padding:0;
  background:none;
  color:var(--muted);
  text-align:center;
  cursor:pointer;
}
.journey button>i{
  display:block;
  width:25px;
  height:25px;
  margin:0 0 7px;
  border:5px solid #f5faf8;
  border-radius:50%;
  background:#cfdad3;
  box-shadow:0 0 0 2px #cfdad3;
}
.journey button strong{font-size:.92rem}
.journey button small{margin-top:0;font-family:"Cambria Math",Georgia,serif}
.journey button.active{color:var(--blue-dark)}
.journey button.done>i,.journey button.active>i{
  border-color:#f5faf8;
  background:#f5faf8;
  box-shadow:0 0 0 3px var(--blue);
}
@media(max-width:720px){
  .journey button strong{max-width:105px;font-size:.78rem;line-height:1.15}
  .journey button small{font-size:.72rem}
}
.practice>section{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:92vh}
.practice main{min-height:0;overflow:auto}
.question-explanation{width:min(560px,100%);margin:20px auto 0;padding:14px 16px;border:1px solid #badbe9;border-radius:13px;background:var(--pale);color:var(--ink);text-align:left;line-height:1.45}
.question-explanation>b{display:block;margin-bottom:5px;color:var(--blue-dark);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.question-explanation p{margin:0;color:var(--muted)}
.loading-course-mark{color:var(--blue);font-size:3.5rem;line-height:1;animation:course-loading-pulse 1.2s ease-in-out infinite}@keyframes course-loading-pulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
.themed-station .icon{color:#fff}.themed-station .icon:has(sup){display:flex;align-items:center;justify-content:center}.themed-station .icon sup{position:relative;top:-.55em;margin-left:1px;font-size:.48em;line-height:1}.themed-station.level-tone-1 .icon{background:#8dcce9}.themed-station.level-tone-2 .icon{background:#78c1e2}.themed-station.level-tone-3 .icon{background:#64b5dc}.themed-station.level-tone-4 .icon{background:#50a9d4}.themed-station.level-tone-5 .icon{background:#3d9dcc}.themed-station.level-tone-6 .icon{background:#2f8fbe}.themed-station.level-tone-7 .icon{background:#237fac}.themed-station.level-tone-8 .icon{background:#176f9e}.themed-station:disabled .icon{background:#d8dfdf;color:#778585}
.journey{min-height:430px!important;grid-template-rows:140px 140px 110px}.journey-track-desktop{height:390px}.journey button:nth-child(11){grid-column:1;grid-row:3}.journey button:nth-child(12){grid-column:3;grid-row:3}.journey button:nth-child(13){grid-column:5;grid-row:3}.journey button:nth-child(14){grid-column:7;grid-row:3}@media(max-width:720px){.journey{min-height:510px!important;grid-template-rows:120px 120px 120px 120px}.journey-track-mobile{height:510px}.journey button:nth-child(11){grid-column:3;grid-row:3}.journey button:nth-child(12){grid-column:3;grid-row:4}.journey button:nth-child(13){grid-column:2;grid-row:4}.journey button:nth-child(14){grid-column:1;grid-row:4}}
.oxoacid-station .icon{position:relative;overflow:visible;color:var(--ink)}
.oxoacid-station .icon>span{position:absolute;left:50%;top:50%;display:inline-flex;align-items:baseline;justify-content:center;width:max-content;max-width:none;white-space:nowrap;color:var(--ink);font-size:.82em;line-height:1;transform:translate(-50%,-50%);flex:0 0 auto}
.oxoacid-station:disabled .icon,.oxoacid-station:disabled .icon>span{color:#536874}

/* Mateix sistema d'estats de la serp d'orgànica: centre petit i anell exterior. */
.journey button>i,
.journey button.locked>i{
  border-color:#f5faf8;
  background:#cfdad3;
  box-shadow:0 0 0 2px #cfdad3;
}
.journey button.done>i{
  border-color:#f5faf8;
  background:#f2ad18;
  box-shadow:0 0 0 3px #d69b13;
}
.journey button.active>i,
.journey button.locked.active>i{
  border-color:#f5faf8;
  background:var(--blue);
  box-shadow:0 0 0 3px var(--blue);
}
.layout aside h1 sup{position:relative;top:-.42em;margin-left:1px;font-size:.48em;line-height:0}
.inorganic-achievement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 20px;padding:14px;border:1px solid #badbe9;border-radius:15px;background:var(--pale);text-align:center}.inorganic-achievement div{padding:10px 7px;border-radius:11px;background:#fff}.inorganic-achievement strong,.inorganic-achievement span{display:block}.inorganic-achievement strong{color:var(--blue-dark);font-size:1.25rem}.inorganic-achievement span{margin-top:3px;color:var(--muted);font-size:.7rem;font-weight:800}.inorganic-achievement p{grid-column:1/-1;margin:5px 2px 0;color:var(--blue-dark);font-size:.82rem;font-weight:800;line-height:1.4}@media(max-width:520px){.inorganic-achievement{grid-template-columns:1fr}.inorganic-achievement p{grid-column:1}}
.journey .journey-stars{display:block;margin-top:2px;color:#a87708;font-family:inherit;font-size:.7rem;font-weight:900;line-height:1}.journey button.locked .journey-stars{color:#87958e}.journey button.active .journey-stars{color:var(--blue-dark)}@media(max-width:720px){.journey .journey-stars{font-size:.64rem}}
/* Estats de la serp d'inorgànica: una mateixa gamma blava. */
.journey button>i,
.journey button.locked>i{
  border-color:#f5faf8;
  background:#c9dce5;
  box-shadow:0 0 0 2px #a9c5d2;
}
.journey button.done>i{
  border-color:#f5faf8;
  background:#4aa6d1;
  box-shadow:0 0 0 3px #2d8fbd;
}
.journey button.active>i,
.journey button.locked.active>i{
  border-color:#f5faf8;
  background:#176f9e;
  box-shadow:0 0 0 3px #176f9e;
}
.journey button.done .journey-stars{color:#247eaa}
.journey button.active .journey-stars{color:#145f88}
.general-info-modal{position:fixed;z-index:60;inset:0;background:#17384a70}.general-info-modal iframe{display:block;width:100%;height:100%;border:0;background:transparent}.general-info-modal>button{position:absolute;z-index:2;right:max(18px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));width:42px;height:42px;border:0;border-radius:50%;background:#edf4f1;color:var(--ink);font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px #17384a35}
.practice main .answer-input{justify-self:center}