/* Releases 379/380: profile.html in every state (sign in/up, forgot password, reset, signed-in profile, home landing). One purple page, one white card,
one orange primary action, soft secondary buttons. Only this page links the file; profile86.js adds a few class hooks (a379, p380-*). */
body{background:radial-gradient(900px 500px at 10% -10%,#7a4fd1 0,transparent 60%),radial-gradient(700px 480px at 100% 0,#ff8a5c55 0,transparent 55%),linear-gradient(160deg,#2a1745,#3d2470 55%,#1f1238);min-height:100vh;background-attachment:fixed}
main{max-width:440px;margin:14px auto;padding:0 14px;color:#fff}
main>nav a,main footer a{color:#ffe2a1;text-decoration:none;font-weight:700;font-size:14px;display:inline-flex;align-items:center}
main>nav{gap:18px}
main h1{margin:10px 0 2px;font-size:26px;line-height:1.15;text-align:center;background:linear-gradient(90deg,#ffd45a,#ff9a6c);-webkit-background-clip:text;background-clip:text;color:transparent}
main footer{text-align:center;margin:14px 0;color:#ffffffb0;font-size:13px}
body>nav.waka-trust-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px auto 0;padding:8px 12px;background:#211331e8;border:1px solid #ffffff33;border-radius:14px;max-width:min(440px,calc(100vw - 28px));font:11px/1.5 system-ui;color:#fff4d6}
body>nav.waka-trust-links a{color:#fff4d6;text-decoration:underline;text-underline-offset:2px;font-weight:700}
#notice{color:#ffd475;text-align:center;font-size:14px;margin:4px 0}
#notice:empty{display:none!important}
#notice:not(:empty){background:#fff1c8!important;color:#4a3410!important;border-radius:14px!important;padding:10px 14px!important;text-align:left;font-weight:600;box-shadow:0 6px 18px #0004}
/* the card */
#profile{padding:20px 18px 16px;border-radius:24px;background:#fff;color:#30243e;box-shadow:0 18px 50px #0006;border-top:6px solid #ffb43a;margin:12px 0}
#profile>h2{margin:0 0 8px;font-size:19px;line-height:1.25;color:#38224d}
#profile>p{margin:6px 0 10px;font-size:14px;line-height:1.5;color:#6a5a80}
#profile:has(>form.a379){text-align:center}
#profile:has(>form.a379)>p{font-size:13px}
#profile a{color:#6a3fc0}
/* signed-in summary */
#profile>p.p380-mail{margin:0 0 8px;padding:10px 14px;border-radius:14px;background:#f3ecfd;color:#38224d;font-size:15px;font-weight:700;overflow-wrap:anywhere}
#profile>p.p380-state{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:800}
#profile>p.p380-state.ok{background:#e1f5ea;color:#1a6b43}
#profile>p.p380-state.warn{background:#fff0d6;color:#8a5a00}
#profile>a:not(.p380-link){display:flex;align-items:center;justify-content:space-between;margin:6px 0;min-height:46px;padding:0 14px;border-radius:14px;background:#faf7ff;border:1.5px solid #e6dcf5;color:#4b2a8a;font-weight:700;font-size:15px;text-decoration:none}
#profile>a:not(.p380-link)::after{content:"›";font-size:22px;color:#9a7fd0}
/* fields (sign-up form, edit-profile form, forgot/reset) */
#profile label{display:block;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1.3;color:#5b3f86;text-transform:uppercase;text-align:left}
#profile input:not([type=checkbox]){display:block;width:100%;margin-top:4px;min-height:44px;padding:0 12px;border:1.5px solid #d8cbef;border-radius:12px;background:#faf7ff;color:#30243e;font:inherit;font-size:16px;text-transform:none;letter-spacing:0;font-weight:500}
#profile input:not([type=checkbox]):focus{outline:none;border-color:#7a4fd1;box-shadow:0 0 0 3px #7a4fd133;background:#fff}
#profile input[readonly]{background:#f3ecfd;color:#4b2a8a}
#profile .check{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:600;font-size:13px;color:#4a3a60;line-height:1.35}
#profile .check input{width:22px;height:22px;flex:none;margin:0;accent-color:#7a4fd1}
#profile>form.a379{text-align:left;display:grid;gap:10px;padding:0;margin:0;border:0;background:none;box-shadow:none;max-width:none;width:auto}
#profile>form.a379 label{margin:0}
#profile>form.a379 p{margin:-4px 0 0;font-size:12px;color:#7a6a90}
#profile>form.a379 details{border:1.5px dashed #d8cbef}
#profile>form.a379>a{font-size:13px;font-weight:700;min-height:0;justify-self:start}
/* collapsible sections: Edit profile, Invite friends, Visitors */
#profile details{margin:8px 0;border:1.5px solid #e6dcf5;border-radius:14px;background:#faf7ff;padding:0 14px}
#profile summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:15px;font-weight:700;color:#38224d}
#profile summary::-webkit-details-marker{display:none}
#profile summary::after{content:"▾";color:#9a7fd0;transition:transform .15s}
#profile details[open]>summary::after{transform:rotate(180deg)}
#profile details[open]{padding-bottom:12px;background:#fff}
#profile details>form,#profile details>section{margin:0;padding:6px 0 0;background:none;border-radius:0}
#profile details h3{display:none}
#profile details article{margin:8px 0;padding:10px 12px;border-radius:12px;background:#f3ecfd}
#profile details article p{margin:0 0 6px;font-weight:700;font-size:14px}
#profile details p{margin:6px 0;font-size:13px;color:#6a5a80}
/* buttons: orange primary, soft secondary, quiet sign-out */
#profile button{display:block;width:100%;margin:8px 0 0;min-height:46px;border-radius:14px;border:0;font:inherit;font-size:15px;font-weight:800;cursor:pointer;background:#efe7fb;color:#4b2a8a}
#profile button:disabled{opacity:.6}
#profile button.p380-primary,#profile>form.a379 button{background:linear-gradient(90deg,#ff8a3d,#ffb43a);color:#2a1745;box-shadow:0 6px 16px #ff8a3d55;min-height:48px;font-size:16px}
#profile>form.a379 button{margin-top:4px}
#profile button.p380-out{background:none;color:#b3261e;box-shadow:none;margin-top:6px;min-height:44px;font-size:14px}
#profile:has(>form.a379)>button:not(.p380-primary){margin-top:10px;min-height:44px;font-size:14px}
#profile:has(>form.a379)>button+button{background:none;color:#6a5a80;text-decoration:underline;min-height:40px;font-weight:700}
#profile button:active{transform:translateY(1px)}
#profile button:focus-visible,#profile summary:focus-visible,#profile a:focus-visible,#profile input:focus-visible{outline:3px solid #7a4fd1;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){#profile button{transition:transform .1s,box-shadow .15s}}
.s144-page{text-align:center}