.study-modes {display:flex;gap:6px;margin:20px 0 14px;flex-wrap:wrap;}
.study-example-entry {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px 20px;border:1px solid #ffffffd9;border-radius:18px;background:linear-gradient(115deg,#fff9e2b3,#dcece48c);box-shadow:inset 0 1px 0 #fff,0 8px 22px #36585312;}
.study-example-entry strong,.study-example-entry small {display:block;line-height:1.7;}
.study-example-entry strong {font-size:15px;color:#284d57;}
.study-example-entry small {font-size:12px;color:#526d74;}
#app .study-example-entry button {flex-shrink:0;min-height:40px;padding:10px 16px;font-size:13px;}
@media(max-width:640px){.study-example-entry{align-items:flex-start;flex-direction:column;padding:14px;}.study-example-entry button{align-self:flex-end;}}
#app .study-modes button {padding:9px 18px;font-size:13px;min-height:40px;}
#app .study-modes [aria-pressed="true"],#app .model-providers [aria-pressed="true"] {--ice-fill:linear-gradient(145deg,#f4ffff,#bad8dd9e);box-shadow:inset 0 1px 0 white,0 3px 10px #41647725!important;color:#164961!important;}
.model-setup {margin-bottom:20px;border-top:1px solid #ffffff9c;border-bottom:1px solid #b3c7c03a;font-size:13px;}
.model-setup>summary {cursor:pointer;padding:13px 0;color:#305d70;}
.model-setup>summary>span {font-size:11px;color:#627d85;margin-left:10px;}
.model-setup-inner {padding:4px 0 18px;}
.model-providers {display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 16px;}
#app .model-providers button {font-size:12px;padding:8px 12px;min-height:38px;}
.model-fields {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.model-fields label {display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#365e6e;min-width:0;}
.model-fields .model-secret {grid-column:1/-1;}
#app .model-fields input {width:100%;box-sizing:border-box;padding:12px 14px;min-height:44px;font-size:14px;border-radius:12px;}
.model-setup-inner p,.model-setup-inner>small {font-size:11px;line-height:1.75;color:#637c83;}
.model-setup-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;}
.model-setup-actions span {font-size:12px;overflow-wrap:anywhere;}
#app .model-setup-actions button {font-size:12px;min-height:40px;padding:9px 13px;}
.flash-workbench {max-width:780px;margin:26px auto 0;}
.flash-toolbar {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#4b7180;margin-bottom:14px;flex-wrap:wrap;}
#app .flash-toolbar button {font-size:11px;padding:7px 11px;min-height:36px;}
#app .flashcard {width:100%;min-height:250px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;white-space:normal;text-align:center;border-radius:24px;--ice-fill:linear-gradient(130deg,#fffdf1e8,#f4f6e9bd 48%,#d4e9e59e);}
#app .flashcard.is-flipped {--ice-fill:linear-gradient(135deg,#effaf7ed,#c5e1ddbb 55%,#f7e6bdc2);}
.flashcard strong {font-size:clamp(19px,2vw,25px);line-height:1.75;font-weight:550;white-space:pre-wrap;overflow-wrap:anywhere;max-width:650px;}
.flash-side-label {font-size:11px;letter-spacing:.12em;color:#527d83;}
.flash-turn-hint {font-size:11px;color:#64848a;}
.flashcard.is-flipped strong {font-size:17px;line-height:1.9;}
.flashcard.is-flipped {animation:flash-reveal .32s ease-out;}
@keyframes flash-reveal {from{opacity:.65;transform:perspective(1000px) rotateY(-9deg);}to{opacity:1;transform:perspective(1000px) rotateY(0);}}
.flash-actions {display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap;}
#app .flash-actions button {min-height:42px;font-size:12px;padding:10px 14px;}
.flash-evidence {font-size:12px;line-height:1.8;margin:15px 0;color:#486e7c;}
.flash-evidence summary {cursor:pointer;}
.flash-evidence blockquote {margin:10px 0;padding:10px 14px;border-left:2px solid #8dbaad;background:#fafff444;white-space:pre-wrap;}
.flash-footnote {font-size:11px;color:#67818a;text-align:center;line-height:1.8;margin-top:20px;}
.flash-complete {padding:30px;text-align:center;}
.study-analysis {padding:24px;margin-top:22px;border-radius:20px;background:#fffef378;}
.study-analysis p {font-size:15px;line-height:1.9;white-space:pre-wrap;}
.study-analysis small {display:block;color:#5c7c83;font-size:11px;margin:16px 0;}
@media(max-width:640px){.model-fields{grid-template-columns:1fr;}#app .flashcard{padding:22px 18px;min-height:230px;}.model-setup>summary>span{display:block;margin:6px 0 0 16px;}.flash-actions{gap:6px;}#app .flash-actions button{padding:9px 10px;}}
@media(prefers-reduced-motion:reduce){.flashcard.is-flipped{animation:none;}}