body #bragWrap{z-index:145;box-sizing:border-box}
body #bragWrap .lsCard{max-height:calc(100dvh - var(--sat,0px) - var(--sab,0px) - 28px);gap:8px;overflow:hidden}
#bragDialogTitle{font-size:18px;margin:0;flex:none;color:#245775;text-align:center;line-height:1.4}
#bragControls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;flex:none}
#bragControls label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;color:#52778b}
#bragControls .bragKind{grid-column:1/-1}
#bragControls select{min-width:0;max-width:100%;width:100%;font:inherit;font-size:12px;padding:6px;border:1px solid #9ccbe2;border-radius:8px;background:#fff;color:#245775;box-sizing:border-box}
#bragWrap #bragNote,#bragWrap #bragStatus{font-size:11px;line-height:1.4;margin:0;text-align:center;flex:none;color:#52778b;overflow-wrap:anywhere}
#bragWrap #bragStatus:empty,#bragWrap #bragNote:empty{display:none}
#bragWrap #bragImg{flex:1 1 auto;min-height:0;object-fit:contain}
#bragWrap #bragImg:not([src]){min-height:100px;box-shadow:none}
#bragWrap #bragShareB:disabled{opacity:.45}
.bragStudyBtn,.bragVisitBtn{text-align:center!important;font-size:12px!important;white-space:normal;line-height:1.4;padding:8px!important;margin:6px 0!important}
#bragWrap :focus-visible{outline:3px solid #16698d}
#bragWrap h2:focus{outline:none}

.bragStudyBtn,.bragVisitBtn{min-height:40px}
#scr-study:has(.bragStudyBtn) .sdDnb{bottom:calc(92px + var(--sab,0px) + var(--bragExtra,52px))}
#scr-study:has(.bragStudyBtn) .sdBub{bottom:calc(140px + var(--sab,0px) + var(--bragExtra,52px))}

/* Unified achievement card controls, matched to the app's blue primary/white secondary buttons. */
#bragControls{display:flex;flex-direction:column;gap:8px}
#bragControls .bragKind{width:100%}
#bragControls .bragKind select{background:#f9fdff;border-color:#c8e3ef;border-radius:11px;padding:9px 11px;font-size:12px;min-height:38px}
#bragControls .bragChoiceGroup{display:flex;flex-direction:column;gap:5px;min-width:0;color:#779bad;font-size:10px}
#bragControls .bragThemeChoices,#bragControls .bragPhraseChoices{display:flex;gap:6px}
#bragControls .bragThemeChoices button,#bragControls .bragPhraseChoices button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:32px;border:1px solid #d8eaf3;border-radius:10px;background:#fff;color:#7d9eb1;padding:6px 9px;font-family:inherit;font-size:10px;line-height:1.35;cursor:pointer}
#bragControls .bragThemeChoices button,#bragControls .bragPhraseChoices button{flex:1;overflow-wrap:anywhere}
#bragControls button[aria-pressed=true]{border-color:#72b6d6;background:#edf9ff;color:#348bb0}
#bragControls .bragSwatch{display:block;width:13px;height:13px;flex:none;border-radius:50%;background:#8dceee}
#bragControls .bragSwatch.sun{background:#f7d192}
#bragControls .bragSwatch.star{background:#b2a2df}
body #bragWrap .lsCard{gap:10px;padding:18px 16px 16px}
#bragWrap #bragImg{border-radius:19px;box-shadow:none}
#bragWrap .resRow{gap:9px;flex:none}
#bragWrap #bragShareB,#bragWrap #bragCloseB{font-family:inherit;font-size:13px;border-radius:14px;min-height:44px;padding:10px 8px;margin:0!important;border:1px solid #dcecf5;background:#fff;color:#477e9b;box-shadow:0 3px 9px #8bbbd21c}
#bragWrap #bragShareB{border-color:transparent;background:linear-gradient(135deg,#4db3e6,#2b8fc4);color:#fff;box-shadow:0 4px 12px #2b8fc42e}
#bragWrap #bragShareB:active,#bragWrap #bragCloseB:active{transform:translateY(1px);box-shadow:none!important}
@media(max-height:700px){body #bragWrap .lsCard{gap:6px;padding:12px}#bragControls{gap:5px}#bragControls .bragChoiceGroup{gap:3px}#bragControls .bragKind select{min-height:32px;padding:6px 9px}#bragControls .bragThemeChoices button,#bragControls .bragPhraseChoices button{min-height:29px;padding:4px 6px}}

/* Override older global gold/blue pill rules only inside this dialog. */
#bragWrap #bragCloseB{border-radius:14px!important;background:#fff!important;color:#477e9b!important;border:1px solid #dcecf5!important;box-shadow:0 3px 9px #8bbbd21c!important}
#bragWrap #bragShareB{border-radius:14px!important;background:linear-gradient(135deg,#4db3e6,#2b8fc4)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 4px 12px #2b8fc42e!important}
#bragWrap #bragShareB:active,#bragWrap #bragCloseB:active{transform:translateY(1px)!important;box-shadow:none!important}

/* End-of-study sharing lives in Danbi's existing speech bubble. */
#scr-study .sdShareSpeech{max-width:calc(100% - 96px);font-weight:700;color:#4d8198;padding:11px 14px;font-size:12px;line-height:1.5;cursor:pointer;pointer-events:auto;z-index:8}
#scr-study .sdShareSpeech:focus-visible{outline:3px solid #8cdaff;outline-offset:4px}
#scr-study .sdShareSpeech:active{filter:brightness(.97)}
#sdFoot .sdBtnY{background:#f7fbff;color:#477e9b;border:1px solid #dce8f2;text-shadow:none;box-shadow:0 3px 9px #24345b1a}
#sdFoot .sdBtnB{background:linear-gradient(135deg,#4db3e6,#2b8fc4);border:1px solid transparent;text-shadow:none;box-shadow:0 4px 12px #203d6333}