/* Flipoa card overview experiment — 2026-09-30 */
#trainer .workspace-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;padding:12px 0 16px!important;margin:0 0 12px!important;
 border-bottom:1px solid #d7cadc80!important;
}
#trainer .workspace-navigation{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}
#trainer .workspace-friend{width:58px!important;height:58px!important;flex:0 0 58px!important}
#trainer .workspace-head .workspace-title-wrap{display:flex!important;flex:1!important;align-items:center!important;gap:0!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important}
#trainer .workspace-title-wrap #list-tab{
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
 color:#392a46!important;font-size:clamp(1.35rem,3vw,1.8rem)!important;font-weight:750!important;line-height:1.2;
}
#trainer .workspace-title-wrap #learn-tab[hidden]{display:none!important}
#trainer .workspace-assistance{flex:0 0 auto}
#trainer .workspace-head #new-card{
 width:auto!important;min-height:44px!important;margin:0!important;padding:10px 16px!important;
 border:1px solid #bca9ca!important;border-radius:12px!important;background:#f5eff8!important;
 color:#59416b!important;box-shadow:none!important;font-size:.92rem!important;font-weight:700!important;
}
#trainer .workspace-head #new-card:hover{background:#eee4f3!important}
#trainer .stats{margin:4px 0 14px!important;padding:4px 0 10px!important;border-bottom:1px solid #d7cadc60}
#trainer .card-tools{
 margin:8px 0 14px!important;padding:0!important;border:0!important;border-radius:14px!important;
 color:#655a68!important;font-size:.9rem!important;background:transparent!important;
}
#trainer .card-tools>summary{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 width:100%!important;min-height:46px!important;padding:9px 14px!important;border:1px solid #e1dce3!important;
 border-radius:12px!important;background:#f4f1f2!important;color:#635b66!important;font-size:.9rem!important;font-weight:650!important;
}
#trainer .card-tools>summary svg{width:18px;height:18px;transition:transform .18s ease}
#trainer .card-tools[open]>summary{border-radius:12px 12px 0 0;background:#efebf0}
#trainer .card-tools[open]>summary svg{transform:rotate(180deg)}
#trainer .management-body{
 display:grid!important;gap:8px!important;padding:8px!important;border:1px solid #e1dce3!important;
 border-top:0!important;border-radius:0 0 12px 12px!important;background:#fbfaf9!important;
}
#trainer .management-group{margin:0!important;padding:0!important;border:1px solid #e7e1e9!important;border-radius:9px!important;background:#fffdfb!important}
#trainer .management-group>summary{
 display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;
 color:#4f4655;font-size:.88rem;font-weight:650;cursor:pointer;list-style:none;
}
#trainer .management-group>summary::-webkit-details-marker{display:none}
#trainer .management-group>summary::before{content:"＋";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f1ecf3;color:#6b5877;font-size:14px}
#trainer .management-group[open]>summary{border-bottom:1px solid #eee9ef}
#trainer .management-group[open]>summary::before{content:"−"}
#trainer .management-group-content{
 display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;
}
#trainer .management-group-content>label:not(.management-select-all){display:grid;gap:6px;min-width:min(100%,240px);color:#655a68;font-size:.82rem;font-weight:600}
#trainer .management-group-content #topic{min-height:42px;padding:8px 34px 8px 10px;border:1px solid #d8cfdd;border-radius:9px;background:#fffdf8;color:#392a46}
#trainer .management-group-content #favorites-filter,
#trainer .management-group-content #print,
#trainer .management-group-content .file-actions button{
 min-height:42px;padding:8px 13px;border:1px solid #d8cfdd;border-radius:9px;background:#faf7fb;color:#574462;font-size:.88rem;font-weight:650;
}
#trainer .management-select-all{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 10px;border-radius:8px;background:#f8f5f8;color:#514858;font-size:.86rem}
#trainer .management-select-all input{width:20px;height:20px;accent-color:#6f4d84}
#trainer .management-group-content #delete-selected{min-height:40px;padding:8px 12px;border:1px solid #e4d8dd;border-radius:8px;color:#87535e;font-size:.84rem}
#trainer .management-group-content #delete-selected:disabled{opacity:.45}
#trainer .management-group-content .card-search-label{flex:1 1 260px;margin:0!important}
#trainer .management-group-content .card-search-label input{min-height:42px;margin:0;padding:8px 11px;border:1px solid #ddd4e2;border-radius:9px;background:#fffdf9}
#trainer .management-hint{flex-basis:100%;margin:0;color:#756c78;font-size:.8rem;line-height:1.45}
#trainer .management-group-content #print{display:inline-flex;align-items:center;gap:8px;width:auto!important;height:auto!important}
#trainer .management-group-content #print svg{width:19px;height:19px}
#trainer #recent-cards{
 margin:0 0 16px!important;border:1px solid #c9d7cb!important;border-radius:12px!important;
 background:#f0f4ef!important;color:#455a49!important;box-shadow:none!important;
}
#trainer #recent-cards>summary{min-height:48px!important;padding:9px 14px!important;color:#455a49!important;font-size:.9rem!important;font-weight:650!important}
#trainer #recent-cards .recent-heading{color:#455a49!important}
#trainer #cards{margin-top:10px!important}
#trainer .topic-group>summary{box-shadow:0 1px 3px #43304c0b}
.flipoa-action-dock{display:none;position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;align-items:flex-end;gap:8px}
.workspace-mode:not(.learning-mode) .flipoa-action-dock{display:flex}
body:has(dialog[open]) .flipoa-action-dock{display:none}
.flipoa-action-dock .flipoa-feed{position:static!important;display:flex!important;align-items:center;flex-direction:column;margin:0;padding:0!important}
.flipoa-action-dock .flipoa-feed-visual{width:88px!important;height:88px!important}
.flipoa-action-dock .flipoa-feed-visual .flipoa-feed-standard{width:88px!important;height:88px!important}
.flipoa-action-dock .flipoa-feed-label{padding:6px 10px!important;border:1px solid #ded5cb!important;border-radius:14px!important;background:#fffdf7!important;color:#443447!important;font-size:.78rem!important}
.flipoa-learn-action{min-height:48px;padding:11px 19px;border:1px solid #684a7b;border-radius:999px;background:#684a7b;color:#fff;font-size:.98rem;font-weight:750;box-shadow:0 3px 10px #34213b25;cursor:pointer}
.flipoa-learn-action:hover{background:#573c68}
@media(max-width:700px){
 #trainer .workspace-head{gap:10px!important;padding:8px 0 12px!important}
 #trainer .workspace-navigation{width:auto!important;flex:1 1 auto;gap:8px!important}
 #trainer .workspace-friend{width:46px!important;height:46px!important;flex-basis:46px!important}
 #trainer .workspace-head #new-card{min-height:42px!important;padding:8px 11px!important;font-size:.83rem!important}
 #trainer .workspace-assistance summary{padding:6px!important}
 #trainer .management-body{padding:6px!important}
 #trainer .management-group-content{align-items:stretch;padding:10px}
 #trainer .management-group-content>label:not(.management-select-all){flex:1 1 100%;min-width:0}
 #trainer .management-group-content #favorites-filter,
 #trainer .management-group-content #print{flex:1 1 auto}
 #trainer .management-select-all{flex:1 1 100%}
 #trainer .management-group-content .card-search-label{flex-basis:100%}
 .flipoa-action-dock{right:10px;bottom:max(14px,env(safe-area-inset-bottom));gap:6px}
 .flipoa-action-dock .flipoa-feed-visual{width:70px!important;height:70px!important}
 .flipoa-action-dock .flipoa-feed-visual .flipoa-feed-standard{width:70px!important;height:70px!important}
 .flipoa-action-dock .flipoa-feed-label{max-width:132px;padding:5px 8px!important;font-size:.72rem!important}
 .flipoa-learn-action{min-height:44px;padding:9px 14px;font-size:.9rem}
 body.workspace-mode{padding-bottom:132px!important}
}
@media(prefers-reduced-motion:reduce){
 #trainer .card-tools>summary svg{transition:none}
}

/* Screenshot refinement: progress, quiet recent bar, shared bottom actions. */
#trainer #stats{display:block!important;margin:8px 0 16px!important;padding:4px 0 12px!important;text-align:left}
#trainer .learning-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#69478a;font-size:clamp(.95rem,2.4vw,1.18rem)}
#trainer .learning-progress-copy strong:last-child{color:#392a46}
#trainer .learning-progress-track{height:12px;overflow:hidden;border-radius:999px;background:#e9e1ee}
#trainer .learning-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a65bd0,#7843b1);transition:width .25s ease}
#trainer #stats>small{display:block;margin-top:6px;color:#817887;font-size:.78rem}
#trainer .card-tools>summary{justify-content:flex-start!important;gap:12px}
#trainer .management-gear{display:grid;place-items:center;width:22px;height:22px;color:#75548e}
#trainer .management-gear svg{width:21px;height:21px}
#trainer .card-tools>summary .management-chevron{margin-left:auto}
#trainer #recent-cards{border-color:#dfcdec!important;background:#f7f1fa!important;color:#705785!important}
#trainer #recent-cards>summary{display:flex!important;gap:10px!important;min-height:48px!important;background:transparent!important;color:#705785!important}
#trainer #recent-cards>summary::marker{content:""}
#trainer .recent-clock{display:inline-grid;place-items:center;width:25px;height:25px;color:#795a91;font-size:25px;line-height:1}
#trainer .recent-heading strong{color:#705785!important}
#trainer .recent-heading small{margin-left:auto;color:#7d6c88!important}
#trainer .recent-arrow{font-size:1.5rem!important;line-height:1}
.flipoa-action-dock{
 left:max(16px,calc((100vw - 720px)/2))!important;right:max(16px,calc((100vw - 720px)/2))!important;
 bottom:max(12px,env(safe-area-inset-bottom))!important;display:none!important;
 justify-content:space-between!important;align-items:center!important;gap:12px!important;
 padding:8px 18px!important;border:1px solid #e5dce8;border-radius:28px;
 background:#fffdf9f5;box-shadow:0 5px 22px #38253d20;backdrop-filter:blur(12px);
}
.workspace-mode:not(.learning-mode) .flipoa-action-dock{display:flex!important}
.flipoa-action-dock .flipoa-feed{flex-direction:row!important;gap:8px!important}
.flipoa-action-dock .flipoa-feed-visual,
.flipoa-action-dock .flipoa-feed-visual .flipoa-feed-standard{width:72px!important;height:72px!important}
.flipoa-action-dock .flipoa-feed-label{
 max-width:none!important;padding:0!important;border:0!important;background:transparent!important;
 color:#4b3b52!important;font-size:.9rem!important;font-weight:700!important
}
.flipoa-learn-action{min-width:190px;min-height:52px!important;padding:12px 24px!important;font-size:1rem!important}
@media(max-width:700px){
 .flipoa-action-dock{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;padding:6px 10px!important;border-radius:24px}
 .flipoa-action-dock .flipoa-feed{gap:5px!important}
 .flipoa-action-dock .flipoa-feed-visual,
 .flipoa-action-dock .flipoa-feed-visual .flipoa-feed-standard{width:58px!important;height:58px!important}
 .flipoa-action-dock .flipoa-feed-label{max-width:120px!important;white-space:normal!important;text-align:left;font-size:.76rem!important}
 .flipoa-learn-action{min-width:140px;min-height:46px!important;padding:10px 16px!important;font-size:.9rem!important}
 body.workspace-mode{padding-bottom:112px!important}
}
@media(prefers-reduced-motion:reduce){#trainer .learning-progress-fill{transition:none}}

/* Compact management panel: clearly grouped actions without nested accordions. */
#trainer .management-body{display:grid!important;gap:0!important;padding:4px 12px 10px!important}
#trainer .management-section{padding:10px 2px;border-bottom:1px solid #e9e3eb}
#trainer .management-section:last-child{border-bottom:0}
#trainer .management-section>h3{margin:0 0 7px;color:#756581;font-size:.76rem;font-weight:750;letter-spacing:.025em}
#trainer .management-section-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#trainer .management-section-content>label:not(.management-select-all){display:grid;gap:4px;min-width:min(100%,190px);color:#655a68;font-size:.78rem;font-weight:600}
#trainer .management-section-content #topic{min-height:38px;padding:7px 32px 7px 9px}
#trainer .management-section-content .card-search-label{flex:1 1 210px;margin:0!important}
#trainer .management-section-content .card-search-label input{min-height:38px;margin:0;padding:7px 9px}
#trainer .management-section-content #favorites-filter,
#trainer .management-section-content>button:not(.link),
#trainer .management-section-content #print{min-height:38px;padding:7px 11px;font-size:.82rem}
#trainer .management-section-content .management-select-all{min-height:38px;padding:6px 8px;font-size:.82rem}
#trainer .management-section-content #delete-selected,
#trainer .management-section-content #reset-topic{min-height:38px;padding:7px 10px;font-size:.82rem}
#trainer .management-section-content #print{display:inline-flex;align-items:center;gap:7px;width:auto!important;height:auto!important}
#trainer .topic-group{position:relative;overflow:visible!important}
#trainer .topic-group:has(.topic-more-menu:not([hidden])){z-index:12}
#trainer .topic-summary-actions{position:relative!important;align-items:center!important;gap:6px!important}
#trainer .topic-more{display:inline-grid;place-items:center;width:38px;height:40px;min-width:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#544060;font-size:1.5rem;font-weight:750;line-height:1;cursor:pointer}
#trainer .topic-more:hover,#trainer .topic-more[aria-expanded=true]{background:#f1eaf5}
#trainer .topic-more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:grid;gap:2px;min-width:178px;padding:6px;border:1px solid #e0d6e5;border-radius:12px;background:#fffdfb;box-shadow:0 8px 24px #33213a26}
#trainer .topic-more-menu[hidden]{display:none!important}
#trainer .topic-more-menu>button{display:block;width:100%;min-height:40px;margin:0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#4d4253;text-align:left;font-size:.84rem;font-weight:600}
#trainer .topic-more-menu>button:hover{background:#f4eff6}
#trainer .topic-more-menu>.delete-topic{color:#96545e}
@media(max-width:700px){
 #trainer .management-body{padding:4px 8px 8px!important}
 #trainer .management-section{padding:8px 0}
 #trainer .management-section-content{gap:7px}
 #trainer .management-section-content>label:not(.management-select-all){min-width:0;flex:1 1 100%}
 #trainer .management-section-content .management-select-all{flex:1 1 100%}
 #trainer .topic-summary-actions{gap:3px!important}
 #trainer .topic-more{width:34px;height:40px;min-width:34px}
}
/* Fix action dock: keep mascot and import label in separate flex cells; Learn stays right. */
#flipoa-action-dock{
 justify-content:space-between!important;align-items:center!important;gap:12px!important;
}
#flipoa-action-dock #flipoa-feed{
 display:flex!important;position:static!important;order:1!important;flex:0 1 auto!important;
 flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 gap:10px!important;min-width:0!important;width:auto!important;max-width:calc(100% - 205px);
 overflow:visible!important;
}
#flipoa-action-dock #flipoa-feed .flipoa-feed-visual{
 display:grid!important;position:relative!important;flex:0 0 72px!important;
 width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;
 overflow:hidden!important;
}
#flipoa-action-dock #flipoa-feed .flipoa-feed-visual .flipoa-feed-standard{
 display:block!important;position:relative!important;inset:auto!important;
 flex:0 0 72px!important;width:72px!important;height:72px!important;
 min-width:72px!important;max-width:72px!important;min-height:72px!important;max-height:72px!important;
 object-fit:contain!important;
}
#flipoa-action-dock #flipoa-feed .flipoa-feed-label{
 position:relative!important;z-index:2;display:block!important;flex:0 1 auto!important;
 width:auto!important;max-width:190px!important;min-width:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;color:#4b3b52!important;
 white-space:normal!important;overflow-wrap:anywhere;line-height:1.2;text-align:left;
}
#flipoa-action-dock #flipoa-learn-action{
 order:2!important;flex:0 0 auto!important;margin-left:auto!important;
}
@media(max-width:700px){
 #flipoa-action-dock{gap:8px!important}
 #flipoa-action-dock #flipoa-feed{gap:6px!important;max-width:calc(100% - 155px)}
 #flipoa-action-dock #flipoa-feed .flipoa-feed-visual,
 #flipoa-action-dock #flipoa-feed .flipoa-feed-visual .flipoa-feed-standard{
  flex-basis:58px!important;width:58px!important;height:58px!important;
  min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;
 }
 #flipoa-action-dock #flipoa-feed .flipoa-feed-label{max-width:clamp(82px,25vw,126px)!important;font-size:.74rem!important}
 #flipoa-action-dock #flipoa-learn-action{min-width:132px!important;padding-inline:14px!important}
}
@media(max-width:380px){
 #flipoa-action-dock #flipoa-feed{max-width:calc(100% - 128px)}
 #flipoa-action-dock #flipoa-feed .flipoa-feed-label{max-width:78px!important;font-size:.68rem!important}
 #flipoa-action-dock #flipoa-learn-action{min-width:116px!important;padding-inline:10px!important}
}


