.account-controls{--control-inset: 1.5rem;position:fixed;bottom:calc(var(--control-inset) + env(safe-area-inset-bottom,0px));right:calc(var(--control-inset) + env(safe-area-inset-right,0px));z-index:900;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;align-items:center;max-width:calc(100% - 2 * var(--control-inset) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.account-controls>:is(a,button){font-family:Raleway,sans-serif;font-size:.85rem;font-weight:400;line-height:1.2;padding:.6rem 1.2rem;border:1px solid #4A0404;border-radius:4px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s;background:#f5e6d3;color:#4a0404}.account-controls>:is(a,button):is(:hover,.active,[aria-current=page],[aria-expanded=true]){background:#4a0404;color:#f5e6d3}.account-controls>:is(a,button):focus-visible{outline:2px solid #4A0404;outline-offset:3px}@media(max-width:768px){.account-controls{--control-inset: 1rem}.account-controls>:is(a,button){padding-inline:.8rem}}.friends-panel[hidden],.friends-manager [hidden]{display:none}.friends-panel{position:absolute;right:0;bottom:calc(100% + .5rem + var(--friends-lift, 0px));width:min(22rem,calc(100vw - 2 * var(--control-inset) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:min(28rem,60dvh,var(--friends-available-height, 100dvh));overflow-y:auto;overscroll-behavior:contain;background:#f5e6d3;color:#4a0404;border:1px solid #4A040466;border-radius:6px;box-shadow:0 4px 20px #4a04041a;font-family:Playfair Display,serif}.friends-panel__header{position:sticky;top:0;z-index:1;background:#f5e6d3;display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem 0}.friends-panel__header h2{font-size:1.1rem;font-weight:400}.friends-panel__close{border:0;background:transparent;color:inherit;font-size:1.5rem;line-height:1;padding:.3rem;cursor:pointer}.friends-manager{padding:.8rem;font-size:.9rem;line-height:1.5}.friends-manager a{color:inherit}.friends-manager form{display:flex;gap:.4rem}.friends-manager input:not([type=checkbox]){min-width:0;width:100%;flex:1;padding:.5rem;font:inherit;font-size:1rem;color:inherit;border:1px solid #4A040466;border-radius:4px;background:transparent}.friends-manager button{font:inherit;font-size:.8rem;padding:.35rem .5rem;border:1px solid #4A040466;border-radius:4px;background:transparent;color:inherit;white-space:nowrap;cursor:pointer}.friends-manager button:hover{background:#4a0404;color:#f5e6d3}.friends-manager button:disabled{opacity:.5;cursor:wait}.friends-manager h3{font-size:.8rem;font-weight:400;opacity:.7;margin:.8rem 0 .2rem}.friends-manager ul{list-style:none;padding:0}.friend-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid #4A04041a}.friend-label{flex:1;min-width:100px;overflow-wrap:anywhere}.friend-label small{display:block;font-size:.75rem;opacity:.75}.friend-actions{display:flex;align-items:center;gap:.3rem}.friend-actions summary{cursor:pointer;padding:.15rem .4rem;text-align:right;font-size:1.1rem;list-style:none}.friend-actions summary::-webkit-details-marker{display:none}.friend-actions button[title]{margin-top:.3rem}.groups-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.8rem}.groups-heading h3{margin:0}.group-label{min-width:0}.group-label small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-manager .group-editor{flex-direction:column;margin-top:.4rem}.group-editor fieldset{border:0}.group-editor legend{font-size:.8rem;opacity:.7;padding:0}.group-editor label{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .4rem;padding:.3rem 0;cursor:pointer;overflow-wrap:anywhere}.group-editor label small{flex-basis:100%;padding-left:1.4rem;font-size:.75rem;opacity:.75}.group-editor input[type=checkbox]{accent-color:#4A0404;width:1rem;height:1rem}.group-editor__actions{display:flex;gap:.4rem}.friends-status button{margin-left:.3rem}.friends-status:not(:empty),[data-friends-empty]:not([hidden]){margin-top:.7rem}.friends-status:empty{display:none}.friends-manager :is(input,button,summary,a):focus-visible,.friends-panel__close:focus-visible{outline:2px solid #4A0404;outline-offset:2px}[data-cover]{cursor:pointer}@font-face{font-family:Raleway;src:url(/fonts/raleway-thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display.woff2) format("woff2");font-display:swap}:root{--bg: #F5E6D3;--text: #4A0404;--card-size: 400px;--card-radius: 8px;--gap: 1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpLight{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
