/* Quiet language cards, sharing the travel widgets' soft material. */
body .phone-shell .slang-widget{background:linear-gradient(145deg,#f7f7fc,#e1e5f1);color:#303746}
.slang-tile{position:absolute;inset:0;padding:20px 16px;display:flex;flex-direction:column}
.slang-tile>small{font:400 8px/1.4 Selecta,sans-serif;letter-spacing:.035em;color:#687087}
.slang-tile>span{font:400 25px/1.1 Selecta,sans-serif;letter-spacing:-.9px;margin-top:21px;white-space:nowrap}
.slang-tile>p{font:400 12px/1.4 Selecta,sans-serif;margin:6px 0 0;color:#60697e}
.slang-tile>div{margin-top:auto;display:flex;justify-content:space-between;font:400 9px Selecta,sans-serif;color:#72798a}
.slang-tile b{font-size:16px;font-weight:400}
.widget-app.slang-app{background:#f8f9fc;color:#303746}
.slang-app .app-body{padding:10px 23px 38px;overscroll-behavior:contain}
.slang-intro>small{font-size:9px;letter-spacing:.07em;color:#70798a}
.slang-app .slang-intro h1{font:400 30px/1.15 Selecta,sans-serif;letter-spacing:-.7px;margin:12px 0 7px}
.slang-app .slang-intro p{font-size:13px;color:#727989;margin:0 0 23px}
.slang-tabs{display:flex;gap:4px;background:#e9ebf1;border-radius:17px;padding:4px;margin-bottom:24px;box-shadow:inset 0 1px 2px #2027370a}
.slang-tabs button{flex:1;border:0;background:none;min-height:38px;border-radius:13px;font:400 13px Selecta,sans-serif;color:#697184;cursor:pointer}
.slang-tabs button[aria-current=page]{background:linear-gradient(#fff,#f8f9fb);color:#303746;box-shadow:0 2px 4px #2027370e,inset 0 1px #fff}
.slang-progress{display:flex;justify-content:space-between;margin:0 3px 11px;font-size:11px;color:#7a8190;font-variant-numeric:tabular-nums}
.slang-card{background:linear-gradient(145deg,#fff,#f0f2f9);border:1px solid #fff;border-radius:28px;padding:17px 22px 22px;box-shadow:0 12px 22px -14px #3b466b42,inset 0 -1px 1px #c2c6d633;min-height:340px}
.slang-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7a8190;font-size:10px}
.slang-heart{width:40px;height:40px;display:grid;place-items:center;background:#ffffff9c;border:1px solid #fff;border-radius:50%;color:#7a8190;cursor:pointer}
.slang-heart[aria-pressed=true]{color:#565f85}.slang-heart[aria-pressed=true] svg{fill:currentColor}
.slang-app .slang-card h2{font:400 43px/1.12 Selecta,sans-serif;letter-spacing:-1.7px;margin:24px 0 14px}
.slang-listen{display:flex;align-items:center;gap:7px;font:400 12px Selecta,sans-serif;color:#68728a;border:0;background:none;padding:4px 0;min-height:40px;cursor:pointer}
.slang-listen svg{width:16px;height:16px}
.slang-meaning{margin-top:18px;border-top:1px solid #dfe3ed;padding-top:19px;min-height:135px}
.slang-meaning h3{font:400 20px/1.25 Selecta,sans-serif;margin:0 0 8px;letter-spacing:-.3px}
.slang-app .slang-meaning p{font-size:12px;line-height:1.55;color:#70798a;margin:0 0 19px}
.slang-meaning blockquote{font:400 16px/1.45 Selecta,sans-serif;margin:17px 0 5px}
.slang-app .slang-meaning .slang-translation{font-size:11px;margin-bottom:18px}
.slang-meaning a{font-size:10px;color:#65728e;text-underline-offset:3px}
.slang-reveal{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:4px 0;min-height:44px;font:400 15px Selecta,sans-serif;color:#48536d;cursor:pointer}
.slang-paging{display:flex;gap:10px;justify-content:space-between;margin-top:21px}
.slang-paging button{min-height:46px;min-width:46px;border:1px solid #fff;border-radius:17px;background:linear-gradient(#fff,#e9ecf3);box-shadow:0 3px 7px #27334a0a;display:flex;align-items:center;justify-content:center;gap:8px;font:400 12px Selecta,sans-serif;color:#566079;cursor:pointer}
.slang-paging [data-learned]{flex:1}.slang-paging [aria-pressed=true]{background:#dfe5ee;color:#303d54}
.slang-paging button:disabled{opacity:.35;cursor:default}.slang-paging svg{width:18px}
.slang-saved>button{position:relative;display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e0e4ed;background:none;padding:18px 35px 18px 2px;color:#303746;cursor:pointer}
.slang-saved span{display:block;font:400 21px Selecta,sans-serif;letter-spacing:-.4px}.slang-saved small{display:block;color:#717b8e;font-size:12px;margin-top:5px}.slang-saved svg{position:absolute;right:3px;top:28px;width:18px}
.slang-quiz>small{font-size:10px;letter-spacing:.06em;color:#798195}.slang-app .slang-quiz h2{font:400 40px Selecta,sans-serif;letter-spacing:-1.2px;margin:30px 0 12px}
.slang-options{display:grid;gap:10px;margin-top:24px}.slang-options button{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:15px 18px;border:1px solid #dce1ec;border-radius:18px;background:#fff;color:#424c62;text-align:left;font:400 15px Selecta,sans-serif;cursor:pointer}.slang-options button.correct{border-color:#586781;background:#e2e7f0}.slang-options button.incorrect{border-style:dashed;background:#eeeef1;color:#737986}.slang-options button:disabled{opacity:1;cursor:default}
.slang-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px;border:1px solid #56617a;border-radius:17px;background:linear-gradient(#59657f,#3d485e);color:#fff;font:400 14px Selecta,sans-serif;box-shadow:inset 0 1px #ffffff38,0 3px 8px #34415a18;cursor:pointer}
.slang-app .slang-answer{min-height:22px;margin-top:17px}.slang-result{text-align:center;padding-top:40px}.slang-result>span{font:400 58px Selecta,sans-serif;letter-spacing:-2px}.slang-app .slang-result h2{font-weight:400}.slang-feedback{font-size:11px;color:#737b8b;margin-top:12px}
.slang-app button:focus-visible,.slang-app a:focus-visible{outline:2px solid #526587;outline-offset:3px}
@media(hover:hover){.slang-app button:not(:disabled):hover{filter:brightness(.98)}}