@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}
:root{--mon-paper:#fcfcfa;--mon-surface:#fff;--mon-ink:#1a1a2e;--mon-ink-2:#4b5263;--mon-ink-3:#656b7a;--mon-hairline:#1a1f2e0f;--mon-hairline-strong:#1a1f2e1a;--mon-action:#2b8826;--mon-action-hover:#226f1e;--mon-accent-text:#226f1e;--mon-brand:#3dad33;--mon-brand-soft:#e8f5e9;--mon-ai-gradient:linear-gradient(270deg, #ff6bdc 0%, #cc81ff 54%, #80ecff 100%);--mon-radius-xs:8px;--mon-radius-sm:12px;--mon-radius-md:16px;--mon-radius-lg:24px;--mon-radius-xl:28px;--mon-shadow-sm:0 1px 2px #1a1f2e0a, 0 1px 3px #1a1f2e08;--mon-shadow-md:0 4px 6px #1a1f2e08, 0 10px 24px #1a1f2e0d;--mon-shadow-lg:0 4px 12px #1a1f2e0a, 0 24px 56px #1a1f2e14;--mon-home-ink:#2e7d32;--mon-home-tile:#e5efe3;--mon-notes-ink:#045089;--mon-notes-tile:#e6eef5;--mon-brainstorm-ink:#6b4fa3;--mon-brainstorm-tile:#ece8f5;--mon-learn-ink:#a55508;--mon-learn-tile:#f8eedc;--mon-cpd-ink:#00695c;--mon-cpd-tile:#e0eeea;--mon-audit-ink:#b02a2a;--mon-audit-tile:#f7e7e5;--mon-radius-card:20px}.mon-card{background:var(--mon-surface);border:1px solid var(--mon-hairline);border-radius:var(--mon-radius-card);box-shadow:var(--mon-shadow-sm);transition:box-shadow .16s,transform .16s,border-color .16s}.mon-titlebar{background:var(--mon-paper);border-color:var(--mon-hairline-strong);color:var(--mon-ink)}.mon-card--interactive{cursor:pointer}.mon-card--interactive:hover{border-color:var(--mon-hairline-strong);box-shadow:var(--mon-shadow-md);transform:translateY(-1px)}.mon-card--interactive:active{transform:translateY(0)scale(.995)}.mon-card--interactive:focus-visible{outline:3px solid var(--mon-action);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mon-card{transition:none}.mon-card--interactive:hover,.mon-card--interactive:active{transform:none}}.mon-ctl{justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:500;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex;border:1px solid var(--mon-hairline-strong)!important;background:var(--mon-surface)!important;color:var(--mon-ink-2)!important;box-shadow:none!important;border-radius:999px!important}.mon-ctl:hover{color:var(--mon-ink)!important;background:#0000000a!important}.mon-ctl--on,.mon-ctl--on:hover{background:var(--mon-brand-soft)!important;border-color:var(--mon-action)!important;color:var(--mon-accent-text)!important}.mon-ctl:focus-visible{outline:3px solid var(--mon-action);outline-offset:2px}
:root{--study-card-w:640px;--study-hard:#b3263e;--study-hard-tint:#fce8eb;--study-hard-ink:#7a1b2b;--study-medium:#b7791f;--study-medium-tint:#fcefc4;--study-medium-ink:#6b4710;--study-easy:var(--mon-action);--study-easy-tint:#e3f4e4;--study-easy-ink:#1d5e1a}.study-stage{--study-card-h:clamp(380px, calc(var(--main-content-height,100dvh) - 190px), 620px);width:100%;max-width:var(--study-card-w);height:var(--study-card-h);margin:0 auto 28px;position:relative}.study-ghost{background:var(--mon-surface);border:1px solid var(--mon-hairline);box-shadow:var(--mon-shadow-sm);transform-origin:50% 100%;pointer-events:none;border-radius:24px;position:absolute;inset:0}.study-ghost--1{opacity:.85;transform:translateY(10px)scale(.965)}.study-ghost--2{opacity:.55;transform:translateY(20px)scale(.93)}.study-stage__top{position:absolute;inset:0}.study-card{background:var(--mon-surface);border:1px solid var(--mon-hairline);width:100%;height:100%;box-shadow:var(--mon-shadow-md);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.study-card__wash{background:linear-gradient(180deg, var(--study-tint,transparent) 0%, transparent 100%);pointer-events:none;height:46%;position:absolute;inset:0 0 auto}.study-card__top{z-index:1;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:10px 10px 0 18px;display:flex;position:relative}.study-chip{border:1px solid var(--mon-hairline);min-width:0;max-width:72%;color:var(--mon-ink-2);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.study-chip i{background:var(--study-dot,var(--mon-brand));border-radius:999px;flex:none;width:8px;height:8px}.study-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.study-menu-btn{width:44px;height:44px;color:var(--mon-ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background-color .14s;display:inline-grid}.study-menu-btn:hover{background:#1a1f2e0f}.study-menu-btn:focus-visible{outline:3px solid var(--mon-action);outline-offset:-2px}.study-card__body{z-index:1;overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:4px 22px 14px;display:flex;position:relative;overflow-y:auto}.study-card__footer{z-index:1;border-top:1px solid var(--mon-hairline);background:#ffffffe6;align-items:center;min-height:84px;padding:12px 14px 14px;display:flex;position:relative}.study-card__footer>*{width:100%}.study-hint{color:var(--mon-ink-3);text-align:center;margin:0;font-size:14px}.study-mcq-q{color:var(--mon-ink);text-wrap:pretty;margin:4px 0 16px;font-size:clamp(18px,4.8vw,21px);font-weight:600;line-height:1.38}.study-q{max-width:34ch;color:var(--mon-ink);text-align:center;text-wrap:balance;margin:auto;font-size:clamp(21px,5.4vw,27px);font-weight:600;line-height:1.32}.study-q--asked{max-width:none;color:var(--mon-ink-2);text-align:left;text-wrap:pretty;margin:0 0 14px;font-size:15px;font-weight:500;line-height:1.45}.study-q p:last-child,.study-a p:last-child{margin-bottom:0}.study-card__body--more{-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}.study-label{color:var(--mon-ink-3);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px}.study-a{color:var(--mon-ink);font-size:clamp(17px,4.6vw,20px);line-height:1.55}.study-cta{background:var(--mon-action);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:16px;font-weight:600;transition:background-color .14s,transform .12s;display:flex}.study-cta:hover{background:var(--mon-action-hover)}.study-cta:active{transform:scale(.985)}.study-cta:focus-visible{outline:3px solid var(--mon-action);outline-offset:3px}.study-kbd{background:#0000002e;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:600;display:none}@media (hover:hover) and (min-width:768px){.study-kbd{display:inline-flex}}.study-kbd--soft{color:var(--mon-ink-2);background:#1a1f2e12;margin-left:6px}.study-rate{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.study-rate__btn{background:var(--tint);min-height:58px;color:var(--mon-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 6px;transition:transform .12s,filter .12s;display:flex}.study-rate__btn:hover{filter:brightness(.96)}.study-rate__btn:active{transform:scale(.97)}.study-rate__btn:focus-visible{outline:3px solid var(--strong);outline-offset:2px}.study-rate__label{align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.study-rate__key{background:var(--strong);color:#fff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.study-rate__hint{color:var(--mon-ink-2);font-size:11.5px;line-height:1}.study-rate__btn--hard{--tint:var(--study-hard-tint);--strong:var(--study-hard)}.study-rate__btn--medium{--tint:var(--study-medium-tint);--strong:var(--study-medium)}.study-rate__btn--easy{--tint:var(--study-easy-tint);--strong:var(--study-easy)}.study-cue{z-index:2;border-radius:inherit;pointer-events:none;display:flex;position:absolute;inset:0}.study-cue--hard{background:#b3263e21;justify-content:flex-end;align-items:center;padding-right:18px}.study-cue--easy{background:#2b882621;justify-content:flex-start;align-items:center;padding-left:18px}.study-cue--medium{background:#b7791f26;justify-content:center;align-items:flex-end;padding-bottom:104px}.study-cue__badge{color:#fff;box-shadow:var(--mon-shadow-md);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.study-cue--hard .study-cue__badge{background:var(--study-hard)}.study-cue--medium .study-cue__badge{background:var(--study-medium)}.study-cue--easy .study-cue__badge{background:var(--study-easy)}.study-opts{flex-direction:column;gap:10px;display:flex}.study-opt{border:1.5px solid var(--mon-hairline-strong);background:var(--mon-surface);width:100%;color:var(--mon-ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15.5px;font-weight:500;line-height:1.35;transition:border-color .14s,background-color .14s,opacity .16s,transform .12s;display:flex}.study-opt:hover{border-color:var(--mon-ink-3)}.study-opt:active{transform:scale(.992)}.study-opt:focus-visible{outline:3px solid var(--mon-action);outline-offset:2px}.study-opt__key{width:28px;height:28px;color:var(--mon-ink-2);background:#f2f3f5;border-radius:9px;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:inline-grid}.study-opt.study-opt--picked{border-color:var(--mon-ink);background:var(--mon-paper)}.study-opt.study-opt--correct{border-color:var(--study-easy);background:var(--study-easy-tint)}.study-opt--correct .study-opt__key{background:var(--study-easy);color:#fff}.study-opt.study-opt--wrong{border-color:var(--study-hard);background:var(--study-hard-tint)}.study-opt--wrong .study-opt__key{background:var(--study-hard);color:#fff}.study-opt__tag{color:var(--mon-ink-2);letter-spacing:.01em;margin-top:2px;font-size:12px;font-weight:600;display:block}.study-opt.study-opt--dim{border-color:var(--mon-hairline);background:var(--mon-paper);color:var(--mon-ink-2)}.study-opt.study-opt--dim .study-opt__key{color:var(--mon-ink-3);background:0 0}.study-explain{border:1px solid var(--mon-hairline);background:var(--mon-paper);border-radius:14px;margin-top:14px;padding:12px 14px}.study-explain p{color:var(--mon-ink-2);white-space:pre-wrap;margin:4px 0 0;font-size:14.5px;line-height:1.5}.study-skel{position:relative;overflow:hidden}.study-skel__bar{background:#1a1f2e0f;border-radius:10px}.study-skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s ease-in-out infinite study-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes study-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.study-skel:after{opacity:0;animation:none}.study-cta,.study-rate__btn,.study-opt{transition:none}.study-rate__btn:active,.study-opt:active,.study-cta:active{transform:none}}