@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-abyssal:#04060f;--bg-card:#0a0f1e73;--bg-card-hover:#10193099;--border-card:#ffffff0f;--border-card-active:#00f0ff4d;--color-cyan:#00f0ff;--color-emerald:#0f8;--color-amber:#fa0;--color-magenta:#ff007f;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--glow-cyan:0 0 20px #00f0ff59;--glow-emerald:0 0 20px #00ff8859;--glow-magenta:0 0 20px #ff007f59;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-abyssal);color:var(--color-text-main);font-family:var(--font-sans);min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(150px);opacity:.12;z-index:-1;pointer-events:none;border-radius:50%;width:50vw;height:50vw;position:absolute}body:before{background:radial-gradient(circle, var(--color-cyan) 0%, transparent 70%);animation:25s ease-in-out infinite alternate float;top:-10vw;left:-10vw}body:after{background:radial-gradient(circle, var(--color-emerald) 0%, transparent 70%);animation:20s ease-in-out infinite alternate-reverse float;bottom:-10vw;right:-10vw}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5vw,-5vw)scale(1.1)}to{transform:translate(-3vw,3vw)scale(.95)}}.app-container{flex-direction:column;gap:2rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:2.5rem 1.5rem;display:flex}header,.main-header,.background-header{text-align:left;margin-bottom:1.25rem;position:relative}.header-top-row{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-bottom:.5rem;display:flex}.header-nav-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.btn-header-nav{border:1px solid var(--color-cyan);color:#fff;white-space:nowrap;background:#00f0ff1f;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 12px #00f0ff33}.btn-header-nav:hover{border-color:var(--color-emerald);color:#fff;background:#00f0ff40;transform:translateY(-2px);box-shadow:0 0 20px #00f0ff73}.title-container{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.title-logo-link{text-decoration:none;display:inline-flex}.inline-title-logo{object-fit:cover;border:2px solid #00f0ff59;border-radius:12px;flex-shrink:0;width:52px;height:52px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s;box-shadow:0 0 16px #00f0ff40}.inline-title-logo:hover{border-color:var(--color-emerald);transform:scale(1.1)rotate(4deg);box-shadow:0 0 22px #00ff8873}@media (width<=768px){.header-top-row{flex-wrap:wrap;align-items:flex-start}.header-nav-actions{margin-top:.25rem}}.title-glow{background:linear-gradient(135deg, var(--color-text-main) 30%, var(--color-cyan) 70%, var(--color-emerald) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;text-shadow:0 0 40px #00f0ff1a;-webkit-background-clip:text;margin-bottom:0;font-size:2.75rem;font-weight:800}.subtitle{color:var(--color-text-muted);max-width:680px;margin:0;font-size:1.1rem;font-weight:300;line-height:1.5}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);transition:var(--transition-smooth);border-radius:1.25rem;padding:1.75rem}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.dashboard-grid{grid-template-columns:1.25fr 1fr;gap:2rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.details-section{flex-direction:column;gap:1.5rem;display:flex}.report-header{border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.report-badge{border:1px solid var(--color-cyan);box-shadow:var(--glow-cyan);color:var(--color-cyan);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#00f0ff1a 0%,#00ff881a 100%);border-radius:2rem;padding:.4rem 1rem;font-size:1rem;font-weight:700;animation:3s infinite alternate pulse-border}.report-link{color:var(--color-text-main);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.75rem;text-decoration:none;transition:all .25s;display:inline-flex}.report-link:hover{border-color:var(--color-cyan);box-shadow:var(--glow-cyan);color:#fff;background:#00f0ff26;transform:translateY(-1px)}@keyframes pulse-border{0%{border-color:#00f0ff99;box-shadow:0 0 10px #00f0ff33}to{border-color:#0f8;box-shadow:0 0 25px #00ff888c}}.report-year{color:var(--color-text-main);font-size:1.75rem;font-weight:800}.attribution-container{min-height:5.5rem}.label-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.attribution-text{color:var(--color-text-main);font-size:1.15rem;font-style:italic;font-weight:500;line-height:1.45}.metrics-row{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (width<=480px){.metrics-row{grid-template-columns:1fr}}.metric-card{transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.metric-card:hover{background:#ffffff0a;border-color:#ffffff14}.metric-value{color:var(--color-text-main);font-size:1.85rem;font-weight:800}.metric-value.cyan{color:var(--color-cyan)}.metric-value.emerald{color:var(--color-emerald)}.metric-value.amber{color:var(--color-amber)}.metric-value.magenta{color:var(--color-magenta)}.timeline-section{flex-direction:column;gap:1.25rem;padding:2rem 1.75rem;display:flex}.slider-container{padding:1rem 0;position:relative}input[type=range]{appearance:none;cursor:pointer;width:100%;height:6px;transition:var(--transition-smooth);background:#ffffff1a;border-radius:3px;outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:0 0;border-radius:3px;width:100%;height:6px}input[type=range]::-moz-range-track{cursor:pointer;background:0 0;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-text-main);border:3px solid var(--color-cyan);width:22px;height:22px;box-shadow:var(--glow-cyan);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;margin-top:-8px}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-cyan);border-color:var(--color-text-main);transform:scale(1.2);box-shadow:0 0 25px #00f0ffcc}.timeline-ticks{z-index:10;width:100%;height:2.5rem;margin-top:-.25rem;position:relative}.timeline-tick-btn{white-space:nowrap;color:#cbd5e1;cursor:pointer;font-family:var(--font-sans);transition:var(--transition-smooth);z-index:11;background:0 0;border:none;padding-top:.85rem;font-size:.75rem;font-weight:600;position:absolute;top:0;transform:translate(-50%)}.timeline-tick-btn:before{content:"";width:7px;height:7px;transition:var(--transition-smooth);background:#00f0ff73;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #00f0ff4d}.timeline-tick-btn:hover,.timeline-tick-btn.active{color:var(--color-cyan);text-shadow:0 0 10px #00f0ffb3;font-weight:700}.timeline-tick-btn:hover:before,.timeline-tick-btn.active:before{background:var(--color-cyan);box-shadow:0 0 12px var(--color-cyan);transform:translate(-50%)scale(1.6)}.playback-controls{justify-content:center;align-items:center;gap:1.5rem;display:flex}.playback-toolbar{backdrop-filter:blur(16px);background:#00142873;border:1px solid #00f0ff33;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.75rem 1.25rem;display:flex;box-shadow:inset 0 0 20px #0006,0 8px 32px #0000004d}.toolbar-group{align-items:center;gap:.75rem;display:flex}.toolbar-divider{background:linear-gradient(#0000,#00f0ff40,#0000);width:1px;height:2.2rem}.btn-hero-play{background:linear-gradient(135deg, var(--color-cyan) 0%, var(--color-emerald) 100%)!important;color:#020308!important;border:none!important;border-radius:2rem!important;padding:.7rem 1.5rem!important;font-size:.95rem!important;font-weight:700!important;box-shadow:0 0 20px #00f0ff66!important}.btn-hero-play:hover{transform:translateY(-2px)scale(1.03)!important;box-shadow:0 0 30px #00ff88a6!important}.mode-btn{color:var(--color-text-main)!important;box-shadow:none!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:2rem!important;align-items:center!important;gap:.45rem!important;padding:.55rem 1rem!important;font-size:.85rem!important;transition:all .25s!important;display:flex!important}.mode-btn:hover{background:#ffffff14!important;border-color:#00f0ff4d!important}.mode-btn.active{border-color:var(--color-cyan)!important;background:#00f0ff1f!important;box-shadow:0 0 16px #00f0ff40!important}.toggle-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:10px;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.toggle-badge.badge-on{color:var(--color-cyan);background:#00f0ff40;border:1px solid #00f0ff80}.toggle-badge.badge-off{color:var(--color-text-muted);background:#ffffff0f;border:1px solid #ffffff1a}.export-btn{border-radius:2rem!important;padding:.55rem 1.1rem!important;font-size:.85rem!important}.wav-btn{color:var(--color-cyan)!important;background:#00f0ff0f!important;border:1px solid #00f0ff4d!important}.wav-btn:hover{background:#00f0ff26!important;box-shadow:0 0 16px #00f0ff4d!important}.midi-btn{color:var(--color-emerald)!important;background:#00ff880f!important;border:1px solid #00ff8859!important}.midi-btn:hover{background:#00ff8826!important;box-shadow:0 0 16px #00ff8859!important}@media (width<=900px){.playback-toolbar{flex-wrap:wrap;justify-content:center}.toolbar-divider{display:none}}.btn{color:var(--color-text-main);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff14;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;display:flex}.btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg, var(--color-cyan) 0%, var(--color-emerald) 100%);color:#020308;box-shadow:var(--glow-cyan);border:none}.btn.primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #00ff88a6}.visualiser-container{flex-direction:column;gap:1rem;height:100%;display:flex}canvas{background:#02040a99;border:1px solid #ffffff05;border-radius:.75rem;width:100%;height:200px;display:block}.wg-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=768px){.wg-grid{grid-template-columns:1fr}}.wg-card{transition:var(--transition-smooth);background:#ffffff04;border:1px solid #ffffff08;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.wg-card:hover{background:#ffffff08;border-color:#ffffff14}.wg-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.wg-title-text{text-transform:uppercase;letter-spacing:.03em;font-size:.9rem;font-weight:700}.wg-title-badge{border-radius:.25rem;padding:.15rem .4rem;font-size:.7rem;font-weight:800}.wg-title-badge.wg1{color:var(--color-cyan);background:#00f0ff1f;border:1px solid #00f0ff40}.wg-title-badge.wg2{color:var(--color-emerald);background:#00ff881f;border:1px solid #00ff8840}.wg-title-badge.wg3{color:var(--color-magenta);background:#ff007f1f;border:1px solid #ff007f40}.wg-title-badge.wg4{color:var(--color-amber);background:#ffaa001f;border:1px solid #ffaa0040}.wg-metric-row{justify-content:space-between;font-size:.85rem;display:flex}.wg-metric-label{color:var(--color-text-muted)}.wg-metric-value{color:var(--color-text-main);font-weight:600}.audio-controls-panel{flex-direction:column;gap:1rem;display:flex}.control-slider-row{justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex}.control-slider-label{color:var(--color-text-muted);width:120px}.control-slider-input-wrapper{flex-grow:1;align-items:center;gap:1rem;display:flex}.control-slider-val{text-align:right;width:40px;color:var(--color-cyan);font-weight:700}footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--border-card);margin-top:auto;padding:1.5rem 0;font-size:.85rem}footer a{color:var(--color-cyan);transition:var(--transition-smooth);text-decoration:none}footer a:hover{color:var(--color-emerald);text-shadow:0 0 10px #00ff884d}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.background-header{text-align:center;margin-bottom:2rem;position:relative}.header-nav-back{position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=768px){.background-header{padding-top:3.5rem}.header-nav-back{justify-content:center;width:100%;display:flex;top:0;transform:none}}.background-content-layout{flex-direction:column;gap:2.5rem;display:flex}.text-block{line-height:1.6}.lead-text{color:var(--color-cyan);margin-bottom:1rem;font-size:1.2rem;font-weight:300}.text-block p{color:var(--color-text-muted);margin-bottom:1rem}.wg-desc-list{color:var(--color-text-muted);margin-top:.5rem;margin-left:1.5rem}.wg-desc-list li{margin-bottom:.5rem}.section-title{background:linear-gradient(135deg, var(--color-text-main) 30%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.section-subtitle{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.95rem}.table-wrapper{border:1px solid var(--border-card);background:#02040a66;border-radius:.75rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.data-table th,.data-table td{border-bottom:1px solid var(--border-card);padding:1rem 1.25rem}.data-table th{color:var(--color-cyan);text-transform:uppercase;letter-spacing:.05em;background:#0a0f1ecc;font-size:.75rem;font-weight:600}.data-table tbody tr:hover{background:#ffffff05}.statement-cell{max-width:300px;color:var(--color-text-main);font-style:italic;line-height:1.4}.report-tag-link{text-decoration:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.report-tag-link:hover{transform:scale(1.1)translateY(-1px)}.report-tag{white-space:nowrap;border-radius:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.tag-far{color:var(--color-cyan);background:#00f0ff26;border:1px solid #00f0ff59}.tag-sar{color:var(--color-emerald);background:#00ff8826;border:1px solid #00ff8859}.tag-tar{color:var(--color-amber);background:#ffaa0026;border:1px solid #ffaa0059}.tag-ar4{color:var(--color-magenta);background:#ff007f26;border:1px solid #ff007f59}.tag-ar5{color:var(--color-cyan);background:#00f0ff26;border:1px solid #00f0ff59}.tag-ar6{color:var(--color-emerald);background:#00ff8826;border:1px solid #00ff8859}.tag-sres,.tag-srccs,.tag-srren,.tag-srex,.tag-sr15,.tag-srcl,.tag-srocc{color:#c084fc;background:#a855f72e;border:1px solid #c084fc66;box-shadow:0 0 8px #a855f733}.tag-treaty{color:#7dd3fc;background:#38bdf82e;border:1px solid #38bdf866;box-shadow:0 0 8px #38bdf833}.tag-study{color:#6ee7b7;background:#34d3992e;border:1px solid #34d39966}.wg-cycles-timeline{flex-direction:column;gap:2.5rem;display:flex}.wg-cycle-card{border:1px solid var(--border-card);transition:var(--transition-smooth);background:#ffffff05;border-radius:1rem;grid-template-columns:1.1fr 3fr;gap:2rem;padding:1.75rem;display:grid}.wg-cycle-card:hover{background:#ffffff0a;border-color:#00f0ff40;box-shadow:0 10px 30px #0006}@media (width<=1024px){.wg-cycle-card{grid-template-columns:1fr;gap:1.5rem}}.wg-cycle-meta{flex-direction:column;gap:.75rem;display:flex}.wg-cycle-title{color:var(--color-text-main);font-size:1.4rem;font-weight:800}.wg-cycle-year{color:var(--color-cyan);font-size:1.8rem;font-weight:800;line-height:1}.wg-cycle-summary{color:var(--color-text-muted);font-size:.9rem;line-height:1.45}.wg-cycle-totals{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.total-pill{color:var(--color-text-main);background:#ffffff0f;border:1px solid #ffffff26;border-radius:2rem;padding:.25rem .6rem;font-size:.72rem;font-weight:700}.wg-groups-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.wg-group-detail{background:#02040a4d;border:1px solid #ffffff0a;border-left-width:3.5px;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1.15rem;display:flex}.wg-group-detail.border-cyan{border-left-color:var(--color-cyan)}.wg-group-detail.border-emerald{border-left-color:var(--color-emerald)}.wg-group-detail.border-amber{border-left-color:var(--color-amber)}.wg-group-detail.border-magenta{border-left-color:var(--color-magenta)}.wg-group-hdr{border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.wg-group-abbr{text-transform:uppercase;font-size:.9rem;font-weight:800}.wg-group-abbr.cyan{color:var(--color-cyan)}.wg-group-abbr.emerald{color:var(--color-emerald)}.wg-group-abbr.amber{color:var(--color-amber)}.wg-group-abbr.magenta{color:var(--color-magenta)}.wg-group-name{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:500;overflow:hidden}.wg-group-stats{flex-direction:column;gap:.4rem;display:flex}.wg-group-stat-row{justify-content:space-between;font-size:.8rem;display:flex}.wg-group-stat-row span{color:var(--color-text-muted)}.wg-group-stat-row strong{color:var(--color-text-main);font-weight:600}.mapping-grid-boxes{flex-direction:column;gap:1.25rem;display:flex}.mapping-box{border:1px solid var(--border-card);background:#ffffff05;border-radius:.75rem;padding:1.25rem}.mapping-box-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.mapping-box-header h4{font-size:.95rem;font-weight:700}.mapping-box-header h4:first-child{color:var(--color-text-main)}.mapping-box-header h4:last-child,.mapping-box-header.cyan h4:last-child{color:var(--color-cyan)}.mapping-box-header.emerald h4:last-child{color:var(--color-emerald)}.mapping-box-header.amber h4:last-child{color:var(--color-amber)}.mapping-box-header.magenta h4:last-child{color:var(--color-magenta)}.arrow-right{color:var(--color-text-muted);font-weight:700}.mapping-box p{color:var(--color-text-muted);font-size:.88rem;line-height:1.5}