body.choosing-profile{height:auto;min-height:100dvh;overflow:auto;background:radial-gradient(ellipse at top,#fff5d7,transparent 70%),#f4efdf}
body.choosing-profile #rotate{display:none!important}
#profiles{max-width:1100px;margin:0 auto;padding:48px 24px 32px;min-height:100dvh}
.profiles-heading{text-align:center;margin-bottom:32px}.profiles-brand{font-family:Fraunces,Georgia,serif;font-size:26px;color:#647958}.profiles-heading h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(30px,5vw,48px);margin:20px 0 12px}.profiles-heading p,.profile-note{color:#65725e;line-height:1.6}.profile-note{text-align:center;margin:28px auto;max-width:640px;font-size:14px}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.profile-card{background:#fffdf4;border:2px solid #d8dfc9;border-radius:24px;padding:18px;box-shadow:0 6px 0 #e3dfcf}.profile-open{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:215px;border-radius:16px}.profile-avatar{display:grid;place-items:center;width:86px;height:86px;border-radius:30px 30px 36px 36px;background:var(--profile-color);font:44px Fraunces,Georgia,serif;color:#405440;border:2px solid #405440}.profile-open h2{margin:16px 0 8px;font-size:23px;overflow-wrap:anywhere}.profile-open>span:last-child{font-size:14px;color:#68765b}.profile-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.profile-actions button{min-height:44px}.profile-new{min-height:300px;border:2px dashed #a4b493;border-radius:24px;color:#47633f;font-size:20px;background:#eef0df80}.profile-error{color:#963f35;line-height:1.5;padding:10px}.profile-error:empty{display:none}
#profile-editor{width:min(480px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:2px solid #c9d2b7;border-radius:22px;padding:26px;background:#fffdf4;color:#30463d}#profile-editor::backdrop{background:#23392565}.profile-form{display:flex;flex-direction:column;gap:14px}.profile-form h2{margin:0 0 6px}.profile-form input[type=text],#profile-name{font:inherit;padding:12px;border:1px solid #a4b493;border-radius:10px;width:100%}.profile-palette{display:flex;justify-content:space-between;gap:8px;border:0;padding:8px 0}.profile-palette legend{padding:0 0 12px}.profile-palette label{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer}.profile-palette input{width:19px;height:19px;accent-color:#365b49}
#profiles-button{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:40px}
.profile-form select{font:inherit;padding:12px;border:1px solid #a4b493;border-radius:10px;background:#fffdf4;color:#30463d;max-width:100%}
@media(max-width:600px){#profiles{padding:28px 16px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-card{padding:10px}.profile-open h2{font-size:18px}.profile-actions{gap:4px}.profile-actions button{padding:8px}.profile-new{font-size:17px}.profile-avatar{width:70px;height:70px}.profile-note{font-size:12px}#profiles-button{max-width:105px}}