:root{--green-main: #59b362;--green-dark: #3e8647;--yellow-accent: #ffe15d;--black-main: #222;--white-main: #ffffff;--gray-light: #f3f4f6}html,body{height:100%;width:100%;overflow:hidden;margin:0;background:linear-gradient(160deg,var(--green-main) 0%,var(--gray-light) 100%);display:flex;justify-content:center;align-items:stretch}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;width:100%;padding:0;margin:0;box-sizing:border-box}.banner-layout{display:flex;justify-content:center;align-items:stretch;gap:2rem;width:98vw;height:100%;max-width:1600px;box-sizing:border-box}.main-card{background:#fff;border-radius:28px;padding:24px;display:flex;flex-direction:column;margin-top:0;min-height:calc(100vh - 140px);box-shadow:0 10px 30px #0000001f}.side-banner{width:160px;min-width:160px;background:linear-gradient(180deg,#b7f3b1,#7dc97d);border-radius:28px;padding:24px;box-shadow:0 10 30px #00000026;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#033d03;height:100%;box-sizing:border-box;flex-shrink:0;margin-top:auto;margin-bottom:auto}.ad-content{padding:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.ad-content h3{font-size:1.2rem;margin-bottom:.5rem}.ad-content p{font-size:.9rem;line-height:1.3}header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding-top:4px}h1{font-size:36px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:0;color:var(--white-main)}h4{font-size:14px;font-style:italic;margin:2;color:#9b9b9b75}header h1{color:var(--white-main);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.4rem}header h1:before{content:"🥬";font-size:1.6rem}header h1:after{content:"🥬";font-size:1.6rem}@keyframes floaty{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-53%) translate(3px)}}.dancing-cat{font-size:3rem;animation:dance 1.5s infinite ease-in-out}.dancing-slaaj{font-size:3rem;animation:dance 1.5s infinite step-start}@keyframes dance{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-10deg)}50%{transform:translateY(0) rotate(10deg)}75%{transform:translateY(-10px) rotate(-5deg)}}.quote-banner{display:flex;flex-direction:column;align-items:center;gap:.6rem}.quote-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 6px #0000004d}.quote-text{font-style:italic;font-size:.9rem;margin:.5rem 0;text-align:center;color:var(--black-main)}.quote-author{font-weight:600;color:#033d03}.mystery-btn{bottom:12px;right:12px;width:45px;height:45px;border-radius:50%;background:#fffd;border:none;font-size:24px;cursor:pointer;box-shadow:0 3px 8px #0003;transition:transform .15s ease,background .2s}.mystery-btn:hover{transform:scale(1.08);background:#fff}.popup-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.popup-window{background:#fff;padding:20px;border-radius:12px;width:360px;max-width:92%;box-shadow:0 8px 30px #00000059;text-align:center}.popup-title{margin:0 0 10px;font-size:1.25rem}.popup-img-wrapper{position:relative;width:100%;border-radius:10px;overflow:hidden;margin-bottom:12px}.popup-img{display:block;width:100%;height:220px;object-fit:cover}.popup-img-overlay{position:absolute;left:0;right:0;top:12px;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;color:#fff;font-weight:800;font-size:1.4rem;text-shadow:0 2px 8px rgba(0,0,0,.75);padding:0 12px;line-height:1.1}.close-popup{margin-top:6px;padding:8px 16px;border-radius:8px;border:none;background:#3b8d3b;color:#fff;cursor:pointer}.clickable-collection-img{width:100%;object-fit:contain;cursor:pointer;margin-bottom:20px}.popup-window.shop{width:400px;max-height:100vh;overflow-y:auto}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:15px}.shop-item img{width:40%;border-radius:8px}.shop-item p{text-align:center;margin-top:6px;font-weight:700}.shop-footer{margin-top:20px;text-align:center;font-style:italic;font-size:18px}.results{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff;scrollbar-width:thin;scrollbar-color:#7dc97d transparent}.results::-webkit-scrollbar{width:8px}.results::-webkit-scrollbar-thumb{background-color:#7dc97d;border-radius:4px}.result-row{display:flex;align-items:center;gap:14px;padding:10px;border-bottom:1px solid #e5e7eb}.result-row:last-child{border-bottom:none}.result-cover{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.result-meta{flex:1;display:flex;flex-direction:column;color:var(--black-main)}.result-artist{font-size:.9rem;color:#555}.result-stats{font-size:.8rem;color:#333;margin-top:4px}.result-actions .btn{padding:10px;font-size:.8rem}.results-page{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.stats-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.stats-tabs button{flex:1;padding:.5rem;border-radius:999px;border:none;cursor:pointer}.stats-tabs button.active{background:#000;color:#fff}.stats-placeholder{opacity:.6;font-style:italic}.results-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:1.5rem;height:95%}.results-column{background:#fff;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.results-top100{padding:0 8 8px}.results-header{display:flex;flex-direction:column;gap:0px;padding-bottom:0}.results-header input{padding:10px 12px;border-radius:8px;border:1px solid #ddd}.results-list{flex:1;overflow-y:auto;padding-right:1px}.results-stats{min-width:300px;max-width:360px;min-height:600px;padding:0 16px;margin-bottom:0;overflow-y:auto;border-radius:20px;background:#e9f3e9e3}.statistics h2{margin-bottom:10px}.stat-block{margin-bottom:24px}.stat-row{padding:8px 0;border-bottom:1px solid #eee;font-size:.9rem}.stat-meta{opacity:.7;font-size:.8rem}.year-chart{display:flex;flex-direction:column;gap:8px}.year-row{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:8px}.year-label{font-size:.85rem;color:#555}.year-bar-wrapper{background:#eef2ee;border-radius:6px;overflow:hidden}.year-bar{height:12px;background:linear-gradient(90deg,#59b362,#3e8647);border-radius:4px}.year-count{font-size:.8rem;text-align:right;opacity:.7}.stats-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.stats-menu button{background:#0e261d;border-radius:18px;padding:14px;text-align:left;font-size:15px;border:none;color:#a7e9c9;cursor:pointer;transition:background .15s ease,transform .15s ease}.stats-menu button:hover{background:#e7d90e;color:#3e8647;transform:translateY(-2px)}.stats-back{align-self:flex-start;background:#0e261d;border-radius:999px;padding:8px 14px;margin-bottom:12px;border:none;color:#a7e9c9;cursor:pointer}.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:0;margin-bottom:12px}.stat-tile{background:#fff;border-radius:18px;padding:16px 14px 18px;text-align:center;box-shadow:0 6px 20px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:110px}.stat-title{font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.stat-icon{font-size:26px;display:block;margin-bottom:6px}.stat-value{font-size:28px;font-weight:800;color:#111;line-height:1.1}.stat-sub{font-size:12px;color:#777;margin-top:6px}.individual-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.individual-rank{width:28px;flex-shrink:0;font-weight:700;text-align:right}.individual-text{display:flex;flex-direction:column}.individual-title{font-weight:600;line-height:1.25}.individual-artist{font-size:.85rem;color:#555;line-height:1.2}.individual-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.individual-name{margin:0;font-size:1rem;font-weight:700}.site-header{padding:16px 24px;margin-bottom:0}.site-title{display:flex;align-items:center;gap:14px}.site-logo{width:80px;height:60px;object-fit:contain;margin-bottom:0}.country-row{display:grid;grid-template-columns:32px 1fr 1fr 24px;gap:8px;align-items:center;margin-bottom:6px}.country-bar{background:#eef2ee;border-radius:6px;overflow:hidden}.country-bar div{height:10px;background:linear-gradient(90deg,#59b362,#3e8647)}.podium{display:flex;justify-content:center;gap:12px;margin-top:12px}.country-row{display:flex;align-items:center;gap:8px}.flag{width:24px;display:flex;justify-content:center;align-items:center}.language-podium{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-top:24px}.podium-block{width:90px;border-radius:14px 14px 8px 8px;text-align:center;padding:10px 6px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:16 8px 18px #0000002e;transition:height .3s ease;position:relative}.place-1{order:2}.place-2{order:1}.place-3{order:3}.place-1{background:linear-gradient(180deg,gold,#f1c400)}.place-2{background:linear-gradient(180deg,#e5e5e5,#bdbdbd)}.place-3{background:linear-gradient(180deg,#cd7f32,#a97142)}.medal{font-size:1.6rem}.podium-block .flag{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.language{font-size:.95rem;font-weight:700}.count{font-size:1.2rem;margin-top:4px}.language-chart-sticky{position:sticky;top:80px;align-self:flex-start;z-index:2}.pie-chart-wrapper{display:flex;align-items:center;gap:1.2rem}.pie-chart{transform:rotate(-90deg);flex-shrink:0}.pie-legend{display:flex;flex-direction:column;gap:.45rem;font-size:.8rem}.pie-legend-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.pie-legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}@media(max-width:768px){.results-stats,.statistics,.side-banner{display:none!important}.results-layout{grid-template-columns:1fr;gap:0}.results-column{border-radius:0}.main-card{border-radius:0;padding:0;min-height:calc(100vh - 90px)}.site-header{padding:10px 14px}header h1{font-size:1.3rem}.site-logo{width:36px;height:28px}.result-row{gap:10px;padding:8px 6px}.result-cover{width:44px;height:44px;border-radius:6px}.result-meta{gap:0px}.result-artist{font-size:.8rem}.result-stats{font-size:.7rem;margin-top:2px}.results{padding-bottom:70px}}:root{--green-main:#59b362;--green-dark:#3e8647;--white:#fff;--black:#222}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(160deg,#59b362,#f3f4f6)}.container{max-width:1200px;margin:0 auto;padding:0;box-sizing:border-box}.banner-layout{display:flex;gap:16px;align-items:stretch}.side-banner{width:160px;min-width:160px;border-radius:24px;padding:10px;color:#033d03;display:flex;align-items:center;justify-content:center}.left-banner{background:linear-gradient(180deg,#e7d90e,#69b969)}.right-banner{background:linear-gradient(180deg,#69b969,#e7d90e)}.layout{flex:1;background:#fff;border-radius:10px;padding:10px;box-shadow:0 6px 20px #00000014;max-height:80vh;overflow:auto}.result-row{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #eee}.rank{font-weight:800;width:48px;text-align:center;color:var(--green-dark)}.result-cover{width:90px;height:90px;object-fit:cover;border-radius:8px}.result-meta{flex:1}.result-title{font-weight:700;font-size:1.05rem}.result-artist{color:#666;margin-top:4px}.result-stats{margin-top:6px;color:#444;font-size:.9rem;display:flex;gap:10px}.result-actions{width:120px;text-align:right}.btn{background:var(--green-main);color:#fff;border:none;padding:6px 10px;border-radius:8px;cursor:pointer}.btn.disabled{background:#ccc;cursor:not-allowed}@media(max-width:900px){.banner-layout{flex-direction:column}.side-banner{display:none}}