/* Favoritenmodus und klare Hervorhebung der neuen Karte. */
#trainer .favorites-mode{
 display:flex;align-items:center;gap:9px;margin:10px 0 14px;padding:10px 14px;
 border:1px solid #cdb7df;border-radius:14px;background:#f2e8fa;color:#503568;
 font-size:.94rem;font-weight:700;
}
#trainer .favorites-mode[hidden]{display:none!important}
#trainer .favorites-mode-icon{font-size:1.15rem;color:#75439a}
#trainer #favorites-mode-count{margin-left:auto;color:#756181;font-size:.84rem;font-weight:600}
#trainer #favorites-mode-clear{padding:5px 9px;border:0;border-radius:9px;background:#fff;color:#65417d;font-weight:700;cursor:pointer}
#trainer #favorites-mode-clear:hover{background:#e8d9f2}
#trainer .workspace-head #new-card{
 border-color:#79509a!important;background:#79509a!important;color:#fff!important;
 box-shadow:0 3px 9px #51336b26!important;font-size:1rem!important;font-weight:800!important;
 letter-spacing:.005em;
}
#trainer .workspace-head #new-card:hover{background:#684286!important;border-color:#684286!important}
#trainer .workspace-head #new-card:focus-visible,#trainer #favorites-mode-clear:focus-visible{outline:3px solid #c9a9e4;outline-offset:2px}


