:root{--ink:#252b47;--muted:#70768b;--paper:#f3f2f7;--line:#dcdae5;--teal:#4b4f83;--nav:#282e54;--gold:#c3a15b;--pale:#eef0f8;--shadow:0 18px 55px rgba(35,40,76,.10)}body{background:#f3f2f7}.app-header,.study-nav{background:#282e54}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.header-tools button{border:0;background:transparent;color:#e3e4ee;padding:6px 8px;font-size:11px;font-weight:700}.header-tools button:hover{color:#f2d99b}.common-modal{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:18px;background:rgba(24,28,52,.62)}.common-modal[hidden]{display:none}.common-dialog{position:relative;width:min(560px,100%);max-height:85vh;overflow:auto;border:1px solid #d8d7e1;border-radius:17px;background:#fffefa;padding:24px;box-shadow:0 28px 80px rgba(20,24,50,.28)}.common-dialog h2{margin:0 0 16px;font:29px Georgia,serif}.common-close{position:absolute;top:12px;right:14px;border:0;background:none;color:#676b80;font-size:27px}.common-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--line)}.common-row small{display:block;color:var(--muted)}.common-row button{min-width:48px;border:0;border-radius:999px;background:#d8d8df;color:#52576d;padding:6px 10px;font-weight:800}.common-row button.on{background:#4b4f83;color:white}.profile-fields{display:grid;gap:12px}.profile-fields label{font-weight:800}.profile-fields input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px}.common-save{margin-top:15px}@media(max-width:760px){.header-tools button{display:none}.header-tools .test-badge{display:block}.common-dialog{padding:21px}.app-header{align-items:center}}