/* v676 (owner) - Save / Compare: the floating "Saved" chip, the toast, the property page button, /saved and /compare. */
.sv-chip{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 13px;border-radius:999px;background:#241235;color:#fff;font:700 13.5px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-decoration:none;box-shadow:0 10px 30px rgba(36,18,53,.35)}
.sv-chip svg{width:16px;height:16px;fill:#ff6b97;stroke:none}
.sv-chip i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ff6b97;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.sv-toast{position:fixed;left:50%;bottom:calc(140px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);opacity:0;z-index:70;background:#fff;color:#241235;border:1px solid #e7dcf7;border-radius:14px;padding:10px 16px;font:600 13.5px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 12px 30px rgba(36,18,53,.18);transition:opacity .25s,transform .25s;max-width:calc(100vw - 32px)}
.sv-toast.in{opacity:1;transform:translate(-50%,0)}

/* property page */
.sv-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sv-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;border:1.5px solid #e1d3f5;background:#fff;color:#3a1d56;font:700 13.5px/1 inherit;text-decoration:none;cursor:pointer}
.sv-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.sv-btn.on{border-color:#ffc2d4;background:#fff1f5;color:#c8235a}
.sv-btn.on svg{fill:#e0356b;stroke:#e0356b}

/* /saved and /compare */
.sv-page{margin:0;background:#f7f3fc;color:#241235;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-height:100vh}
.sv-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#241235;color:#fff}
.sv-top a{color:#fff;text-decoration:none;font-size:20px;line-height:1}
.sv-top h1{font-size:17px;margin:0;flex:1}
.sv-top small{opacity:.75;font-size:12.5px}
.sv-wrap{max-width:1080px;margin:0 auto;padding:16px 16px 120px}
.sv-note{font-size:13px;color:#6f6283;margin:0 0 14px}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.sv-card{position:relative;background:#fff;border:1px solid #ece3f8;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.sv-card .im{display:block;aspect-ratio:16/10;background:#efe7fa center/cover no-repeat}
.sv-card .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.sv-card .nm{font-weight:800;font-size:15.5px;color:#241235;text-decoration:none}
.sv-card .ar{font-size:12.5px;color:#6f6283}
.sv-card .pr{font-weight:800;font-size:15px;color:#6D3AA3}
.sv-card .pr small{font-weight:600;color:#6f6283;font-size:12px}
.sv-card .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.sv-card .tags span{font-size:11.5px;background:#f3ecfc;color:#4b2a6e;border-radius:999px;padding:3px 8px}
.sv-card .ft{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.sv-card .ck{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#3a1d56;cursor:pointer}
.sv-card .ck input{width:18px;height:18px;accent-color:#6D3AA3}
.sv-card .rm{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sv-card .rm svg{width:17px;height:17px;fill:#e0356b;stroke:#e0356b;stroke-width:2}
.sv-card .rm:not(.on) svg{fill:none;stroke:#3a1d56}
.sv-bar{position:fixed;left:0;right:0;bottom:0;z-index:6;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid #ece3f8;display:flex;justify-content:center}
.sv-go{height:46px;padding:0 22px;border-radius:14px;border:0;background:#6D3AA3;color:#fff;font:800 15px/1 inherit;cursor:pointer;width:100%;max-width:420px}
.sv-go:disabled{background:#cbbbe3;cursor:default}
.sv-empty{background:#fff;border:1px dashed #d8c8ef;border-radius:18px;padding:34px 18px;text-align:center}
.sv-empty b{display:block;font-size:16px;margin-bottom:6px}
.sv-empty p{margin:0 0 14px;color:#6f6283;font-size:13.5px}
.sv-empty a,.sv-link{display:inline-block;padding:11px 18px;border-radius:12px;background:#6D3AA3;color:#fff;text-decoration:none;font-weight:800;font-size:14px}

.sv-cmp{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #ece3f8;border-radius:18px}
.sv-cmp table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}
.sv-cmp th,.sv-cmp td{padding:11px 12px;border-bottom:1px solid #f1eaf9;text-align:left;vertical-align:top}
.sv-cmp thead th{background:#faf7ff;vertical-align:bottom}
.sv-cmp th[scope=row]{width:130px;color:#6f6283;font-weight:700;background:#fdfbff;position:sticky;left:0}
.sv-cmp .ph{display:block;width:100%;aspect-ratio:16/10;border-radius:12px;background:#efe7fa center/cover no-repeat;margin-bottom:8px}
.sv-cmp .nm{font-weight:800;color:#241235;text-decoration:none;font-size:14.5px}
.sv-cmp .best{color:#127858;font-weight:800}
.sv-cmp .no{color:#a597b8}
.sv-cmp .open{display:inline-block;margin-top:4px;padding:9px 14px;border-radius:10px;background:#6D3AA3;color:#fff;text-decoration:none;font-weight:800;font-size:13px}
