*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{min-height:100vh;padding:20px;display:flex}.sidebar-left{width:200px;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.main-content{flex:1;max-width:900px;margin:0 auto}.app-header{z-index:10;text-align:center;background:#0a0a0f;margin-bottom:14px;padding:16px 0;position:sticky;top:0}.fetched-at{opacity:.4;font-size:12px}.search-bar{justify-content:center;gap:8px;margin-top:16px;display:flex}.search-bar input{width:300px;padding:8px 12px;font-size:16px}.search-bar button{cursor:pointer;padding:8px 16px;font-size:16px}.ranked-info{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.ranked-badge{text-align:center;flex-direction:column;align-items:center;display:flex}.rank-icon{width:80px;height:80px}.ranked-badge h3{opacity:.6;margin-top:4px;font-size:12px}.ranked-badge .rank{font-size:14px;font-weight:700}.ranked-badge .winrate{opacity:.7;font-size:12px}.match-list{flex-direction:column;gap:8px;display:flex}.match-card{border-left:4px solid;align-items:center;gap:16px;padding:12px;display:flex}.match-card.win{background:#28a7451a;border-left-color:#28a745}.match-card.loss{background:#dc35451a;border-left-color:#dc3545}.match-champion{align-items:center;gap:4px;display:flex}.champion-icon{border-radius:50%;width:48px;height:48px}.summoner-spells{flex-direction:column;gap:2px;display:flex}.spell-icon{border-radius:3px;width:22px;height:22px}.match-items{gap:2px;display:flex}.item-icon{width:28px;height:28px}.empty-item{background:#ffffff0d;width:28px;height:28px;display:inline-block}.match-meta{flex-direction:column;gap:2px;margin-left:auto;font-size:12px;display:flex}.result.win{color:#28a745;font-weight:700}.result.loss{color:#dc3545;font-weight:700}.error{color:#dc3545;text-align:center;padding:16px}.loading{text-align:center;padding:32px}.heartsteel-tracker{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.heartsteel-icon{border-radius:8px;width:64px;height:64px}.heartsteel-info{flex-direction:column;display:flex}.heartsteel-label{opacity:.7;font-size:13px}.heartsteel-count{font-size:36px;font-weight:700;line-height:1}.heartsteel-sub{opacity:.5;font-size:11px}.watermark{color:inherit;opacity:.5;align-items:center;gap:6px;font-size:12px;text-decoration:none;transition:opacity .2s;display:flex;position:fixed;bottom:16px;left:16px}.watermark:hover{opacity:.8}.watermark-icon{width:18px;height:18px}