/* Explicit two-column placement: import left, learn right. */
#flipoa-action-dock{flex-direction:row!important}
#flipoa-action-dock #flipoa-feed{order:0!important;margin-left:0!important}
#flipoa-action-dock #flipoa-learn-action{order:1!important;margin-left:auto!important}


/* Quiet, compact set detail: reduce duplicate UI and let each set read as one card. */
#trainer{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important}
#trainer #cards{gap:10px!important;margin-top:8px!important}
#trainer #cards>.topic-group{
 margin:0!important;overflow:hidden!important;border:1px solid #e7e4e9!important;
 border-top:3px solid var(--topic-accent,#8a6ca0)!important;border-radius:15px!important;
 background:#fff!important;box-shadow:0 2px 8px #21162b0a!important;
}
#trainer #cards>.topic-group>summary{
 min-height:58px!important;padding:9px 12px!important;background:#fff!important;
 color:#29252c!important;line-height:1.25!important;list-style:inside!important;
}
#trainer #cards>.topic-group>summary strong{font-size:.96rem!important;font-weight:650!important;color:#29252c!important}
#trainer #cards>.topic-group>summary small{margin-left:7px!important;color:#78717d!important;font-size:.74rem!important;font-weight:500!important}
#trainer .topic-group .topic-select{width:20px!important;height:20px!important;accent-color:#72518d}
#trainer .topic-group .topic-content{padding:0 12px 6px!important;border-top:1px solid #f0edf2!important;background:#fff!important}
#trainer .topic-questions>.row{padding:7px 0!important;gap:8px!important;border-bottom-color:#efedf0!important}
#trainer .topic-questions .row h3{margin:0!important;font-size:.88rem!important;line-height:1.28!important}
#trainer .topic-questions .question-preview{min-height:32px!important;line-height:1.3!important;color:#29252c!important}
#trainer .topic-questions .row>div:not(.row-actions)>small:last-child{font-size:.7rem!important;color:#85808a!important}
#trainer .topic-questions .row-actions{align-items:center!important;gap:4px!important}
#trainer .topic-questions .row-actions button{min-height:34px!important;padding:4px 7px!important;font-size:.72rem!important}
#trainer .topic-questions .row-actions>.favorite{width:34px!important;min-width:34px!important;flex-basis:34px!important;font-size:1.15rem!important}
#trainer .topic-questions .row-actions>.row-delete{width:36px;min-width:36px;padding:4px!important;text-decoration:none;font-size:1.05rem!important;color:#766c7b!important}
@media(max-width:700px){
 #trainer #cards>.topic-group>summary{min-height:54px!important;padding:8px 10px!important}
 #trainer #cards>.topic-group>summary small{display:inline-block!important;margin-left:6px!important}
 #trainer .topic-group .topic-content{padding:0 10px 5px!important}
 #trainer .topic-questions>.row{grid-template-columns:20px minmax(0,1fr) auto!important;gap:6px!important}
 #trainer .topic-questions .row .row-actions{grid-column:3!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
 #trainer .topic-questions .row-actions button{min-width:32px!important;padding-inline:5px!important}
 #trainer .topic-questions .row-actions>.favorite{width:32px!important;min-width:32px!important;flex-basis:32px!important}
}


