*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:#1d1d1f;-webkit-font-smoothing:antialiased;background:#f2f2f7;flex-direction:column;min-height:100vh;padding-top:64px;font-family:-apple-system,SF Pro Text,Inter,sans-serif;display:flex}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:42px 28px 64px}.saved-hero{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:18px;margin-bottom:22px;display:grid}.hero-card,.saved-panel{background:#ffffffd1;border:1px solid #e5e5eae6;border-radius:24px;box-shadow:0 18px 50px #0000000f,0 1px 3px #0000000f}.hero-card{padding:34px 34px 30px;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0071e321,#0000 68%);border-radius:50%;width:310px;height:310px;position:absolute;top:-110px;right:-90px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#0071e3;margin-bottom:12px;font-size:11px;font-weight:800}h1{letter-spacing:-2px;margin-bottom:12px;font-size:48px;font-weight:800;line-height:.96}.hero-copy{color:#6e6e73;max-width:620px;font-size:15px;line-height:1.75}.saved-panel{flex-direction:column;justify-content:space-between;gap:18px;padding:24px;display:flex}.panel-number{letter-spacing:-3px;color:#0071e3;font-size:54px;font-weight:900;line-height:1}.panel-label{color:#aeaeb2;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800}.panel-note{color:#6e6e73;font-size:13px;line-height:1.6}.sync-box{border-top:1px solid #ececf1;padding-top:14px}.sync-kicker{letter-spacing:.12em;text-transform:uppercase;color:#0071e3;margin-bottom:6px;font-size:10px;font-weight:900}.sync-state{color:#6e6e73;background:#f5f5f7;border:1px solid #ececf1;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.sync-state:before{content:"";background:#aeaeb2;border-radius:50%;width:6px;height:6px}.sync-state[data-auth-mode=cloud]{color:#1a7a1a;background:#efffee;border-color:#cdeed8}.sync-state[data-auth-mode=cloud]:before{background:#1a7a1a}.sync-state[data-auth-mode=syncing]{color:#b07800;background:#fff8e8;border-color:#f1dfb7}.sync-state[data-auth-mode=syncing]:before{background:#b07800}.sync-note{color:#6e6e73;margin-bottom:10px;font-size:12.5px;line-height:1.55}.sync-btn{color:#0071e3;height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0071e33d;border-radius:999px;padding:0 14px;font-size:12px;font-weight:800}.sync-btn:hover,.sync-btn.is-signed-in{color:#1d1d1f;border-color:#0000001f}.toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-wrap{flex:1;position:relative}.saved-search{width:100%;height:42px;font:inherit;background:#fff;border:1px solid #d1d1d6;border-radius:12px;outline:none;padding:0 14px;font-size:13px}.saved-search:focus{border-color:#0071e3;box-shadow:0 0 0 4px #0071e314}.clear-btn{color:#6e6e73;height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d1d6;border-radius:12px;padding:0 14px;font-size:12px;font-weight:700}.clear-btn:hover{color:#c0392b;border-color:#c0392b47}.saved-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.legend-card{background:#fff;border:1px solid #e8e8ee;border-radius:18px;align-items:center;gap:10px;padding:14px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;box-shadow:0 1px 3px #0000000d}.legend-card:hover{border-color:#0071e338;transform:translateY(-2px);box-shadow:0 12px 28px #00000014}.legend-link{min-width:0;color:inherit;flex:1;align-items:center;gap:13px;text-decoration:none;display:flex}.avatar{color:#0071e3;background:linear-gradient(145deg,#edf3ff,#fff);border:1px solid #e5e5ea;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:12px;font-weight:900;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.legend-body{flex:1;min-width:0}.legend-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:14px;font-weight:700;overflow:hidden}.legend-meta{color:#6e6e73;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.role{letter-spacing:.05em;color:#0071e3;background:#eef4ff;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:900}.ovr{letter-spacing:-1px;color:#1a7a1a;font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.save-remove{color:#0071e3;cursor:pointer;background:#f5f5f7;border:0;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:15px}.save-remove.is-saved{color:#0071e3;background:#eef4ff}.empty{text-align:center;color:#6e6e73;background:#fff;border:1px dashed #d1d1d6;border-radius:20px;padding:38px 24px;display:none}.empty strong{color:#1d1d1f;margin-bottom:6px;font-size:18px;display:block}.empty a{color:#0071e3;font-weight:700;text-decoration:none}@media (width<=900px){main{padding:28px 16px 52px}.saved-hero{grid-template-columns:1fr}h1{font-size:40px}.saved-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){body{padding-top:52px}main{padding:24px 12px 44px}.hero-card{border-radius:20px;padding:26px 20px 22px}h1{letter-spacing:-1.4px;font-size:34px}.hero-copy{font-size:14px}.saved-panel{border-radius:20px}.toolbar{flex-direction:column;align-items:stretch}.saved-grid{grid-template-columns:1fr;gap:8px}.legend-card{border-radius:15px;padding:12px}.avatar{width:40px;height:40px}.ovr{font-size:22px}}