.study-account{color-scheme:light;width:min(520px,calc(100% - 32px));max-height:90dvh;padding:0;border:0;border-radius:14px;background:#eae9e2;color:#303b33;box-shadow:0 20px 70px #25372940;font:14px/1.6 "Segoe UI",Arial,sans-serif}.study-account::backdrop{background:#28382d60}.study-account *{box-sizing:border-box}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #ced3c8}.account-heading h2{font-size:20px;line-height:1.3;font-weight:600;margin:0}.account-close{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:0;border-radius:8px;cursor:pointer;color:#526151;flex-shrink:0}.account-close svg{width:20px;height:20px}.account-close:hover{background:#dce1d5}.account-body{padding:20px 24px 26px}.account-body p{margin-top:0}.account-description{font-size:13px;color:#5c6859;margin-bottom:22px}.account-body form>label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;margin-bottom:16px}.account-body input,.account-body select{font:14px "Segoe UI",Arial,sans-serif;min-height:44px;padding:10px 12px;border:1px solid #bac3b4;background:#f1f0ea;border-radius:8px;color:#303b33;width:100%;caret-color:#38614b}.account-body input:focus-visible,.account-body select:focus-visible,.account-modes button:focus-visible,.account-close:focus-visible,.account-submit:focus-visible{outline:3px solid #819a76;outline-offset:3px}.account-hint{font-size:12px;color:#5c6859;line-height:1.6;margin:4px 0 18px}.account-error{font-size:13px;color:#973e30;margin:8px 0}.account-success{font-size:13px;color:#315e3e;margin:8px 0}.account-submit{min-height:44px;width:100%;padding:10px 16px;background:#38614b;color:#f7f6ee;border:0;border-radius:8px;cursor:pointer;font:600 14px "Segoe UI",Arial,sans-serif}.account-submit:hover{background:#2e503e}.account-submit:disabled{opacity:.5;cursor:wait}.account-modes{display:flex;gap:6px;border-bottom:1px solid #ced3c8;padding-bottom:12px;margin-bottom:20px}.account-modes button{min-height:42px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#5c6859;font:13px "Segoe UI",Arial,sans-serif;cursor:pointer}.account-modes [aria-pressed=true]{background:#dce4d6;color:#365740;font-weight:600}.share-url{font-size:12px!important;word-break:break-all}.study-account form label:has(select){font-weight:500}
@media(max-width:600px){.account-heading{padding:16px 18px}.account-body{padding:18px}.account-modes button{font-size:12px}.account-heading h2{font-size:18px}}