.s7fav{padding:28px;border:1px solid #597083;border-radius:26px;background:radial-gradient(ellipse at 95% 0,#3b304c66,transparent 48%),linear-gradient(140deg,#142634,#070f19 70%);box-shadow:inset 0 1px 2px #c6e0ed55,0 18px 35px #0006;color:#edf6ff}
.s7fav-heading{display:flex;gap:20px;align-items:center;margin-bottom:24px}.s7fav-heading h1{font-size:30px;margin:6px 0;color:#fff}.s7fav-heading p{margin:0;color:#acbdcf;font-size:14px;line-height:1.8}.s7fav-heading small{font:700 10px Arial;letter-spacing:1.7px;color:#c0b0ca}.s7fav-heading>strong{margin-inline-start:auto;font-size:28px;color:#f2dce5;background:#121e2c;border:1px solid #5b5363;padding:12px 20px;border-radius:16px}
.s7fav-emblem{font-size:47px;color:#e34867;text-shadow:1px 2px #8b1936,3px 5px #450f20,0 8px 12px #0008;transform:rotate(-8deg)}
.s7fav-filters{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.s7fav-filters button{border:1px solid #486173;border-radius:11px;padding:10px 17px;color:#c4d7e3;background:linear-gradient(#263e50,#101f2d);box-shadow:inset 0 1px #d3ebfa22,0 3px 5px #0004;font-size:13px}.s7fav-filters button[aria-pressed=true]{background:linear-gradient(#66444f,#35202c);border-color:#cb8e9f;color:#ffedf4}
.s7fav-status{font-size:12px;line-height:1.8;color:#9db6c6;margin:14px 0}.s7fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.s7fav-card{position:relative;overflow:hidden;border:1px solid #476071;border-radius:22px;background:linear-gradient(145deg,#24394b,#091521 65%);box-shadow:inset 0 1px 2px #d7eaf644,inset 0 -2px 5px #0008,0 12px 20px #0005;display:flex;flex-direction:column;min-width:0}
.s7fav-art{display:grid;place-items:center;min-height:208px;margin:14px 14px 0;border-radius:18px;background:radial-gradient(ellipse at center,#4c698444,transparent 72%),linear-gradient(160deg,#10212e,#08121c);overflow:hidden}.s7fav-art img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 12px 10px #0009);transition:transform .2s}.s7fav-service-art{display:block;width:176px;height:202px;flex:none;background-size:1672px 941px;background-position:calc(-58px - var(--crop)*194px) -298px;background-repeat:no-repeat}
.s7fav-card-content{padding:18px;display:flex;flex-direction:column;flex:1;gap:10px}.s7fav-card-content>small{font-size:11px;color:#d3abb9}.s7fav-card h2{font-size:19px;line-height:1.6;margin:0 0 8px;color:#f4f8ff}.s7fav-open{display:block;margin-top:auto;padding:11px 14px;border:1px solid #537185;border-radius:10px;background:linear-gradient(#27465c,#11283a);box-shadow:inset 0 1px #d7ecfa33,0 3px 5px #0005;color:#dcefff!important;text-align:center;font-size:13px;text-decoration:none}.s7fav-open[aria-disabled=true]{opacity:.55}
.s7fav-heart,.s7rail .s7fav-heart{position:absolute;z-index:5;top:13px;left:13px;width:42px;height:42px;min-height:42px;padding:10px;border:1px solid #8b6172;border-radius:13px;background:linear-gradient(145deg,#293342,#111824);color:#e0acbd;box-shadow:inset 0 1px 2px #f8d9e644,0 4px 7px #0008;cursor:pointer;display:grid;place-items:center;font-size:18px}
.s7fav-heart svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none;filter:drop-shadow(0 2px 2px #0008)}.s7fav-heart[aria-pressed=true]{background:linear-gradient(145deg,#ab3858,#5b152e);color:#ffd7e3;border-color:#e696b0}.s7fav-heart[aria-pressed=true] svg{fill:#f45b81;stroke:#ffb2c8}.s7fav-heart:disabled{opacity:.5;cursor:wait}.s7fav-heart:focus-visible,.s7fav button:focus-visible,.s7fav a:focus-visible{outline:2px solid #f5bbcf;outline-offset:3px}
.s7fav-service-wrap{position:relative;width:180px;flex:0 0 180px}.s7fav-service-wrap>.s7rail-card{width:100%}.s7svc-directory .s7fav-service-wrap{width:100%;min-width:0}.s7fav-detail-save{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;margin:10px 0 20px;color:#d4b2c0;font-size:13px}.s7fav-detail-save .s7fav-heart{position:static;flex:none}
.s7fav-empty{grid-column:1/-1;text-align:center;padding:40px 20px;border:1px dashed #576776;border-radius:20px;color:#b8cbd7}.s7fav-empty h2{font-size:22px;color:#eff7ff}.s7fav-empty a{color:#ffc3d6}.s7fav-placeholder{font-size:56px;color:#91bfd6;text-shadow:0 6px 9px #0009}.s7fav-live{position:fixed;bottom:24px;left:24px;z-index:9999;padding:12px 18px;border:1px solid #7e6275;border-radius:12px;background:#142333;color:#f5e5ed;box-shadow:0 6px 20px #0007;font-size:13px;max-width:calc(100vw - 48px);pointer-events:none}.s7fav-live:empty{display:none}
@media(hover:hover){.s7fav-card:hover .s7fav-art img{transform:translateY(-4px) scale(1.04)}.s7fav-card:hover{border-color:#89a8bd}}
@media(max-width:600px){.s7fav{padding:16px;border-radius:20px}.s7fav-heading{gap:12px;flex-wrap:wrap}.s7fav-heading h1{font-size:25px}.s7fav-heading>strong{font-size:21px;padding:9px 14px}.s7fav-emblem{font-size:38px}.s7fav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.s7fav-art{min-height:145px;margin:8px 8px 0}.s7fav-art img{width:120px;height:120px}.s7fav-service-art{transform:scale(.7);margin:-30px}.s7fav-card-content{padding:12px;gap:8px}.s7fav-card h2{font-size:14px}.s7fav-open{padding:9px 5px;font-size:11px}.s7fav-heart{width:36px;height:36px;min-height:36px;padding:8px;top:9px;left:9px}.s7fav-filters{gap:6px}.s7fav-filters button{padding:9px 11px;font-size:12px}.s7fav-live{bottom:75px;left:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.s7fav-art img{transition:none}}

.s7fav-card>.s7fav-heart,.s7fav-service-wrap>.s7fav-heart{position:absolute!important;inset:13px auto auto 13px!important;display:grid!important;width:42px!important;height:42px!important;min-height:42px!important;padding:10px!important;margin:0!important;z-index:5!important}.s7fav-detail-save>.s7fav-heart{position:static!important;inset:auto!important}.s7fav-heart svg{display:block!important;flex:none;fill:none}.s7fav-heart[aria-pressed=true] svg{fill:#f45b81!important}

.s7fav-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.s7fav-card:only-child{width:100%;max-width:420px}.s7fav-card>.s7fav-heart,.s7fav-service-wrap>.s7fav-heart{border-radius:13px!important;box-shadow:inset 0 1px 2px #f8d9e644,0 4px 7px #0008!important}@media(max-width:600px){.s7fav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}