[hidden]{display:none!important}
.account-screen{min-height:100dvh;padding:32px 22px;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 5%,#3c4b3e,#192922 80%)}
.account-layout{width:min(860px,100%);display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.account-art{max-width:270px;margin:auto;width:100%}.account-art .book-cover{width:100%;margin:0}.account-art>p{font-size:11px;text-align:center;color:#b5c0ae;line-height:1.9;margin-top:25px}
.account-card{min-width:0}.account-kicker{color:var(--gold);font-size:11px;letter-spacing:.16em;margin:0 0 16px}.account-card h1{font:400 31px/1.5 var(--serif);letter-spacing:.06em;margin:0 0 12px}.account-card .account-copy{color:#b5c0ae;font-size:13px;line-height:1.9;margin:0 0 26px}.account-card label{display:block;font-size:12px;margin:17px 0 8px;color:#d4dbc8}.account-card input{display:block;width:100%;background:#f1e7d4;color:#27382e;border:1px solid #c4af7a;border-radius:4px;padding:13px 14px;font:16px system-ui;min-height:48px}.account-card input:focus{outline:2px solid var(--gold);outline-offset:3px}.account-card .primary{width:100%;margin-top:24px;padding:13px}.account-card .account-help{color:#9fac9f;font-size:11px;line-height:1.9;margin-top:18px}.account-help a{color:#d3ba7d}.account-status{font-size:12px;line-height:1.9;color:#e7c9a4;min-height:23px;overflow-wrap:anywhere;margin:16px 0 0}.account-tools{display:flex;gap:14px;margin-top:14px;align-items:center}.account-tools button{font-size:11px;padding:6px 9px;color:#c8cebd;border-color:#d3ba7d40}.account-tools a{font-size:11px;color:#c8cebd;text-decoration:none}.account-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-12px 0 22px;padding:11px 0;border-bottom:1px solid #d3ba7d26;font-size:11px;color:#b5c0ae}.account-toolbar p{margin:0;line-height:1.8}.account-toolbar p:first-child{color:#e1d4b2}.account-toolbar>div:last-child{display:flex;gap:7px}.account-toolbar button{font-size:10px;padding:7px 9px;white-space:nowrap}.activity-choice{display:block;width:100%;text-align:left;margin:12px 0;padding:17px;border-color:#d3ba7d55}.activity-choice strong{display:block;font-size:16px;font-weight:500}.activity-choice span{display:block;font-size:11px;color:#bac6b1;margin-top:8px}.song-player{padding:15px 0}.song-player audio{width:100%;margin:10px 0}.song-player .song-instruction{font-size:12px;line-height:1.9;color:#7a4a35}.readonly-note{color:var(--gold);font-size:12px;text-align:center;margin:15px 0}
@media(max-width:760px){.account-screen{padding:28px 24px}.account-layout{display:block;max-width:360px}.account-art{display:none}.account-card h1{font-size:29px}.account-kicker{margin-bottom:12px}.account-toolbar{margin-top:0;align-items:flex-start;font-size:10px}.account-toolbar>div:last-child{flex-direction:column;flex-shrink:0}.account-toolbar button{padding:6px 9px}.account-card .account-copy{margin-bottom:22px}}