:root{--soft:#f1effa;--ink:#261347;--raise:5px 5px 12px #c9c3dd88,-5px -5px 12px #ffffff; background:#eeecf7;color:var(--ink)}
body{background:linear-gradient(135deg,#f4f2fd,#eeecf7)}
.learning-path{margin-bottom:12px}.learning-path .lessons{margin:0;display:block}
.situation-menu{position:relative;min-width:140px}.situation-menu>summary,.learning-settings>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:16px;padding:10px 16px;background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #fff;border-radius:15px;color:#59348f;box-shadow:var(--raise);font-size:14px;font-weight:600}
.situation-menu>summary::-webkit-details-marker,.learning-settings>summary::-webkit-details-marker{display:none}
.situation-menu>summary span{margin-left:auto}.situation-menu-content{position:absolute;top:calc(100% + 8px);left:0;z-index:15;width:220px;padding:12px;display:grid;gap:8px;background:#f7f4ff;border:1px solid #fff;border-radius:18px;box-shadow:5px 5px 20px #bfb3d880}
.situation-menu-content>span{font-size:12px;color:#6e5b85;padding:4px}.situation-menu-content>button{text-align:left;width:100%;min-height:44px}
#learningScreen>nav{border-bottom:0;padding-bottom:0;margin-bottom:16px}
#learningScreen .searcharea{margin:16px 0}.learning-settings{margin-top:12px;display:block}.learning-settings>summary{width:max-content;font-weight:500;gap:8px;box-shadow:none;background:transparent;border-color:transparent;padding:6px 8px;color:#65517e}
.learning-settings>summary::after{content:'＋';font-size:18px}.learning-settings[open]>summary::after{content:'−'}.learning-settings .options{padding:10px 8px}
.situation-menu>summary:focus-visible,.learning-settings>summary:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}
/* Learning toolbar uses the same raised surfaces as the cards. */
.learning-path button,#learningScreen>nav>button,.tags button,.listhead-actions #startQuiz,.lessons select{background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffdd;border-radius:15px;color:#59348f;box-shadow:var(--raise)}
.learning-path{gap:14px;flex-wrap:wrap}.learning-path button{font-size:14px}
#learningScreen>nav{gap:12px;padding:8px 0 18px;flex-wrap:wrap;border-bottom-color:#ddd5ed}
#learningScreen>nav>button{font-size:14px;padding:10px 14px;min-height:44px}
#learningScreen>nav>button.active,.tags button.active{background:linear-gradient(140deg,#9858fa,#702ce1);color:#fff;border-color:#ad7bff;box-shadow:3px 3px 8px #c5b8df,inset 1px 1px 2px #ceadff}
.tags{gap:10px}.tags button{font-size:14px;border-radius:22px;min-height:44px}
.lessons select{padding:10px 14px;font-size:16px;min-height:44px}.listhead-actions #startQuiz{font-size:14px;min-height:44px}
.options{color:#59496c;gap:20px}.options input{accent-color:#7c3aed}
.learning-path button:active,#learningScreen>nav>button:not(.active):active,.tags button:not(.active):active,.listhead-actions #startQuiz:active{box-shadow:inset 3px 3px 7px #ccc3df,inset -3px -3px 7px #fff}
.cards{gap:24px}
.cards>.card{background:linear-gradient(140deg,#faf9ff,#efedf8);border:1px solid #ffffffdd;border-radius:28px;box-shadow:8px 8px 24px #c9c3dd70,-6px -6px 20px #ffffff;position:relative}
.card .card-visual{margin:4px 0 0;padding:0 28px;gap:12px}
.card .card-visual img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:240px;border:7px solid #f7f5ff;border-radius:25px;box-shadow:var(--raise);background:#e9e2f7}
.card .card-caption{background:transparent;backdrop-filter:none;box-shadow:none;margin:0;padding:0;max-width:calc(100% + 56px);color:#59477c;font-size:12px;line-height:1.5}
.card>.bookmark{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:linear-gradient(145deg,#fff,#eeebf7);border:1px solid #fff;border-radius:50%;box-shadow:var(--raise);color:#7435d8;font-size:29px;line-height:1;z-index:2;transition:box-shadow .15s,color .15s}
.card>.bookmark[aria-pressed="true"]{color:#6925cf;box-shadow:inset 3px 3px 7px #cbc3de,inset -3px -3px 7px #fff}
.card .expression-pair{gap:3px}.card .ko,.card .en{color:#211035}
.card .primary-listen{background:linear-gradient(140deg,#9858fa,#702ce1);border:1px solid #ad7bff;border-radius:18px;box-shadow:4px 4px 10px #c5b8df,inset 1px 1px 2px #ceadff;color:#fff}
.card .card-details>button,.card .record-actions>button,.card .present-block>summary{background:linear-gradient(145deg,#faf9ff,#efedf8);border:1px solid #ffffffcc;border-radius:17px;color:#57309a;box-shadow:var(--raise)}
.card .card-details{gap:8px}.card .record-actions{gap:12px}.card .present-block>summary:active{box-shadow:inset 3px 3px 7px #ccc3df,inset -3px -3px 7px #fff}
.card .record-actions>button:disabled{background:#eeecf6;color:#827492;border-color:#f8f6ff;box-shadow:inset 2px 2px 5px #d9d2e7,inset -2px -2px 5px #fff}
.card .record-help{color:#65577d}.card .present-block{border-top-color:#ddd5ed}
.card button:not(:disabled):active{box-shadow:inset 3px 3px 7px #ccc3df,inset -3px -3px 7px #fff}
.card .primary-listen:active{box-shadow:inset 3px 3px 8px #55209b,inset -2px -2px 5px #bb86ff}
button:focus-visible,select:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}
/* Matching recessed fields and raised clear/close buttons in both search surfaces. */
.searchbox,.mobile-search-field{background:#eeebf7;border:1px solid #e0d8ee;border-radius:20px;box-shadow:inset 4px 4px 9px #cdc5df,inset -4px -4px 9px #fff;padding:5px 8px 5px 16px;gap:10px}
.searchbox input,.mobile-search-field input{background:transparent;color:#2f174b;min-height:46px;outline:none;box-shadow:none;font-size:16px}
.searchbox input::placeholder,.mobile-search-field input::placeholder{color:#716282;opacity:1}
.searchbox>span{color:#7435d8}
.searchbox #clear,.mobile-search-field #clearMobileSearch,.mobile-search-heading #closeMobileSearch{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,#faf9ff,#eae6f5);color:#6330ac;box-shadow:3px 3px 7px #c4bad8,-3px -3px 7px #fff;font-size:24px;line-height:1}
.searchbox #clear:hover,.mobile-search-field #clearMobileSearch:hover,.mobile-search-heading #closeMobileSearch:hover{background:#f6f2ff;color:#532296}
.searchbox #clear:active,.mobile-search-field #clearMobileSearch:active,.mobile-search-heading #closeMobileSearch:active{box-shadow:inset 3px 3px 6px #c9bfdd,inset -3px -3px 6px #fff}
.searchbox:focus-within,.mobile-search-field:focus-within{border-color:#9160d9;box-shadow:inset 3px 3px 7px #cdc5df,inset -3px -3px 7px #fff,0 0 0 3px #d9c8f5}
.searchbox input:focus-visible,.mobile-search-field input:focus-visible{outline:none;box-shadow:none}
body .player{background:linear-gradient(140deg,#faf9ff,#eae6f6);border:1px solid #ffffffdd;border-radius:28px;color:#25113e;box-shadow:7px 7px 22px #bdb5d580,-5px -5px 16px #ffffffbb;gap:12px}
body .player .now strong{color:#25113e}body .player .now span{color:#66527e}
body .player select,body .player #loop,body .player #closePlayer{background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffcc;color:#57309a;box-shadow:var(--raise)}
body .player select{border-radius:18px}body .player #loop{border-radius:20px;min-height:44px;font-size:13px}
body .player #loop[aria-pressed="true"]{color:#6523c6;background:#e7ddf8;border-color:#b796ec;box-shadow:inset 3px 3px 7px #c4b5dd,inset -3px -3px 7px #fff}
body .player #closePlayer{border-radius:50%;right:9px;top:9px;width:44px;height:44px;font-size:25px}
body .player #play{background:linear-gradient(140deg,#ab6cff,#7331e2);border:3px solid #f4efff;box-shadow:5px 5px 12px #b6a6d5,-4px -4px 10px #fff,inset 1px 1px 2px #d3b8ff}
.player #progress::-webkit-slider-runnable-track{background:linear-gradient(to right,#9254ee 0%,#9254ee var(--played,0%),#d5cde8 var(--played,0%),#d5cde8 100%);box-shadow:inset 2px 2px 4px #b9aecf,inset -1px -1px 3px #fff;height:7px}
.player #progress::-webkit-slider-thumb{width:21px;height:21px;margin-top:-7px;background:#9557f2;border:5px solid #f7f2ff;box-shadow:2px 2px 6px #b0a2ca,-2px -2px 5px #fff}
.player #progress::-moz-range-track{background:#d5cde8}.player #progress::-moz-range-progress{background:#9254ee}.player #progress::-moz-range-thumb{background:#9557f2;border:5px solid #f7f2ff;box-shadow:2px 2px 6px #b0a2ca}
@media(max-width:700px){
 .cards>.card{padding:20px;border-radius:28px}.card .card-visual img{max-width:270px}.card .card-caption{font-size:12px}
 #cardMoveBar .move-primary>button,#cardMoveBar .move-primary>#nextCard{background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffdd;color:#7130cf;box-shadow:4px 4px 10px #c0b5d577,-4px -4px 10px #ffffff;width:44px;height:44px}
 #cardMoveBar .move-primary>button:active{box-shadow:inset 3px 3px 6px #c9bfdd,inset -3px -3px 6px #fff}
 #moveSearch{background:linear-gradient(140deg,#faf9ff,#efebf8);border:1px solid #ffffffdd;box-shadow:6px 6px 20px #b6a8d480,-4px -4px 14px #fff}
 .mobile-search-field{background:#eeebf7;border-radius:20px}
}
@media(max-width:360px){.card .card-visual{padding:0 28px}.card .card-caption{font-size:12px;gap:4px;max-width:calc(100% + 56px);overflow-x:auto}.cards>.card{padding:16px}}

#learningScreen>nav{padding-bottom:0;border-bottom:0}.learning-path .lessons{margin:0}
/* Compact floating capsule, matching the supplied player reference. */
body .player.compact-player{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 26px 14px 16px;min-height:92px;width:min(620px,calc(100vw - 24px));border-radius:48px;background:linear-gradient(145deg,#f6f4fc,#e7e3f0);box-shadow:6px 6px 18px #bdb5d575,-5px -5px 16px #fff}
body .compact-player[hidden]{display:none}
body .compact-player #play{width:50px;height:50px;min-height:50px;font-size:20px;border:4px solid #faf6ff;box-shadow:3px 3px 8px #b7a9cd,-3px -3px 8px #fff,inset 1px 1px 2px #c7a0ff}
body .compact-player .now{padding:0;align-items:flex-start;text-align:left;gap:2px;min-width:0}
body .compact-player .now strong{font-size:14px;line-height:1.35}body .compact-player .now span{font-size:12px;line-height:1.35}
.compact-options{display:flex;align-items:center;gap:8px}
body .compact-player #speed,body .compact-player #loop{min-height:26px;height:26px;padding:2px 6px;background:transparent;border:0;box-shadow:none;font-size:12px;color:#67517e;border-radius:8px}
.track-navigation{display:flex;gap:10px}.track-navigation button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid #ffffffcc;border-radius:50%;background:linear-gradient(145deg,#faf9ff,#e9e5f3);color:#5a397c;box-shadow:3px 3px 8px #c0b5d4,-3px -3px 8px #fff;font-size:17px}
.track-navigation button:active{box-shadow:inset 2px 2px 5px #c9bfdd,inset -2px -2px 5px #fff}
body .compact-player #closePlayer{right:5px;top:4px;width:24px;height:24px;min-height:24px;font-size:17px;box-shadow:none;border:0;background:transparent}
.learning-settings .options{display:flex;flex-wrap:wrap;gap:12px;padding:12px 4px}
.learning-settings .options label{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid #ffffffdd;border-radius:16px;background:linear-gradient(145deg,#faf9ff,#eae6f5);color:#59348f;box-shadow:var(--raise);font-size:14px;cursor:pointer}
.learning-settings .options label:has(input:checked){background:#e9e0f7;color:#532391;border-color:#c4a6e8;box-shadow:inset 3px 3px 7px #cec1e0,inset -3px -3px 7px #fff}
.learning-settings .options label:focus-within{outline:3px solid #7c3aed;outline-offset:3px}
.learning-settings .options input{margin:0;width:18px;height:18px;accent-color:#7c3aed;cursor:pointer}
.learning-settings>summary{min-height:44px;padding:10px 16px;border:1px solid #ffffffdd;border-radius:16px;background:linear-gradient(145deg,#faf9ff,#eae6f5);color:#59348f;box-shadow:var(--raise)}
.learning-settings[open]>summary{background:#e9e0f7;box-shadow:inset 3px 3px 7px #cec1e0,inset -3px -3px 7px #fff}
/* One comparison sample: the first bathroom card only. */
.cards>.card{border-radius:38px;background:linear-gradient(145deg,#f8f7fc,#eae7f3);border:2px solid #ffffffcc;box-shadow:7px 7px 16px #c2bbd6,-5px -5px 16px #fff;padding-top:68px}
.card>.bookmark{top:16px;right:16px;width:44px;height:44px}
.card .card-visual{padding:0;gap:16px}
.card .card-visual img{width:min(100%,230px);max-width:230px;aspect-ratio:1;border-radius:50%;border:10px solid #fdfcff;object-fit:contain;padding:16px;background:#eee7fa;box-shadow:5px 5px 10px #c4bdd5,-5px -5px 10px #fff}
.card .card-caption{max-width:100%;font-size:12px;gap:5px}
.card .expression-pair{text-align:center;margin:6px 0}
.card .primary-listen{border-radius:28px}
.card .card-details>button,.card .record-actions>button,.card .present-block>summary{border-radius:22px}
@media(max-width:360px){.cards>.card{padding:64px 16px 20px}.card .card-caption{font-size:12px;max-width:100%;white-space:normal;flex-wrap:wrap}}
/* Revised comparison sample: square artwork and aligned bilingual text. */
.card .card-visual img{border-radius:24px;padding:0;border-width:7px;object-fit:contain}
.card .expression-pair{align-items:stretch;text-align:left;gap:3px}
.card .expression-pair>.ko,.card .expression-pair>.en{width:100%;text-align:left;font-size:21px;font-weight:600;line-height:1.4;margin:0}
.card .present-block>summary{min-height:56px;padding:8px 10px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.card .present-block>summary>span{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid #fff;background:linear-gradient(145deg,#faf9ff,#eae6f5);box-shadow:3px 3px 7px #c4bad8,-3px -3px 7px #fff;color:#7130cf;font-size:25px;line-height:1}
.card .present-block[open]>summary>span{box-shadow:inset 2px 2px 5px #c9bfdd,inset -2px -2px 5px #fff}
.learning-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:20px;min-width:0}
.listhead-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.listhead-title h2{margin:0}.listhead-title #count{font-size:13px;white-space:nowrap;color:#685779}.listhead{gap:12px;margin:20px 0 12px}.listhead-actions{flex-shrink:0}
.learning-toolbar>.learning-path{margin:0;flex:0 0 auto}
.learning-toolbar .situation-menu{min-width:110px}
.learning-toolbar>nav{display:flex;align-items:center;gap:12px;margin:0;padding:0;border:0;min-width:0}
.learning-toolbar>nav>button{min-height:44px;padding:10px 14px;font-size:14px;background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffdd;border-radius:15px;color:#59348f;box-shadow:var(--raise);white-space:nowrap}
.learning-toolbar>nav>button.active{background:linear-gradient(140deg,#9858fa,#702ce1);color:#fff;border-color:#ad7bff;box-shadow:3px 3px 8px #c5b8df,inset 1px 1px 2px #ceadff}
@media(max-width:480px){.learning-toolbar{gap:8px}.learning-toolbar .situation-menu{min-width:80px}.learning-toolbar .situation-menu>summary{padding:10px 12px;gap:8px}.learning-toolbar>nav{gap:8px;flex:1}.learning-toolbar>nav>button{font-size:13px;padding:10px 9px;flex:1}.learning-toolbar>nav span{font-size:12px}}
/* Match the first sample's image and spacing to the adjacent card. */
.cards>.card{padding:20px;border-width:1px}
.card .card-visual{padding:0 28px;gap:12px;margin:4px 0 0}
.card .card-visual img{width:100%;max-width:240px}
.card .card-caption{max-width:calc(100% + 56px);gap:7px;white-space:nowrap}
.card .expression-pair{margin:2px 0}
.card .present-block>summary{min-height:44px;padding:8px 10px 8px 16px}
.card .present-block>summary>span{width:28px;height:28px;font-size:22px}
.card>.bookmark,.card>.bookmark{top:12px;right:12px;font-size:25px;width:44px;height:44px}
@media(max-width:700px){.card .card-visual img{max-width:270px}}
@media(max-width:360px){.cards>.card{padding:16px}.card .card-caption{gap:4px;overflow-x:auto;flex-wrap:nowrap}}
.searchbox{max-width:560px;min-height:46px;padding:1px 6px 1px 12px;border-radius:16px;gap:8px}
.searchbox input{height:42px;min-height:42px;padding:6px 0;font-size:16px}
.searchbox>span{font-size:22px}
.searchbox #clear,.mobile-search-field #clearMobileSearch{width:36px;height:36px;min-height:36px;font-size:20px;box-shadow:2px 2px 5px #c4bad8,-2px -2px 5px #fff}
.mobile-search-field{min-height:46px;padding:1px 6px 1px 12px;border-radius:16px;gap:8px}.mobile-search-field input{min-height:42px;height:42px;padding:6px 0;font-size:16px}
#moveSearch{padding:8px 10px 10px}.searcharea>label{margin-bottom:7px}
@media(max-width:600px){.searchbox{max-width:100%;width:100%}}
@media(min-width:701px){
 #cardMoveBar:not([hidden]){display:block;position:fixed;left:auto;right:24px;bottom:24px;width:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;z-index:35}
 #cardMoveBar .move-primary{display:block;padding:0;border:0}
 #cardMoveBar #nextCard,#cardMoveBar #moveSearch{display:none}
 #cardMoveBar #previousCard{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffffdd;border-radius:50%;background:linear-gradient(145deg,#faf9ff,#eae6f5);color:#7130cf;box-shadow:4px 4px 10px #c0b5d577,-4px -4px 10px #fff}
 #cardMoveBar #previousCard[hidden]{display:none}
 #cardMoveBar #previousCard:active{box-shadow:inset 3px 3px 6px #c9bfdd,inset -3px -3px 6px #fff}
}
/* Shared visual system from landing through selection and learning. */
header{border-bottom-color:#ded6ed}.brand{color:#7435d8}.edition{color:#67557e}
#categoryScreen h1,#situationScreen h1{color:#291442}
.learning-categories{gap:20px}
.learning-categories>button,#situationScreen .situation-tiles>button{background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffdd;border-top:1px solid #ffffffdd;border-radius:26px;box-shadow:6px 6px 16px #c9c3dd88,-5px -5px 15px #fff;padding:24px;color:#59348f;transition:box-shadow .15s,background .15s}
.learning-categories>button strong,#situationScreen .situation-tiles>button strong{color:#582a96}
.learning-categories>button:disabled{opacity:1;color:#857b93;background:linear-gradient(145deg,#f1eef8,#e9e5f1);box-shadow:inset 2px 2px 5px #d7cfE4,inset -2px -2px 5px #fff}
.learning-categories>button:disabled strong{color:#857b93}
.learning-categories>button:not(:disabled):hover,#situationScreen .situation-tiles>button:hover{background:#f7f2ff;border-color:#ddcff1}
.learning-categories>button:not(:disabled):active,#situationScreen .situation-tiles>button:active{box-shadow:inset 4px 4px 9px #cfc4e1,inset -4px -4px 9px #fff}
#situationScreen .situation-tiles{gap:20px}#situationScreen .situation-tiles>button span{background:#ece4f8;color:#67517e;border-radius:10px}
.situation-heading .back-categories,.situation-menu-content>button{background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffdd;border-radius:15px;box-shadow:var(--raise);color:#59348f}
#situationSearch{max-width:560px;min-height:46px;padding:10px 14px;border:1px solid #e0d8ee;border-radius:16px;background:#eeebf7;box-shadow:inset 4px 4px 9px #cdc5df,inset -4px -4px 9px #fff;font-size:16px;color:#2f174b}
#situationSearch:focus-visible{outline:3px solid #d9c8f5;outline-offset:1px;border-color:#9160d9}
.imgify-footer{border-top:0}.imgify-link{padding:18px 22px;background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffdd;border-radius:24px;box-shadow:var(--raise)}
#quizDialog{background:linear-gradient(145deg,#faf9ff,#eeebf7);border-color:#fff;border-radius:28px}
.quiz-heading>button,.quiz-choices>button,.quiz-feedback>button,.irregular-buttons>button{background:linear-gradient(145deg,#faf9ff,#eae6f5);border:1px solid #ffffffdd;border-radius:16px;box-shadow:var(--raise);color:#59348f}
.quiz-heading>button{border-radius:50%}.quiz-listen,.quiz-next{background:linear-gradient(140deg,#9858fa,#702ce1);border-color:#ad7bff;border-radius:18px;box-shadow:3px 3px 8px #c5b8df;color:#fff}
.quiz-choices>button.quiz-correct{background:#eff9f2;border:2px solid #277449;color:#215c3c;box-shadow:inset 2px 2px 5px #d0e1d5}
.quiz-choices>button.quiz-wrong{background:#fff4f5;border:2px solid #b75a66;color:#803f49;box-shadow:inset 2px 2px 5px #ecd6da}
.quiz-feedback,.analysis-panel{background:#ece5f8;border-radius:18px;box-shadow:inset 2px 2px 6px #d9cde9,inset -2px -2px 6px #fff}
@media(max-width:700px){.learning-categories,#situationScreen .situation-tiles{gap:16px}.learning-categories>button,#situationScreen .situation-tiles>button{padding:20px;border-radius:24px}#situationSearch{max-width:100%;width:100%}}
.learning-categories>button[data-learning="basic"]{background:linear-gradient(145deg,#8244dd,#6424bb);border-color:#a578e8;color:#fff;box-shadow:6px 6px 16px #bba6d8,-5px -5px 15px #fff,inset 1px 1px 2px #b78deb}
.learning-categories>button[data-learning="basic"] strong,.learning-categories>button[data-learning="basic"] span{color:#fff;background:transparent}
.learning-categories>button[data-learning="basic"]:hover{background:linear-gradient(145deg,#7739d0,#591ea9);border-color:#ba94ec}
.learning-categories>button[data-learning="basic"]:active{box-shadow:inset 4px 4px 9px #49148f,inset -3px -3px 7px #a46ce8}
.searcharea>.search-accessible-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.learning-toolbar{margin-bottom:12px}#learningScreen .searcharea{margin:12px 0}.searcharea .tags{margin:12px 0}.learning-settings{margin-top:6px}
#situationScreen>.search-accessible-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#situationScreen .situation-searchbox{margin:12px 0 20px}
.situation-searchbox #situationSearch{background:transparent;box-shadow:none;border:0;border-radius:0;min-height:42px;height:42px;padding:6px 0;margin:0;max-width:none;width:auto;outline:none;flex:1;min-width:0}
.situation-searchbox #clearSituationSearch{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,#faf9ff,#eae6f5);color:#6330ac;box-shadow:2px 2px 5px #c4bad8,-2px -2px 5px #fff;font-size:20px;line-height:1}
.mobile-search-field>span{color:#7435d8;font-size:22px;line-height:1;flex-shrink:0}
.situation-searchbox #situationSearch:focus-visible{outline:none;box-shadow:none}
#situationScreen .situation-searchbox #situationSearch{display:block;background:transparent;border:0;border-radius:0;box-shadow:none;padding:6px 0;margin:0;min-height:42px;height:42px;max-width:none;width:auto;min-width:0;flex:1;appearance:none;-webkit-appearance:none;color:#2f174b}
#situationScreen .situation-searchbox #situationSearch:focus,#situationScreen .situation-searchbox #situationSearch:focus-visible{outline:none;box-shadow:none}
#situationScreen .situation-searchbox{height:46px;min-height:46px;padding:1px 6px 1px 12px;align-items:center;gap:8px}
@media(max-width:420px){body .player.compact-player{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;padding:12px 21px 12px 12px;border-radius:38px}body .compact-player #play{width:46px;height:46px;min-height:46px}.track-navigation{gap:6px}.track-navigation button{width:34px;height:34px;min-height:34px}body .compact-player .now strong{font-size:13px}}

.card>.bookmark{font-size:22px}