body.account-page #profile-panel{grid-template-areas:'cover cover' 'frames frames' 'level tools' 'stats tools' 'body body' 'settings settings' 'sync sync'}
body.account-page #profile-panel .profile-body-grid{grid-area:body;display:grid;grid-template-columns:minmax(0,2.05fr) minmax(230px,1fr);gap:16px;align-items:start;min-width:0}
body.account-page #profile-panel .profile-main-column,body.account-page #profile-panel .profile-rail-column{display:flex;flex-direction:column;gap:16px;min-width:0}
body.account-page #profile-panel #profile-edit{display:none}
body.account-page #profile-panel .cover-edit{font-size:14px;min-height:44px}
body.account-page #profile-panel .profile-next-actions{grid-area:next;display:flex;flex-direction:column;gap:16px;min-width:0;align-self:start}
body.account-page #profile-panel .profile-next-actions .profile-reading{display:block;grid-area:auto;margin:0}
body.account-page #profile-panel .profile-next-actions .profile-reading>img{width:100%;height:110px;object-fit:cover;object-position:center 35%}
body.account-page #profile-panel .profile-next-actions .profile-reading-copy{padding:18px}
body.account-page #profile-panel .profile-next-actions .profile-reading h2{font-size:22px;line-height:1.3}
body.account-page #profile-panel .profile-next-actions .profile-reading p{font-size:14px;line-height:1.6}
body.account-page #profile-panel .profile-next-actions .anime-resume-card{grid-area:auto}
body.account-page #profile-panel .profile-next-actions .anime-resume-copy .btn{font-size:14px}
body.account-page #profile-panel .profile-favorite-entry{position:relative;min-width:0;border:1px solid #b8916040;border-radius:16px;overflow:hidden;background:#100e11;transition:border-color .2s,box-shadow .2s}
body.account-page #profile-panel .profile-favorite-entry:hover{border-color:#c39661;box-shadow:0 6px 20px #0004}
body.account-page #profile-panel .profile-favorite-card{display:block;border:0;background:transparent;padding:0 0 16px;border-radius:0;min-height:100%;height:100%;box-sizing:border-box}
body.account-page #profile-panel .profile-favorite-art{margin:0 0 14px;border-radius:0;aspect-ratio:16/10;height:auto;overflow:hidden}
body.account-page #profile-panel .profile-favorite-art img{width:100%;height:100%;object-fit:cover;object-position:center}
body.account-page #profile-panel .profile-favorite-card h3,body.account-page #profile-panel .profile-favorite-card p{margin-left:14px;margin-right:14px}
body.account-page #profile-panel .profile-favorite-card h3{font-size:16px}
body.account-page #profile-panel .profile-favorite-card p{font-size:14px}
body.account-page #profile-panel .profile-favorite-remove{position:absolute;top:8px;right:8px;width:40px;height:40px;padding:0;font-size:20px;background:#150e15e8!important;color:#edc57c!important;box-shadow:0 2px 8px #0006}
body.account-page #profile-panel .showcase-manager{margin:18px 0;padding:14px 16px;border:1px solid #b891603d;border-radius:12px;background:#0b0a0d}
body.account-page #profile-panel .showcase-manager{padding:0;background:linear-gradient(140deg,#24171d,#100e12);overflow:hidden;border-color:#b891604d}
body.account-page #profile-panel .showcase-manager summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font:600 15px/1.5 Arial,sans-serif;color:#f0ddc4;margin:0;padding:16px 18px;background:transparent;border:0}
.showcase-manager summary::-webkit-details-marker{display:none}
.showcase-manager summary::after{content:'+';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d6ac6612;color:#e8ba78;font:20px/1 Arial}
.showcase-manager details[open] summary::after{content:'−'}
.showcase-counter{margin-left:auto;font-size:13px;color:#edca90;border:1px solid #b8916040;border-radius:999px;padding:4px 10px;background:#d6ac660b}
body.account-page #profile-panel .showcase-manager summary>span{width:auto;height:auto;min-width:0;display:block;white-space:normal;background:transparent;line-height:1.5}
body.account-page #profile-panel .showcase-manager summary>.showcase-counter{flex-shrink:0;white-space:nowrap;min-width:45px;text-align:center;margin-left:auto;background:#d6ac660b}
body.account-page #profile-panel .showcase-manager details>p{font:14px/1.6 Arial,sans-serif;color:#baafb0;margin:0;padding:0 18px 16px}
body.account-page #profile-panel .showcase-manager .showcase-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:340px;overflow:auto;padding:0 18px 18px;scrollbar-width:thin;scrollbar-color:#a46c4b #151115}
body.account-page #profile-panel .showcase-manager .showcase-options label{display:grid;grid-template-columns:18px 34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:66px;box-sizing:border-box;margin:0;padding:12px;cursor:pointer;font:500 14px/1.4 Arial,sans-serif;color:#d8cbd0;border:1px solid #b8916030;background:#1b151a;border-radius:12px;transition:background .18s,border-color .18s}
body.account-page #profile-panel .showcase-manager input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:#d4a45f;cursor:pointer}
.showcase-manager .showcase-seal{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d6ac6610;border:1px solid #c39b6340;color:#e0b977;font-size:18px}
body.account-page #profile-panel .showcase-manager label:has(:checked){border-color:#d6ac6690;background:linear-gradient(120deg,#52332480,#241a20);color:#fff0dd;box-shadow:inset 3px 0 #d4a45f}
body.account-page #profile-panel .showcase-manager label:has(:disabled):not(:has(:checked)){opacity:.48;cursor:default}
body.account-page #profile-panel .showcase-manager label:has(:focus-visible){outline:2px solid #edc57c;outline-offset:2px}
body.account-page #profile-panel .showcase-manager .showcase-status:empty{display:none}
body.account-page .appearance-trigger,body.account-page .atmosphere-control .atmosphere-trigger{width:46px;height:46px;box-sizing:border-box;display:grid;place-items:center;padding:0;border:1px solid #bd956152;border-radius:14px!important;background:linear-gradient(145deg,#34212a,#161115);color:#e7c69a;font:22px/1 Arial;box-shadow:inset 0 1px #ffffff0c,0 5px 18px #0007;transition:border-color .18s,background .18s}
body.account-page .appearance-trigger{right:22px;bottom:84px}
body.account-page .atmosphere-control{right:22px;bottom:26px}
body.account-page .appearance-trigger:hover,body.account-page .atmosphere-control .atmosphere-trigger:hover{border-color:#dfb477;background:linear-gradient(145deg,#562a35,#27151d);transform:none}
body.account-page #profile-panel #journey-xp{font-size:13px;color:#b6adb0}body.account-page #profile-panel #journey-next{font-size:14px;color:#ead7c1}body.account-page #profile-panel #journey-percent:empty{display:none}
@media(max-width:760px){body.account-page #profile-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:'cover' 'frames' 'level' 'stats' 'tools' 'body' 'settings' 'sync'}body.account-page #profile-panel .profile-body-grid{display:flex;flex-direction:column}body.account-page #profile-panel .profile-main-column,body.account-page #profile-panel .profile-rail-column{display:contents}body.account-page #profile-panel .profile-body-grid>*{width:100%}body.account-page #profile-panel .profile-favorites{order:0}body.account-page #profile-panel .profile-next-actions{order:1}body.account-page #profile-panel .profile-achievements{order:2}body.account-page #profile-panel .profile-history-panel{order:3}body.account-page #profile-panel .profile-favorite-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.account-page #profile-panel .showcase-manager .showcase-options{grid-template-columns:1fr}body.account-page .appearance-trigger{right:12px;bottom:80px}body.account-page .atmosphere-control{right:12px;bottom:22px}}
@media(max-width:380px){body.account-page #profile-panel .profile-favorite-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.account-page #profile-panel .profile-favorite-entry{transition:none}}