/* Repair clipping, reduce topic color noise, and restore legible controls. */
#trainer #cards>.topic-group{overflow:visible!important;border:1px solid #e5e0e7!important;border-top:2px solid #ddd6e2!important;background:#fffdfb!important}
#trainer #cards>.topic-group>summary{border-radius:13px 13px 0 0!important;color:#302936!important;background:#fffdfb!important}
#trainer #cards>.topic-group>summary strong{color:#302936!important}
#trainer #cards>.topic-group>summary small{color:#6f6873!important}
#trainer .topic-group .topic-content{background:#fffdfb!important}
#trainer .topic-more-menu{z-index:40!important}
#trainer .topic-more-menu>button{color:#302936!important}
#trainer .study-card{color:#302936!important}
#trainer .study-card>h2,#trainer .study-card .answer p{color:#302936!important}
#flipoa-action-dock #flipoa-feed{flex:0 1 auto!important}


/* Make each topic color easy to recognize while keeping the card body quiet. */
#trainer #cards>.topic-group>summary{
 border-left:5px solid var(--topic-accent)!important;
 background:var(--topic-light)!important;
 background:color-mix(in srgb,var(--topic-light) 78%,var(--topic-accent))!important;
 color:var(--topic-ink)!important;
}
#trainer #cards>.topic-group>summary strong{color:var(--topic-ink)!important}
#trainer #cards>.topic-group>summary small{color:var(--topic-ink)!important;opacity:.78}


