.chart-bg-container{border-radius:12px;position:relative;overflow:hidden}.chart-bg-container:after{content:"";opacity:.12;pointer-events:none;z-index:10;mix-blend-mode:screen;background-image:url(/images/chart-bg-dark.png);background-position:50%;background-repeat:no-repeat;background-size:90%;position:absolute;inset:0}:root.light .chart-bg-container:after{mix-blend-mode:multiply;opacity:.15;background-image:url(/images/chart-bg-light.png)}.palace-connections-svg{opacity:0;transition:opacity .3s}.palace-connections-svg.active{opacity:1}.connection-tam-hop{stroke:#d4af3799;stroke-width:2px;stroke-linecap:round}.connection-doi-cung{stroke:#dc46468c;stroke-width:1.5px;stroke-dasharray:8 4;stroke-linecap:round;animation:1s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-24px}}.connection-dot-tam-hop{fill:#d4af37e6}.connection-dot-doi-cung{fill:#dc4646cc}.laso-cung[data-diachi]:hover{z-index:6}:root.light .connection-tam-hop{stroke:#a0781e80}:root.light .connection-doi-cung{stroke:#c8323273}:root.light .connection-dot-tam-hop{fill:#a0781ecc}:root.light .connection-dot-doi-cung{fill:#c83232b3}.laso-wrapper{background:#b48c3280;border:1.5px solid #b48c3280;border-radius:12px;flex-direction:column;gap:0;width:100%;max-width:100%;display:flex;overflow:hidden;box-shadow:0 4px 32px #0000004d}.laso-scroll-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}html.light .laso-wrapper{background:#c89632a6;border-color:#c89632a6;box-shadow:0 4px 24px #00000014}.laso-grid{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,1fr);gap:1.5px;width:100%;display:grid;position:relative}.laso-grid:after{content:"";pointer-events:none;z-index:10;opacity:0;background:radial-gradient(circle 180px at var(--mx,-200px)var(--my,-200px),#d4af372e 0%,#d4af3714 35%,transparent 70%);transition:opacity .3s;position:absolute;inset:0}.laso-grid:hover:after{opacity:1}html.light .laso-grid:after{background:radial-gradient(circle 180px at var(--mx,-200px)var(--my,-200px),#daa52038 0%,#daa52014 40%,transparent 70%)}.laso-center{background:radial-gradient(at 50% 35%,#b48c3214 0%,#0000 60%),linear-gradient(170deg,#120e08d1 0%,#19140cc7 50%,#1e190fbf 100%);border:none;border-radius:0;flex-direction:column;grid-area:2/2/4/4;justify-content:center;align-items:center;padding:10px 12px;display:flex;position:relative;overflow:hidden}html.light .laso-center{background:radial-gradient(at 50% 35%,#d4af3714 0%,#0000 60%),linear-gradient(170deg,#fffcf0e0 0%,#faf5e4d9 50%,#f5eedad1 100%);border:none}.laso-center:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4af370f 0%,#d4af3705 40%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.laso-center:after{content:"";pointer-events:none;border:1.5px solid #d4af371f;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #d4af370f,0 0 40px #d4af3708,inset 0 0 20px #d4af370a}.laso-center-logo{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.laso-center-brand{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:16px;font-weight:800}.laso-center-subtitle{color:var(--accent);opacity:.7;letter-spacing:.06em;margin-top:2px;font-size:11px;font-style:italic}.laso-center-info{z-index:1;border-top:1px solid #b48c3233;width:100%;max-width:340px;margin-top:8px;padding-top:6px;position:relative}.laso-info-row{gap:6px;padding:1px 0;font-size:11.5px;line-height:1.35;display:flex}.laso-info-label{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:72px;font-weight:600}.laso-info-value{color:var(--text-primary);font-weight:600}.laso-info-value.highlight{color:var(--accent);font-weight:700}.laso-cung{cursor:pointer;background:linear-gradient(160deg,#14100af5 0%,#1c160ef0 100%);border:none;border-radius:0;flex-direction:column;height:100%;padding:5px 7px 8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.laso-cung:hover{z-index:2;background:linear-gradient(160deg,#1e180efa 0%,#282012f5 100%)}html.light .laso-cung:hover{background:inherit}.laso-cung.selected{background:linear-gradient(160deg,#b48c3214 0%,#1c160ef5 100%);box-shadow:inset 0 0 24px #b48c320f}.laso-cung-header{justify-content:space-between;align-items:flex-start;margin-bottom:1px;padding-bottom:2px;display:flex;position:relative}.laso-cung-diachi{color:var(--text-muted);flex:1;font-size:11px;font-weight:700}.laso-cung-name{color:#e84118;text-transform:uppercase;letter-spacing:.04em;text-align:center;flex:1;font-size:12px;font-weight:800}.laso-cung-daivan{color:var(--text-muted);text-align:right;flex:1;font-size:11px;font-weight:700}.laso-than-badge-wrap{text-align:center;margin-bottom:4px}.laso-stars{flex-direction:column;flex:1;gap:2px;margin-top:1px;display:flex}.laso-stars-major{text-align:center;min-height:18px}.laso-stars-columns{flex:1;justify-content:space-between;gap:2px;margin-top:2px;display:flex}.laso-stars-col-good{text-align:left;flex:1}.laso-stars-col-bad{text-align:right;flex:1}.laso-star{white-space:normal;word-break:break-word;font-size:12px;font-weight:600;line-height:1.55}.laso-star.chinh{letter-spacing:.02em;font-size:12px;font-weight:800}.laso-star.phu{color:var(--text-secondary);font-size:10.5px;font-weight:700}.laso-star.tap{color:var(--text-muted);opacity:.8;font-size:9.5px;font-weight:500}.star-brightness{margin-left:2px;font-size:9px;font-weight:700}.brightness-high{color:#4ade80}.brightness-mid{color:#60a5fa}.brightness-avg{color:var(--text-muted)}.brightness-low{color:#f87171}html.light .brightness-high{color:#16a34a}html.light .brightness-mid{color:#2563eb}html.light .brightness-low{color:#dc2626}.laso-than-badge{color:var(--accent);vertical-align:middle;letter-spacing:.04em;background:#b48c3240;border:1px solid #b48c324d;border-radius:3px;justify-content:center;align-items:center;margin-left:4px;padding:1px 5px;font-size:8px;font-weight:700;display:inline-flex}html.light .laso-than-badge{background:#d4af372e;border-color:#d4af374d}.laso-trangsinh{color:var(--text-muted);opacity:.75;font-size:10px;font-weight:700}.laso-cung-footer{justify-content:space-between;align-items:flex-end;gap:4px;min-height:14px;margin-top:auto;padding-top:4px;display:flex}.laso-tuantriet{color:var(--text-primary);background-color:#ffffff1a;border-radius:4px;padding:1px 4px;font-size:11.5px;font-weight:800}html.light .laso-tuantriet{color:#000;background-color:#0000000d}.laso-footer-left{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.laso-footer-tag{white-space:nowrap;letter-spacing:-.2px;border-radius:3px;padding:1px 3px;font-size:8px;font-weight:700}.laso-footer-dv{color:#93bbfd;background:#3b82f633;border:.5px solid #3b82f64d}.laso-footer-ln{color:#c4b5fd;background:#a855f733;border:.5px solid #a855f74d}html.light .laso-footer-dv{color:#2563eb;background:#3b82f61f;border-color:#3b82f640}html.light .laso-footer-ln{color:#7c3aed;background:#a855f71f;border-color:#a855f740}.laso-border-badge{z-index:10;pointer-events:auto;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;cursor:default;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800;box-shadow:0 1px 4px #0000004d}.laso-border-badge-tuan{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(135deg,#b8860b,#daa520);border:1.5px solid #ffd70099}.laso-border-badge-triet{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(135deg,#8b0000,#dc3545);border:1.5px solid #ff646480}html.light .laso-border-badge-tuan{color:#4a3000;text-shadow:none;background:linear-gradient(135deg,#c9a83a,#e6c555);border-color:#c9a83a99;box-shadow:0 1px 4px #00000026}html.light .laso-border-badge-triet{color:#fff;text-shadow:none;background:linear-gradient(135deg,#e53e3e,#f56565);border-color:#e53e3e80;box-shadow:0 1px 4px #00000026}.laso-border-badge-tuan-triet{color:#fff;text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#b8860b 0%,#daa520 40%,#dc3545 60%,#8b0000 100%);border:1.5px solid #ffc83280;padding:2px 10px;font-size:9px}html.light .laso-border-badge-tuan-triet{color:#fff;text-shadow:none;background:linear-gradient(135deg,#c9a83a 0%,#e6c555 40%,#f56565 60%,#e53e3e 100%);border-color:#c9a83a80;box-shadow:0 1px 4px #00000026}.laso-footer-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.laso-12than{color:var(--text-muted);opacity:.6;font-size:9.5px;font-style:italic;font-weight:500}.laso-thiencan{color:var(--accent);opacity:.55;margin-right:2px;font-size:10px;font-weight:600}.star-mutagen{vertical-align:middle;letter-spacing:.02em;border-radius:3px;margin-left:3px;padding:0 4px;font-size:8.5px;font-weight:800}.mutagen-loc{color:#22c55e;background:#22c55e26}.mutagen-quyen{color:#eab308;background:#eab30826}.mutagen-khoa{color:#3b82f6;background:#3b82f626}.mutagen-ky{color:#ef4444;background:#ef444426}html.light .mutagen-loc{color:#15803d;background:#15803d1f}html.light .mutagen-quyen{color:#a16207;background:#a162071f}html.light .mutagen-khoa{color:#1d4ed8;background:#1d4ed81f}html.light .mutagen-ky{color:#b91c1c;background:#b91c1c1f}.star-kim{color:var(--metal);font-weight:700}.star-moc{color:var(--wood);font-weight:700}.star-thuy{color:var(--water);font-weight:700}.star-hoa{color:var(--fire);font-weight:700}.star-tho{color:var(--earth);font-weight:700}.star-default{color:var(--text-primary)}.laso-legend{background:linear-gradient(160deg,#14100af5 0%,#1c160ef0 100%);border-top:1px solid #b48c3266;justify-content:center;align-items:center;gap:16px;padding:10px 16px;font-size:11px;display:flex}.laso-legend-item{color:var(--text-secondary);align-items:center;gap:5px;font-weight:500;display:inline-flex}.laso-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.laso-legend-brightness{border-top:none;gap:8px;padding:6px 16px;font-size:10px}.laso-legend-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.laso-legend-group-label{color:var(--text-muted);margin-right:2px;font-size:10px;font-weight:700}.laso-legend-abbr{font-size:9px;font-weight:700}.laso-legend-full{color:var(--text-muted);opacity:.8;font-size:9px}.laso-legend-sep{color:var(--text-muted);opacity:.3;font-size:12px}@media (max-width:1200px){.laso-cung{padding:4px 6px 6px}.laso-star.chinh{font-size:11px}.laso-star.phu{font-size:10px}.laso-center{padding:10px 12px}.laso-info-row{font-size:11px}}@media (max-width:900px){.laso-cung{padding:3px 4px 5px}.laso-cung-name{font-size:9px}.laso-cung-diachi,.laso-cung-daivan{font-size:8.5px}.laso-star{font-size:9.5px;line-height:1.4}.laso-star.chinh{font-size:10px}.laso-star.phu{font-size:9px}.laso-star.tap,.star-brightness{font-size:8px}.star-mutagen{padding:0 3px;font-size:7.5px}.laso-center{padding:8px 10px}.laso-center-brand{font-size:14px}.laso-info-row{font-size:10px}.laso-cung-luangiai{padding:2px 6px;font-size:9px}.laso-yearly-mutagen-item{padding:0 4px;font-size:8px}}@media (max-width:480px){.laso-grid{gap:1px}.laso-cung{padding:2px 2px 4px}.laso-cung-header{margin-bottom:0;padding-bottom:1px}.laso-cung-name{letter-spacing:0;font-size:7px}.laso-cung-diachi,.laso-cung-daivan{font-size:7px}.laso-star{font-size:7px;line-height:1.25}.laso-star.chinh{letter-spacing:0;font-size:7.5px}.laso-star.phu{font-size:6.5px}.laso-star.tap{font-size:6px}.laso-stars{gap:1px}.laso-stars-major{min-height:12px}.laso-stars-columns{gap:1px;margin-top:1px}.laso-center{padding:4px}.laso-center-logo{margin-bottom:2px}.laso-center-logo img{width:20px!important;height:20px!important}.laso-center-brand{letter-spacing:.05em;font-size:10px}.laso-center-subtitle{margin-top:1px;font-size:7px}.laso-center:before,.laso-center:after{display:none}.laso-center-info{max-width:100%;margin-top:3px;padding-top:3px}.laso-info-row{gap:2px;padding:0;font-size:7.5px;line-height:1.3}.laso-info-label{min-width:40px;font-size:7px}.laso-info-value{font-size:7.5px}.laso-text-muted{font-size:6.5px!important}.laso-cung-footer{min-height:10px;padding-top:1px}.laso-trangsinh{font-size:6.5px}.laso-tuantriet{padding:0 2px;font-size:8px}.laso-12than{display:none}.laso-than-badge-wrap{margin-bottom:1px}.star-brightness{margin-left:1px;font-size:6px}.star-mutagen{margin-left:1px;padding:0 2px;font-size:6px}.laso-than-badge{margin-left:2px;padding:0 2px;font-size:6px}.laso-legend{gap:6px;padding:4px 6px;font-size:8px}.laso-legend-dot{width:5px;height:5px}.laso-legend-brightness{gap:4px;padding:3px 6px;font-size:7px}.laso-legend-abbr,.laso-legend-full{font-size:7px}.laso-legend-sep{font-size:8px}.laso-cung-luangiai{border-width:1px;border-radius:6px;gap:2px;padding:2px 4px;font-size:0;bottom:1px;right:1px}.laso-cung-luangiai .laso-luangiai-label{display:none}.laso-cung-luangiai .laso-check{font-size:8px}.laso-cung-luangiai svg{width:8px;height:8px}.laso-cung:hover .laso-cung-luangiai{box-shadow:0 0 4px #d4af3733}.laso-grid:after{display:none}.laso-yearly-info{margin-top:2px;padding-top:2px}.laso-yearly-mutagen-item{padding:0 2px;font-size:7px}.cung-popup-overlay{padding:12px}.cung-popup{max-height:90vh}.cung-popup-header{padding:12px 14px}.cung-popup-content{padding:14px;font-size:13px}}html.light .laso-grid{box-shadow:0 2px 8px #7850140f,0 8px 32px #7850140f}html.light .laso-center{background:radial-gradient(at 50% 35%,#b8860b1f 0%,#0000 55%),linear-gradient(170deg,#faf5e4e0 0%,#f5ecd0d9 50%,#f0e5c2d1 100%);border-color:#7850144d}html.light .laso-center:before{background:radial-gradient(circle,#b8860b1a 0%,#b8860b0a 40%,#0000 70%)}html.light .laso-center:after{border:1.5px solid #8b691433;box-shadow:0 0 24px #8b691414,0 0 48px #8b69140a,inset 0 0 24px #b8860b0f}html.light .laso-center-info{border-top-color:#78501440}html.light .laso-center-brand{color:#c39a0f}html.light .laso-center-subtitle{color:#c39a0f;opacity:.85}html.light .laso-cung{background:linear-gradient(160deg,#faf7ee 0%,#f3ecd6 100%);border:none}html.light .laso-cung:hover{background:linear-gradient(160deg,#fdf5d8 0%,#f5eac0 100%);box-shadow:0 2px 12px #78501414}html.light .laso-cung.selected{background:linear-gradient(160deg,#fdf0c0 0%,#faf5d8 100%);box-shadow:inset 0 0 20px #b8860b14,0 2px 12px #7850141a}html.light .laso-cung-header{border-bottom-color:#78501433}html.light .laso-cung-name{color:#c39a0f}html.light .laso-cung-diachi{color:#6b5b3c}html.light .laso-star.phu{color:#4a4236}html.light .laso-star.tap{color:#7a705c;opacity:.85}html.light .laso-thiencan{color:#c39a0f;opacity:.7}html.light .star-kim{color:#78716c}html.light .star-moc{color:#15803d}html.light .star-thuy{color:#0369a1}html.light .star-hoa{color:#dc2626}html.light .star-tho{color:#a16207}html.light .star-default{color:#1c1917}html.light .laso-cung-footer{border-top-color:#78501426}html.light .laso-trangsinh{color:#6b5b3c;opacity:.75}html.light .laso-12than{color:#8b7b5c;opacity:.65}html.light .laso-legend{background:linear-gradient(90deg,#f5ecd0,#f0e5c2,#f5ecd0);border-top:1.5px solid #78501440}html.light .laso-legend-item{color:#4a4236;font-weight:600}html.light .laso-than-badge{color:#c39a0f;background:#c39a0f26;border-color:#c39a0f4d}html.light .laso-cung-daivan{color:#8b7b5c;opacity:.75}.laso-cung-luangiai{color:var(--accent);cursor:pointer;opacity:0;transform-origin:100% 100%;z-index:3;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.4;transition:opacity .25s,transform .5s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex;position:absolute;bottom:4px;right:4px;transform:scale(.5)}.laso-cung:hover .laso-cung-luangiai{opacity:1;border-color:var(--accent);color:#fbbf24;text-shadow:0 0 6px #d4af3766;background:#d4af3733;transform:scale(1);box-shadow:0 0 12px #d4af374d,inset 0 0 6px #d4af371a}.laso-cung-luangiai:hover{animation:none;transform:scale(1.08);color:#fde047!important;background:#d4af3759!important;border-color:#fbbf24!important;box-shadow:0 0 20px #d4af3773,inset 0 0 8px #d4af3726!important}.laso-cung-luangiai.done{opacity:1;color:#22c55e;background:#22c55e14;border-color:#22c55e40}.laso-cung-luangiai.done:hover{background:#22c55e26;border-color:#22c55e66}.laso-cung:hover .laso-cung-luangiai.done .laso-luangiai-label:after{content:""}.laso-check{color:#22c55e;font-size:10px;font-weight:800}.laso-cung-luangiai.loading{opacity:1;pointer-events:none;background:#b48c321a;border-color:#b48c324d}.laso-spin{animation:1s linear infinite spin}html.light .laso-cung:hover .laso-cung-luangiai{color:#92400e;text-shadow:none;background:#b8860b2e;border-color:#b8860b;box-shadow:0 0 12px #b8860b40}html.light .laso-cung-luangiai:hover{color:#78350f!important;background:#b8860b47!important;border-color:#92400e!important;box-shadow:0 0 18px #b8860b59!important}html.light .laso-cung-luangiai.done{color:#15803d;background:#15803d14;border-color:#15803d40}html.light .laso-cung-luangiai.done:hover{background:#15803d24;border-color:#15803d66}html.light .laso-check{color:#15803d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cung-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.cung-popup{background:var(--bg-secondary,#1e293b);border:1.5px solid #b48c3266;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:80vh;animation:.2s ease-out popupSlideIn;display:flex;box-shadow:0 0 40px #b48c3214,0 20px 60px #0006}.cung-popup-header{border-bottom:1px solid #b48c3226;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cung-popup-title{color:var(--accent);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.cung-popup-title strong{color:var(--accent)}.cung-popup-diachi{color:var(--text-muted);background:var(--bg-element,#b48c3214);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.cung-popup-close{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cung-popup-close:hover{background:var(--bg-element);color:var(--text-primary)}.cung-popup-stars{border-bottom:1px solid #b48c321a;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:10px 20px;display:flex}.cung-popup-star-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cung-popup-star-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.cung-popup-star-tag{border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.cung-popup-star-tag.main{color:var(--accent);background:#b48c321f}.cung-popup-star-tag.sub{color:var(--text-secondary);background:var(--bg-element,#b48c320f)}.cung-popup-content{color:var(--text-primary);flex:1;padding:18px 20px;font-size:14px;line-height:1.8;overflow-y:auto}.cung-popup-loading{color:var(--text-muted);align-items:center;gap:10px;padding:20px 0;font-size:13px;display:flex}.cung-popup-cursor{background:var(--accent);vertical-align:middle;border-radius:2px;width:7px;height:16px;margin-left:3px;animation:.8s step-end infinite blink;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}html.light .cung-popup{background:#faf7ee;border-color:#78501459;box-shadow:0 0 30px #7850140f,0 16px 48px #00000026}html.light .cung-popup-header{border-bottom-color:#78501426}html.light .cung-popup-stars{border-bottom-color:#7850141a}html.light .cung-popup-overlay{background:#00000059}.reading-card-header{transition:all .2s!important}.reading-card-header:hover{transform:translateY(-1px);border-color:var(--accent)!important;box-shadow:0 4px 20px #c4a24d26!important}.reading-card-header:hover>div:first-child{filter:brightness(1.1);opacity:1!important}@media (max-width:480px){.reading-card-header>div:first-child{width:70px!important;min-height:70px!important}}.laso-yearly-tag{color:#f59e0b;text-align:center;letter-spacing:.03em;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:3px;justify-content:center;align-items:center;gap:2px;margin-bottom:1px;padding:0 4px;font-size:8.5px;font-weight:700;display:flex}.laso-yearly-tag-label{opacity:.7;text-transform:uppercase;font-size:7.5px;font-weight:600}.laso-yearly-tag.is-menh{color:#fbbf24;background:#fbbf242e;border-color:#fbbf2466;font-weight:800;box-shadow:0 0 6px #fbbf2426}html.light .laso-yearly-tag{color:#b45309;background:#b4530914;border-color:#b4530933}html.light .laso-yearly-tag.is-menh{color:#92400e;background:#92400e1f;border-color:#92400e4d}.laso-yearly-stars{border-top:1px dashed #f59e0b40;flex-wrap:wrap;gap:0 3px;margin-top:2px;padding-top:2px;display:flex}.laso-star.yearly{color:#f59e0b;opacity:.85;font-size:9px;font-weight:600}.laso-star.yearly.bad{color:#ef4444;opacity:.75}.laso-star.yearly.good{color:#22c55e;opacity:.85}html.light .laso-star.yearly{color:#b45309}html.light .laso-star.yearly.bad{color:#dc2626}html.light .laso-star.yearly.good{color:#15803d}.laso-star.yearly-mutagen{letter-spacing:.02em;border-radius:2px;padding:0 3px;font-size:8px;font-weight:700}.laso-star.yearly-mutagen.mutagen-loc{color:#22c55e;background:#22c55e1a}.laso-star.yearly-mutagen.mutagen-quyen{color:#f59e0b;background:#f59e0b1a}.laso-star.yearly-mutagen.mutagen-khoa{color:#3b82f6;background:#3b82f61a}.laso-star.yearly-mutagen.mutagen-ky{color:#ef4444;background:#ef44441a}html.light .laso-star.yearly-mutagen.mutagen-loc{color:#15803d;background:#15803d14}html.light .laso-star.yearly-mutagen.mutagen-quyen{color:#b45309;background:#b4530914}html.light .laso-star.yearly-mutagen.mutagen-khoa{color:#1d4ed8;background:#1d4ed814}html.light .laso-star.yearly-mutagen.mutagen-ky{color:#dc2626;background:#dc262614}.yearly-selector{align-items:center;gap:8px;padding:8px 0;display:flex}.yearly-selector-label{color:var(--text-muted);font-size:12px;font-weight:600}.yearly-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #b48c324d;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700;transition:all .15s}.yearly-btn:hover{border-color:var(--accent);color:var(--accent)}.yearly-btn.active{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b80}html.light .yearly-btn.active{color:#b45309;background:#b4530914;border-color:#b453094d}.laso-yearly-info{border-top:1px dashed #f59e0b4d;width:100%;max-width:340px;margin-top:6px;padding-top:6px}.laso-yearly-info .laso-info-label{color:#f59e0b}html.light .laso-yearly-info .laso-info-label{color:#b45309}.laso-yearly-mutagen{flex-wrap:nowrap;gap:3px;margin-top:1px;display:flex}.laso-yearly-mutagen-item{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700}html.light .laso-yearly-mutagen-item{color:#b45309;background:#b453090f;border-color:#b4530926}.yearly-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:50;flex-wrap:nowrap;align-items:center;gap:6px;padding:4px 0 8px;display:flex;position:relative;overflow:auto visible}.yearly-tabs::-webkit-scrollbar{display:none}.yearly-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#b48c320a;border:1px solid #b48c3233;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.yearly-tab:hover{color:var(--accent);background:#b48c321a;border-color:#b48c3266}.yearly-tab.active{color:var(--accent);background:#d4af3726;border-color:#d4af3780;font-weight:700;box-shadow:0 0 8px #d4af371a}html.light .yearly-tab{background:#b453090a;border-color:#b4530926}html.light .yearly-tab:hover{background:#b4530914;border-color:#b453094d}html.light .yearly-tab.active{color:#92400e;background:#92400e1a;border-color:#92400e66}.yearly-tab-close{opacity:.5;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;transition:all .15s;display:flex}.yearly-tab-close:hover{opacity:1;color:#ef4444;background:#ef444426}.yearly-tab-add{color:var(--text-muted);border-style:dashed;font-weight:500}.yearly-tab-add:hover{color:var(--accent);border-color:var(--accent)}.yearly-tab-dropdown{z-index:50;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;gap:4px;min-width:200px;margin-top:4px;padding:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000040}.yearly-tab-dropdown-item{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.yearly-tab-dropdown-item:hover:not(:disabled){color:var(--accent);background:#d4af371a;border-color:#d4af3766}.yearly-tab-dropdown-item.viewed{opacity:.4;cursor:default}.yearly-tab-spinner{color:var(--accent);flex-shrink:0;animation:1s linear infinite spin}.yearly-info-trigger{width:28px;height:28px;color:var(--text-muted);cursor:help;background:#b48c320f;border:1px solid #b48c3226;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.yearly-info-trigger:hover{color:var(--accent);background:#b48c321f;border-color:#b48c3259}.yearly-info-popup{background:var(--bg-card,#1a1d2e);z-index:9999;border:1px solid #b48c3240;border-radius:14px;width:340px;padding:16px;animation:.18s fadeInTooltip;display:none;position:absolute;top:calc(100% + 10px);right:-20px;box-shadow:0 12px 40px #0006,0 0 0 1px #b48c321a}.yearly-info-trigger:hover .yearly-info-popup{display:block}.yearly-info-popup-arrow{background:var(--bg-card,#1a1d2e);border-top:1px solid #b48c3240;border-left:1px solid #b48c3240;width:12px;height:12px;position:absolute;top:-6px;right:26px;transform:rotate(45deg)}.yearly-info-title{color:var(--accent);text-align:center;letter-spacing:.02em;margin-bottom:12px;font-size:13px;font-weight:700}.yearly-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.yearly-info-card{text-align:center;background:#b48c320a;border:1px solid #b48c321f;border-radius:10px;padding:12px 10px}.yearly-info-card-icon{margin-bottom:6px;font-size:22px;line-height:1}.yearly-info-card-label{color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:700}.yearly-info-card-desc{color:var(--text-secondary);font-size:11px;line-height:1.55}.yearly-info-card-desc strong{color:var(--text-primary)}.yearly-info-hint{color:var(--text-muted);border-top:1px dashed #b48c3226;align-items:center;gap:6px;padding-top:8px;font-size:11px;line-height:1.5;display:flex}.yearly-info-hint svg{color:var(--accent);flex-shrink:0}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}html.light .yearly-info-trigger{background:#b48c320d;border-color:#b48c3233}html.light .yearly-info-popup{background:#fff;border-color:#b48c3233;box-shadow:0 12px 40px #0000001f,0 0 0 1px #b48c3214}html.light .yearly-info-popup-arrow{background:#fff;border-color:#b48c3233}html.light .yearly-info-card{background:#b48c320a;border-color:#b48c321f}.yearly-info-icon:hover .yearly-info-tooltip{opacity:1!important;pointer-events:auto!important}