#school-account-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin:9px auto 2px;padding:0 16px;font:15px/1.4 Georgia,serif}
#school-account-controls[hidden]{display:none}
#school-account-controls button,#school-account-controls a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 12px;font:inherit;color:#d6bf8c;background:transparent;border:0;text-decoration:none;cursor:pointer}
#school-account-controls svg{width:19px;height:21px;stroke:currentColor;stroke-width:1.2}
#school-account-controls>span{height:18px;width:1px;background:#b99a6155}
#school-account-controls a:hover,#school-account-controls button:hover{color:#fff0c6;text-decoration:underline;text-underline-offset:5px}
#school-account-controls :focus-visible,#school-account :focus-visible{outline:2px solid #dfbe7b;outline-offset:4px}
body.account-open{overflow:hidden}
#school-account{box-sizing:border-box;width:min(530px,calc(100vw - 28px));max-width:530px;max-height:calc(100dvh - 32px);padding:38px;border:1px solid #b69b65;border-radius:9px;color:#e8dfcb;background:radial-gradient(ellipse at top right,#8e69382b,transparent 65%),#101c1c;box-shadow:0 0 0 5px #a4874922,0 24px 90px #000b;overflow:auto}
#school-account[open]{display:block}
#school-account::backdrop{background:#040b0cd6;backdrop-filter:blur(5px)}
#school-account .account-close{position:absolute;right:10px;top:8px;min-width:44px;min-height:44px;border:0;background:transparent;color:#d8bd80;font:30px Georgia,serif;cursor:pointer}
#school-account .account-kicker{font:11px/1.5 Georgia,serif;letter-spacing:.16em;color:#b8a376;margin:4px 0 13px}
#school-account h2{font:400 35px/1.2 Georgia,serif;margin:0 0 27px;color:#f1deae}
#school-account label{display:block;font:20px/1.4 Georgia,serif;color:#e2c990}
#school-account p{font:15px/1.65 Georgia,serif;margin:10px 0 17px}
#school-account input{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #a48d5d88;border-radius:4px;background:#071213;color:#f1e5cd;font:17px/1.5 Georgia,serif}
#school-account .account-hint{font-size:13px;color:#abb5ac}
#school-account .account-status{min-height:24px;color:#e4cf9e}
#school-account .account-actions{display:flex;gap:12px;flex-wrap:wrap}
#school-account .account-actions button{min-height:44px;padding:10px 17px;background:#71552a55;border:1px solid #b59961;color:#f0dcaa;border-radius:3px;font:16px Georgia,serif;cursor:pointer}
#school-account button:disabled{opacity:.5;cursor:wait}
#school-account [hidden]{display:none!important}
#school-account .account-exit{border-top:1px solid #ae965344;margin-top:28px;padding-top:16px}
#school-account .account-exit a{display:inline-block;min-height:44px;padding-top:8px;color:#e2c990;font:17px Georgia,serif;text-underline-offset:5px}
#school-account .account-exit p{font-size:13px;color:#abb5ac;margin:0}
#school-account .account-admin-room{border:1px solid #b3955155;background:#b395510a;padding:17px 19px;margin-top:26px}#school-account .account-admin-room a{display:block;color:#e2c990;font:18px/1.6 Georgia,serif;text-underline-offset:4px}#school-account .account-admin-room p{color:#b4b5a8;font-size:13px;margin:8px 0 0}
.msg-name-settings{padding:6px 14px;border:0;border-bottom:1px solid #b49b5133;background:transparent;color:#c3af83;font:12px/1.5 Georgia,serif;text-align:left;cursor:pointer;min-height:32px}
@media(max-width:560px){#school-account{padding:31px 23px}#school-account h2{font-size:30px}#school-account-controls{margin-top:5px}}