/* Answer wash and clearly readable learning finish panel. */
#trainer .study-card>.answer{
 position:relative!important;isolation:isolate!important;overflow:visible!important;
 margin:1rem 0!important;padding:1.2rem .75rem 1.45rem!important;
 background:transparent!important;border-radius:0!important;color:#24372d!important;
}
#trainer .study-card>.answer::before{
 content:"";position:absolute;z-index:-1;inset:5px -2.5% 4px;
 background:var(--topic-light,#dceee2);
 background:color-mix(in srgb,var(--topic-light,#dceee2) 62%,#abd5b7);
 clip-path:polygon(2% 8%,9% 3%,19% 6%,29% 2%,40% 5%,52% 1%,63% 5%,74% 2%,86% 6%,97% 3%,99% 18%,96% 32%,100% 47%,97% 61%,99% 81%,94% 94%,83% 91%,71% 98%,58% 94%,45% 99%,31% 94%,18% 97%,5% 92%,3% 77%,0 62%,4% 47%,1% 31%,5% 18%);
}
#trainer .study-card>.answer small{color:#405c49!important;font-size:.74rem!important;font-weight:750!important}
#trainer .study-card>.answer p{margin:.7rem 0 0!important;color:#1f3528!important;font-size:1.9rem!important;font-weight:650!important;line-height:1.45!important}
#trainer .study-card.long-answer>.answer p{font-size:1.35rem!important;line-height:1.5!important}
#trainer .round-finish{
 box-sizing:border-box;width:min(100%,760px);margin:1.2rem auto 2rem;padding:clamp(1.5rem,4vw,2.8rem) 1.25rem;
 border:1px solid #e2dacf;border-radius:20px;
 background:linear-gradient(#fffdf8ed,#fffdf8ed),url('paper.png');background-size:auto,580px;
 box-shadow:0 8px 10px #493b4519,0 25px 35px -14px #493b4540;color:#302936;
}
#trainer .round-finish h2{color:#392a46!important;font-size:1.8rem!important}
#trainer .round-finish p{color:#504758!important;font-size:1rem!important;line-height:1.55!important;opacity:1!important}
#trainer .round-finish button{min-height:48px;padding:12px 20px;font-size:1rem;font-weight:750}
@media(max-width:700px){
 #trainer .study-card>.answer{padding:.9rem .25rem 1.15rem!important}
 #trainer .study-card>.answer p{font-size:1.65rem!important}
 #trainer .study-card.long-answer>.answer p{font-size:1.25rem!important}
 #trainer .round-finish{margin:1rem auto;padding:1.4rem 1rem;border-radius:17px}
 #trainer .round-finish h2{font-size:1.5rem!important}
}

#trainer .archive-folder{margin:1.2rem 0 1.5rem;border:1px solid #cfc5d3;border-radius:14px;background:#fbfaf8;overflow:hidden}
#trainer .archive-folder>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;color:#655774;font-weight:700;list-style:none}
#trainer .archive-folder>summary::-webkit-details-marker{display:none}
#trainer .archive-folder>summary:after{content:'⌄';font-size:1.15rem}
#trainer .archive-folder[open]>summary:after{content:'⌃'}
#trainer #archive-count{font-size:.85rem;font-weight:500;color:#817a83}
#trainer #archive-cards{padding:0 12px 12px;border-top:1px solid #e8e2e9}
#trainer #archive-cards .row{opacity:.88}
#trainer .card-more{position:relative;display:inline-flex}
#trainer .card-more>summary{list-style:none;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:1.35rem;color:#594568}
#trainer .card-more>summary::-webkit-details-marker{display:none}
#trainer .card-more[open]>summary{background:#f0eaf3}
#trainer .card-more-menu{position:absolute;z-index:5;right:0;top:calc(100% + 4px);display:grid;gap:2px;min-width:148px;padding:5px;background:#fffefa;border:1px solid #ded6e2;border-radius:12px;box-shadow:0 8px 24px #382b401f}
#trainer .card-more-menu button{border:0;background:transparent;text-align:left;padding:9px 11px;border-radius:8px;white-space:nowrap;color:#3d3541}
#trainer .card-more-menu button:hover{background:#f2edf4}
#trainer .card-more-menu button[hidden]{display:none}
#trainer .archive-restore{white-space:nowrap}
@media(max-width:700px){#trainer .archive-folder{margin:1rem 0}#trainer .card-more-menu{right:0}}