:root{--bg:#fafafa;--card:#fff;--line:#e6e6e6;--ink:#222;--sub:#777;--top:#e8a33d;--watch:#e2588a;--accent:#4a7fd6}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0;background:var(--bg);color:var(--ink);line-height:1.5;font-size:16px}.wrap{max-width:760px;margin:0 auto;padding:1rem 1.1rem 4rem}a.back{color:#3a6;text-decoration:none;font-size:.95rem}h1{font-size:1.45rem;margin:.3rem 0}.edit{display:inline-block;margin:.3rem 0 .6rem;color:var(--accent);text-decoration:none;font-weight:600}.gobar{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 .3rem}.navbtn{display:inline-flex;align-items:center;gap:.35rem;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;padding:.6rem 1.05rem;border-radius:10px}.navbtn.ghost{background:#fff;color:var(--accent);border:1px solid var(--accent)}.navbtn:hover{opacity:.92}section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;margin:1rem 0}h2{font-size:1.05rem;margin:.1rem 0 .7rem}.star{color:var(--top)}.heart{color:var(--watch)}.mcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .12s,transform .12s}.mcard:hover{box-shadow:0 3px 12px #0000001f;transform:translateY(-2px)}.mcard .band{height:8px;box-shadow:inset 0 0 0 1px #0000001f}.mcard .body{padding:.55rem .65rem .65rem}.mcard .nm{font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.3rem}.cardhearts{margin-left:auto;color:#e2588a;font-size:.8rem;font-weight:800;white-space:nowrap;background:#fff0f5;border:1px solid #f3c6d8;border-radius:999px;padding:.02rem .45rem}.mcard .kn{color:var(--sub);font-size:.72rem}.mcard .gp{color:var(--sub);font-size:.72rem;margin-top:.2rem}.top-card{grid-column:1 / -1}.top-card .nm{font-size:1.15rem}.top-card{border-color:#c4c4c4;box-shadow:0 0 0 2px #dcdcdc inset}.top-card .band{height:16px}.grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#topBox{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-size:.9rem;background:#fff}.prof{display:grid;grid-template-columns:8em 1fr;gap:.4rem .8rem;font-size:.95rem}.prof dt{color:var(--sub)}.prof dd{margin:0}.muted{color:var(--sub);font-size:.92rem}#diagSec{background:linear-gradient(135deg,#fff,#f7f3ff)}.diaghi{font-size:1.05rem;margin:.2rem 0 .5rem}.diaghi b{font-size:1.25rem}.diagchips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.diagchip{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.4rem .7rem;min-width:5.5em}.diagchip .k{color:var(--sub);font-size:.7rem;display:block}.diagchip .v{font-weight:700;font-size:1rem}.diagtext{font-size:.95rem;line-height:1.75;margin:.5rem 0 .8rem;color:#333}.typecard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;margin:.2rem 0 .9rem}.tpic{width:180px;height:180px;max-width:62vw;flex:none;border-radius:18px}.tname{font-size:1.45rem;font-weight:800}.ttag{font-size:.92rem;color:#555;margin-top:.1rem}.meters{display:flex;flex-direction:column;gap:.55rem;margin:.2rem 0 1rem}.meter{display:grid;grid-template-columns:4.8em 1fr 4.8em;align-items:center;gap:.5rem;font-size:.78rem;color:var(--sub)}.meter .ml{text-align:right}.meter .mr{text-align:left}.meter .mtrack{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#cfe0ff,#f3d9ec)}.meter .mavg{position:absolute;top:50%;transform:translate(-50%,-50%);width:2px;height:15px;background:#46466480;border-radius:1px}.meter .mdot{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 1px 3px #0003}.avgnote{font-size:.72rem;color:var(--sub);margin:.1rem 0 .5rem;display:flex;align-items:center;gap:.35rem}.avgkey{display:inline-block;width:2px;height:12px;background:#46466480;border-radius:1px;flex:none}.sharebtns{display:flex;gap:.5rem;flex-wrap:wrap}.share{background:#111;color:#fff;border:none;border-radius:8px;padding:.55rem 1.2rem;font-weight:700;cursor:pointer;font-size:.95rem}.share:hover{opacity:.9}.share2{background:#fff;color:#111;border:1px solid var(--line)}#empty{text-align:center;padding:2.5rem 0}#empty a,#loading{color:var(--accent)}