.member-experience{max-width:1120px;margin:24px auto 60px;padding:0 28px;color:var(--ink)}
.member-motion{display:block;width:100%;aspect-ratio:16/9;border:0;background:#f6f3ec;border-radius:0}
.member-motion-controls{display:flex;justify-content:flex-end;gap:22px;margin:8px 0 0}
.member-motion-controls button{background:none;color:var(--muted);font:inherit;font-size:12px;min-height:44px;padding:8px 4px}
.member-idle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px}
.member-idle img{width:215px;height:46px;padding:4px 8px;background:#6b33d2;border-radius:4px}
.member-idle p{font-size:13px;color:var(--muted);margin:0}
.member-content,.member-account{max-width:960px;margin:24px auto 0}
.member-account{font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.member-account summary{padding:20px 0;min-height:44px;cursor:pointer}
.member-account-body{padding:12px 0 24px;max-width:660px}
.member-account-body h2{font-size:24px;font-weight:500;color:var(--ink);margin:0 0 18px}
.member-experience .account-tabs{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 32px;border-bottom:1px solid var(--line)}
.member-experience .account-tabs button{border:0;border-radius:0;background:none;color:var(--muted);padding:12px 0 16px;min-height:44px;position:relative}
.member-experience .account-tabs button[aria-pressed=true]{background:none;color:#6b33d2}
.member-experience .account-tabs button[aria-pressed=true]::after{content:'';position:absolute;height:2px;background:currentColor;bottom:-1px;left:0;right:0}
.member-experience .account-tabs b{font-weight:400;font-variant-numeric:tabular-nums}
.member-experience #account-list-title{font-size:36px;font-weight:650;letter-spacing:-.025em;margin:0 0 24px}
.member-experience .judgment-list{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px}
.member-experience .judgment-list li{border:0;padding:0;min-width:0}
.member-experience .judgment-list li:nth-child(even){margin-top:42px}
.member-experience .member-photo{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;margin-bottom:16px}
.member-experience .judgment-list h3{font-size:21px;line-height:1.6;font-weight:500;margin:0 0 12px}
.member-experience .judgment-list .btn-text{font-size:12px;min-height:44px;color:var(--muted);text-decoration:none}
.member-experience .judgment-list[data-kind=note]{display:block}
.member-experience .judgment-list[data-kind=note] li{margin:0;padding:28px 0;border-bottom:1px solid var(--line)}
.member-experience .judgment-list[data-kind=note] .member-photo{width:140px;height:100px;float:right;margin:0 0 16px 24px}
.member-experience .personal-note{font-size:16px;line-height:1.8;margin:16px 0}
.member-experience .empty-state{padding:40px 0 55px;text-align:left;font-size:15px;line-height:1.8}
.member-experience :focus-visible{outline:2px solid #6b33d2;outline-offset:4px}
[data-theme=night] .member-experience .account-tabs button[aria-pressed=true]{color:#c5a5ff}
@media(max-width:600px){.member-experience{padding:0 20px;margin:20px auto 40px}.member-content,.member-account{margin-top:20px}.member-idle{min-height:150px}.member-experience #account-list-title{font-size:28px}.member-experience .judgment-list{gap:24px 16px}.member-experience .judgment-list li:nth-child(even){margin-top:26px}.member-experience .judgment-list h3{font-size:16px}.member-experience .judgment-list[data-kind=note] .member-photo{width:90px;height:80px;margin-left:16px}.member-experience .account-tabs{gap:20px}.member-experience .account-tabs button{font-size:13px}.member-experience .personal-note{font-size:15px}}

@media(max-width:600px){.member-motion{aspect-ratio:auto;height:560px}}