/* Controles inspirados en la barra de acciones solicitada. */
.brand-area{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-area .brand{align-self:flex-start}.brand-photo{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#f8d9d6;color:var(--red);cursor:pointer;box-shadow:0 0 0 1px var(--line);margin:23px 0 10px;transition:transform .2s ease,box-shadow .2s ease}.brand-photo:hover{transform:scale(1.05);box-shadow:0 0 0 3px #eeb3ba77}.brand-photo img{width:100%;height:100%;object-fit:cover}.brand-photo input{display:none}.brand-photo span{font-size:24px;font-weight:400}.couple-names{padding:0;background:transparent;color:var(--ink);box-shadow:none;font:600 14px "DM Sans",sans-serif}.couple-names:hover{transform:none;box-shadow:none;color:var(--red)}.couple-names span,.couple-names small{display:block;float:none}.couple-names small{font:10px "DM Mono",monospace;color:var(--muted);margin-top:4px;font-weight:400}.names-editor{width:100%;margin-top:13px;padding:13px;background:#f8e8e3;border:1px solid var(--line);text-align:left}.names-editor[hidden]{display:none}.names-editor label{display:grid;gap:4px;margin-bottom:9px;font-size:10px;font-weight:700}.names-editor input{width:100%;padding:7px;border:1px solid #d6c4c0;background:#fffaf6;font:12px "DM Sans",sans-serif}.names-editor button{width:100%;padding:8px;text-align:center;font-size:11px}.sidebar nav{margin-top:47px}body.dark-mode .names-editor{background:#37232d}body.dark-mode .names-editor input{background:#21171e;color:#f8e8e5;border-color:#72515a}
.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.menu-button{display:grid;place-items:center;width:38px;height:38px;padding:0;background:transparent;color:var(--wine);border:1px solid transparent;border-radius:50%;font:20px/1 Arial;box-shadow:none}.icon-button:hover,.menu-button:hover{transform:translateY(-2px);box-shadow:none;border-color:var(--red);background:#fbe5e2}.menu-button{border-color:var(--line);border-radius:11px;gap:4px}.menu-button span{display:block;width:17px;height:1px;background:currentColor}.profile-popover{position:fixed;z-index:30;right:78px;top:68px;width:225px;padding:21px;background:#fffaf7;border:1px solid var(--line);box-shadow:0 14px 35px #3f1d2730;color:var(--ink)}.profile-popover[hidden]{display:none}.profile-popover>span{display:block;color:var(--red);font-size:22px;margin-bottom:8px}.profile-popover .eyebrow{margin-bottom:9px}.profile-popover strong{display:block;font:600 19px/1.15 "Playfair Display",Georgia}.profile-popover small{display:block;margin-top:9px;color:var(--muted);line-height:1.4}.sidebar-hidden .sidebar{transform:translateX(-100%)}.sidebar-hidden .content{margin-left:0;width:100%}.sidebar{transition:transform .3s ease}.content{transition:margin .3s ease,width .3s ease}body.dark-mode{--ink:#f8e8e5;--paper:#19131a;--blush:#24171f;--line:#4b3740;--muted:#c8aeb1;--wine:#f1c0c4;background:#19131a}body.dark-mode .sidebar,body.dark-mode .hero,body.dark-mode .empty-gallery,body.dark-mode .saved-memory,body.dark-mode .composer-card{background:#21171e}body.dark-mode .moments{background:#2a1a23}body.dark-mode .login-card{background:linear-gradient(135deg,#fffdf9,#fcedea);color:#2a2025}body.dark-mode .icon-button,body.dark-mode .menu-button{color:#f8e8e5}body.dark-mode .icon-button:hover,body.dark-mode .menu-button:hover{background:#442b36}body.dark-mode .profile-popover{background:#2c1c25;color:#f8e8e5}body.dark-mode .upload-button{color:#f8e8e5;border-color:#f8e8e5}body.dark-mode .upload-button:hover{background:#f8e8e5;color:#2a2025}@media(max-width:850px){.header-actions{gap:4px}.content header{padding:0 5vw}.online{display:none}.profile-popover{right:60px;top:65px}.sidebar-hidden .content{margin-top:61px}.sidebar-hidden .sidebar{transform:translateY(-100%)}}

/* Sistema solar del corazón: las órbitas no se detienen. */
.orbital .orbit-a{animation:orbit-a 14s linear infinite}.orbital .orbit-b{animation:orbit-b 20s linear infinite reverse}.orbital .orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:-4px;left:50%;background:var(--red);box-shadow:0 0 12px #c74b6199}.orbital .orbit-b:after{background:var(--lime);box-shadow:0 0 12px #d8e88d99}@keyframes orbit-a{from{transform:rotate(49deg)}to{transform:rotate(409deg)}}@keyframes orbit-b{from{transform:rotate(-34deg)}to{transform:rotate(326deg)}}@media(prefers-reduced-motion:reduce){.orbital .orbit-a,.orbital .orbit-b{animation:none}}

/* Firma del universo: una nota íntima, elevada junto a las órbitas. */
.orbital .orbit-caption{position:absolute;z-index:3;top:-93px;right:-55px;display:grid;justify-items:end;gap:2px;padding:10px 13px 9px;background:#fffaf5;border:1px solid #e6d6d1;border-radius:2px;box-shadow:5px 6px 0 #eeb3ba55;transform:rotate(2deg);font-family:"DM Mono",monospace;line-height:1;pointer-events:none}.orbital .orbit-caption i{position:absolute;left:9px;top:9px;color:var(--red);font-style:normal;font-size:10px}.orbital .orbit-caption strong{padding-left:15px;color:var(--wine);font-size:14px;font-weight:500;letter-spacing:.04em}.orbital .orbit-caption small{color:var(--red);font:italic 15px "Playfair Display",Georgia;letter-spacing:.02em}.orbital .moon{position:relative;overflow:hidden}.orbital .moon:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:#fff8;top:-34px;left:-15px;filter:blur(4px)}.orbital .moon{filter:drop-shadow(0 15px 20px #9c3f4b33)}body.dark-mode .orbital .orbit-caption{background:#2a1a23;border-color:#72515a}body.dark-mode .orbital .orbit-caption strong{color:#f8e8e5}@media(max-width:850px){.orbital .orbit-caption{top:-94px;right:-18px;transform:rotate(2deg) scale(1.05)}}