.profile-menu{position:relative;text-align:left;font-size:.875rem}.profile-menu summary{display:flex;align-items:center;gap:.6rem;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:10px;padding:.45rem .7rem;background:var(--surface);color:var(--ink);font-weight:600}.profile-menu summary::-webkit-details-marker{display:none}.profile-avatar{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:var(--soft);color:var(--accent);line-height:1;font-size:1rem}.profile-panel{position:absolute;right:0;top:calc(100% + .6rem);z-index:30;width:20rem;max-width:calc(100vw - 2rem);max-height:75vh;overflow:auto;padding:.7rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #0002}.profile-identity{display:flex;flex-direction:column;padding:.7rem;border-bottom:1px solid var(--line);margin-bottom:.4rem}.profile-identity strong{font-size:1rem;overflow-wrap:anywhere}.profile-section-title{font-size:.875rem;color:var(--muted);padding:.6rem .7rem .3rem}.profile-panel>button,.profile-views button{width:100%;justify-content:flex-start;border:0;background:transparent;padding:.65rem .7rem;text-align:left;font-size:.875rem}.profile-panel>button:hover,.profile-views button:hover{background:var(--panel)}.profile-views{border-bottom:1px solid var(--line);padding-bottom:.5rem;margin-bottom:.4rem}.profile-views button[aria-pressed="true"]{background:var(--soft);color:var(--accent);font-weight:700}.demo-nav{position:relative}.demo-nav>.profile-menu{margin-left:auto}body{padding-bottom:1.5rem}#toast{bottom:1.5rem}@media(max-width:700px){.demo-nav .nav-links{margin-left:0}.demo-nav>.profile-menu{margin-left:auto}.profile-menu summary{font-size:.875rem}.profile-panel{width:19rem}}
.profile-chevron{display:block;width:1rem;height:1rem;flex-shrink:0;align-self:center}.profile-menu[open] .profile-chevron{transform:rotate(180deg)}
.list-display-controls{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem;flex-wrap:wrap}.list-display-controls label{display:flex;align-items:center;gap:.35rem}.list-toolbar .list-display-controls select{max-width:17rem}.layout-description{font-size:.875rem;color:var(--muted);margin:-8px 0 18px}.wish-description{display:none}.wish-grid[data-layout="compact"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:12px}.wish-grid[data-layout="compact"] .art{height:145px;padding:16px}.wish-grid[data-layout="compact"] .wish-content{padding:14px}.wish-grid[data-layout="compact"] .card-actions{flex-direction:column}.wish-grid[data-layout="large"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:24px}.wish-grid[data-layout="large"] .art{height:280px}.wish-grid[data-layout="large"] .wish-description{display:block;font-size:1rem;margin-top:10px;line-height:1.7}.wish-grid[data-layout="large"] .wish-content{padding:24px}@media(max-width:700px){.list-display-controls{justify-content:flex-start;gap:.7rem}.list-toolbar{align-items:flex-start}.list-display-controls label{flex-wrap:wrap}.list-toolbar .list-display-controls select{max-width:100%}.wish-grid[data-layout="compact"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.wish-grid[data-layout="large"] .art{height:235px}}
@media(max-width:700px){
 .demo-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;align-items:center}
 .demo-nav>.brand{grid-column:1;grid-row:1;min-width:0}
 .demo-nav>.nav-links{display:contents}
 .demo-nav>.nav-links>.language{grid-column:2;grid-row:1;justify-self:end}
 .demo-nav>.nav-links>[data-action="saved"]{grid-column:1;grid-row:2;justify-self:start;max-width:100%;white-space:normal}
 .demo-nav>.profile-menu{grid-column:2;grid-row:2;margin-left:0;justify-self:end}
 .demo-nav .profile-menu summary{gap:.4rem;padding:.45rem .55rem}
 .demo-nav .profile-panel{right:0;max-width:calc(100vw - 36px)}
}
@media(max-width:360px){.demo-nav>.nav-links>[data-action="saved"]{font-size:.875rem;padding:9px 10px}.demo-nav .profile-menu summary{gap:.3rem}.demo-nav .profile-avatar{width:1.65rem;height:1.65rem}}
@media(max-width:700px){
 #app>header.nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;align-items:center}
 #app>header.nav>.brand{grid-column:1;grid-row:1;min-width:0}
 #app>header.nav>.nav-links{display:contents}
 #app>header.nav>.nav-links>.language{grid-column:2;grid-row:1;justify-self:end}
 #app>header.nav>.nav-links>.button{grid-column:1;grid-row:2;justify-self:start}
 #app>header.nav .profile-menu{grid-column:2;grid-row:2;justify-self:end;max-width:100%}
 #app>header.nav .profile-menu summary{gap:.4rem;padding:.45rem .55rem}
 #app>header.nav .profile-panel{right:0;max-width:calc(100vw - 40px)}
}
@media(max-width:360px){#app>header.nav{column-gap:8px}#app>header.nav .nav-links>.button{padding:9px 10px;font-size:.875rem}#app>header.nav .profile-menu summary{gap:.3rem}#app>header.nav .profile-avatar{width:1.65rem;height:1.65rem}}
@media(max-width:360px){#app>header.nav .nav-links>.button>span{display:none}#app>header.nav .nav-links>.button{gap:0}}