@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Regular-kuEpW37U.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Italic-BLiXHH6p.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Medium-Bs0rI2ah.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-MediumItalic-CBeN8kwE.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-SemiBold-DG-qiOZi.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-SemiBoldItalic-DKPbGXmd.woff2) format("woff2");font-weight:600;font-style:italic}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-Bold-BRwEG-Yr.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Basier Circle;src:url(/assets/BasierCircle-BoldItalic-DkAjCm2P.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Regular-DZnaEywB.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Italic-Bx4vJu0R.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Medium-CuxVnx5a.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-MediumItalic-Cumo3ZZI.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-SemiBold-BWzj-h7v.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-SemiBoldItalic-Jkpy-MWA.woff2) format("woff2");font-weight:600;font-style:italic}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-Bold-BsTolivq.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Basier Square;src:url(/assets/BasierSquare-BoldItalic-A2u554y4.woff2) format("woff2");font-weight:700;font-style:italic}:root{--color-primary: #7b5dbb;--color-primary-focus: #6a539d;--color-background: #f1eff5;--color-background-dark: #0c0a10;--color-table-background: #e2d9f3;--color-table-background-focus: #d9cdef;--color-table-background-detail: #d5c7ef;--color-table-background-detail-focus: #cdb9ec;--color-table-border-line: #c3b3df;--color-table-border-column: #d5cae9;--color-text: #15111b;--color-text-dark: #f1eff5;--color-secondary: #a47ce9;--color-accent: #6548a6}body{background:var(--color-background);color:var(--color-text);margin:0}.app{min-height:100vh;padding:10px 15px;box-sizing:border-box}.tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}button{padding:8px 12px;cursor:pointer;background:var(--color-secondary);border-radius:6px;border:none;outline:none;font-family:Basier Circle,sans-serif;color:var(--color-text-light);box-shadow:0 2px 6px #0000001a;transition:background-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}button:hover{background:var(--color-primary);box-shadow:0 4px 12px #0000002e;transform:translateY(-1px)}button:active{transform:translateY(0) scale(.97);box-shadow:0 1px 3px #0000001f}button.active{background:var(--color-primary);color:var(--color-text-dark);transform:scale(1.03);box-shadow:0 6px 16px #00000038}button:focus,button:focus-visible{outline:none}.stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;width:fit-content}.stat-card{background:var(--color-table-background);border-radius:10px;padding:10px 15px;min-width:120px;text-align:center;box-shadow:0 2px 8px #00000014;font-family:Basier Circle,sans-serif}.stat-number{display:block;font-size:24px;font-weight:700;color:var(--color-primary);line-height:1.1}.stat-label{display:block;margin-top:4px;color:var(--color-text);font-size:13px}.table-container{width:100%;max-width:100%;overflow-x:hidden}table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;text-align:center;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;font-family:Basier Circle,sans-serif;background:var(--color-table-background)}.col-rank{width:9%}.col-album{width:34%}.col-artiste{width:32%}.col-note{width:12%;white-space:nowrap}.col-annee{width:13%;white-space:nowrap}.col-note,.col-annee{text-align:center}.col-chanson-titre,.col-chanson-artiste,.col-chanson-album{width:25%}.col-chanson-note{width:12%;white-space:nowrap}.col-chanson-date{width:13%;white-space:nowrap}.col-chanson-note,.col-chanson-date{text-align:center}th{cursor:pointer;background:var(--color-primary);color:var(--color-text-dark);padding:10px;border-right:1px solid rgba(255,255,255,.15);font-weight:700}th:last-child{border-right:none}td{padding:10px;border-bottom:1px solid var(--color-table-border-line);border-right:1px solid var(--color-table-border-column);white-space:normal;overflow-wrap:anywhere;word-break:break-word}th{cursor:pointer;background:var(--color-primary);color:var(--color-text-dark);padding:10px;border-right:1px solid rgba(255,255,255,.15);font-weight:700;white-space:normal}td:last-child{border-right:none}.album-name{text-align:left}tbody tr:hover{background:var(--color-table-background-focus)}input{padding:8px;margin:15px 0;width:300px;max-width:100%;box-sizing:border-box;font-family:Basier Circle,sans-serif}.album-row{cursor:pointer;transition:background .2s}.album-row:hover{background:var(--color-table-background-focus)}.arrow{display:inline-block;width:18px;transition:transform .25s ease;margin-right:8px;color:var(--color-accent)}.arrow.open{transform:rotate(90deg)}.songs-container{padding:0!important;background:var(--color-table-background-detail);border:none}tr:has(.songs-container) td{border-bottom:none}.songs-list{width:100%;background:var(--color-table-background-detail)}.song-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 18px;border-bottom:1px solid var(--color-table-border-line);background-color:var(--color-table-background-detail);transition:background .2s ease}.song-row:hover{background-color:var(--color-table-background-detail-focus)}.song-title{padding-left:25px;text-align:left;overflow-wrap:anywhere}.song-note{width:60px;text-align:right;font-weight:700;flex-shrink:0}.accordion-enter-active,.accordion-leave-active{transition:all .25s ease;overflow:hidden}.accordion-enter-from,.accordion-leave-to{opacity:0;max-height:0;transform:translateY(-8px)}.accordion-enter-to,.accordion-leave-from{opacity:1;max-height:500px;transform:translateY(0)}h1{color:var(--color-text);font-weight:700}@media(max-width:600px){h1{font-size:24px}th,td{padding:6px 4px;font-size:13px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}button{flex:1}.tabs button{width:100%}.table-container{border-radius:10px}input{width:100%}.app{padding:5px}.song-row{padding:8px 10px}.song-title{padding-left:10px}.rank{width:32px}.stats{width:100%}.stat-card{flex:1;min-width:0;padding:8px 5px}.stat-number{font-size:22px}.stat-label{font-size:12px}}