@import url('./style.css');
body{display:block;min-height:100dvh;background:#f4f2e8;color:#203a30}.account-shell{width:min(100% - 32px,600px);margin:32px auto;padding:clamp(20px,5vw,40px);background:#fffef8;border:1px solid #dce3d8;border-radius:24px;box-shadow:0 14px 45px #263f3010}.brand{display:flex;align-items:center;gap:12px;color:#244d35;text-decoration:none;font-size:24px;font-weight:800}.brand img{border-radius:18px}h1{font-size:28px;margin:24px 0 16px}.account-shell form,.account-shell section{display:grid;gap:14px;margin:24px 0;padding-top:20px;border-top:1px solid #dce3d8}.account-shell h2{font-size:19px;margin:0}.account-shell p{line-height:1.55;overflow-wrap:anywhere}.account-shell label{display:grid;gap:6px;font-weight:650}.account-shell input,.account-shell select,.account-shell textarea{font:inherit;width:100%;min-height:46px;padding:10px 12px;border:1px solid #9cab9c;border-radius:10px;background:white;color:inherit;box-sizing:border-box}.account-shell button{min-height:48px;padding:12px 16px;font:inherit;font-weight:700;border-radius:12px;cursor:pointer}.account-shell button:disabled{opacity:.55;cursor:wait}.account-shell a{color:#255f3e}.account-shell #notice:not(:empty){padding:14px;background:#edf4e8;border-radius:12px}.account-shell #notice[data-error="true"]{background:#fce9e5;color:#872b1e}.account-shell .language-picker{margin-top:20px}.account-shell code{overflow-wrap:anywhere}.account-shell #back{display:block;margin-top:24px}.account-shell .danger{border-color:#b24330;color:#a13727}.account-shell ul{padding-left:22px}.account-shell :focus-visible{outline:3px solid #eab44c;outline-offset:3px}
/* Translated button labels must wrap with wider system fonts and text scaling. */
.account-shell form,.account-shell section{grid-template-columns:minmax(0,1fr)}
.account-shell form>*,.account-shell section>*{min-width:0}
.account-shell button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
.account-shell .brand img{flex:0 0 64px}
.account-shell .brand span{min-width:0}
.account-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;background:#fffef8}
.account-header .brand{min-width:0}
.account-shell #account-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #9cab9c;border-radius:50%;background:#edf4e8;text-decoration:none}
.account-shell #account-close:hover{background:#dcead5;border-color:#255f3e}