@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&display=swap";html{background:#0a0a0b}body{margin:0}#root{min-height:100vh}button{font-family:inherit}:root{color:#f7f7f7;background:#0a0a0b;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#2a2534 0,#0000 28rem),#0a0a0b;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}main{max-width:1200px;margin:auto;overflow:hidden}.title-block{z-index:2;background:0 0;justify-content:space-between;align-items:center;gap:18px;padding:clamp(34px,6vw,68px) clamp(18px,4vw,48px) 32px;display:flex;position:relative}.title-block .actions{flex:none}.title-block p{letter-spacing:.3em;color:#ff6f85;margin:0 0 10px;font-size:.72rem;font-weight:900}.title-block h1{letter-spacing:-.065em;color:#fff;margin:0;font-size:clamp(4rem,13vw,10rem);line-height:.76}.title-block span{color:#aaa;margin-top:24px;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700;display:block}.content{z-index:2;background:0 0;min-height:55vh;padding:18px clamp(18px,4vw,48px) clamp(18px,4vw,48px);position:relative}.floating-heads{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-head{will-change:transform;filter:drop-shadow(0 6px 12px #000b);opacity:.86;width:82px;height:98px;position:absolute}.floating-head img{border:3px solid #ffffffa6;border-radius:50%;width:82px;height:82px;display:block}.floating-head small{text-align:center;color:#ffffffb8;text-shadow:0 1px 3px #000;font-size:.58rem;font-weight:900;display:block}.floating-head .big-eyes{filter:drop-shadow(0 1px 2px #000);font-size:1.65rem;position:absolute;top:20px;left:14px}.toolbar{z-index:4;justify-content:space-between;align-items:center;gap:14px;margin-top:0;padding-top:0;display:flex;position:relative}.drag-hint{color:#777;margin:2px 0 12px;font-size:.8rem}.hero{background:#171116;border-radius:0 0 34px 34px;height:clamp(390px,55vw,590px);position:relative;overflow:hidden}.hero-blur{filter:blur(24px)brightness(.45);background:url(/images/brechet-hero.jpg) 50% 43%/cover;position:absolute;inset:-35px;transform:scale(1.1)}.hero>img{object-fit:contain;filter:saturate(.95)contrast(1.04);width:auto;height:115%;position:absolute;top:-3%;left:50%;transform:translate(-50%)}.hero:after{content:"";background:linear-gradient(90deg,#09090bd9 0,#0000 38% 67%,#09090bb8 100%),linear-gradient(0deg,#0a0a0b 0,#0000 32%);position:absolute;inset:0}.hero-copy{z-index:2;position:absolute;bottom:clamp(28px,6vw,62px);left:clamp(20px,5vw,64px)}.hero-copy p,.section-kicker{letter-spacing:.28em;color:#ff6f85;margin:0 0 10px;font-size:.72rem;font-weight:900}.hero-copy h1{text-transform:uppercase;text-shadow:0 5px 24px #000;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.78}header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:.28em;color:#a98cff;margin:0 0 10px;font-size:.72rem;font-weight:900}h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.2rem,7vw,5.4rem);line-height:.88}.hint{color:#aaa;margin:14px 0 0}.preload{color:#fff;cursor:pointer;white-space:nowrap;background:#1b1b1f;border:1px solid #39393e;border-radius:999px;padding:9px 13px;font-size:.8rem}.preload.ready{color:#6ee79b;border-color:#35c76f}.preload.error{border-color:#ff5249}.grid{grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));gap:16px;display:grid}.actions{align-items:center;gap:10px;display:flex}.settings-button{color:#fff;cursor:pointer;background:#1b1b1f;border:1px solid #39393e;border-radius:50%;width:38px;height:38px;font-size:1rem}.tabs{gap:10px;margin:0 0 20px;padding:2px;display:flex;overflow-x:auto}.tabs button{color:#aaa;white-space:nowrap;cursor:pointer;background:#17171a;border:1px solid #303036;border-radius:14px;align-items:center;gap:8px;padding:12px 15px;display:flex}.tabs button.active{color:#16131d;background:#f4f1ff;border-color:#f4f1ff;font-weight:900}.tabs small{background:#ffffff18;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:.72rem;display:grid}.tabs .active small{background:#18131d18}.settings{background:#1b1b1f;border:1px solid #39393e;border-radius:18px;width:min(360px,100%);margin:-16px 0 20px auto;padding:18px;box-shadow:0 18px 50px #0008}.settings>div{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.settings>div button{color:#aaa;cursor:pointer;background:0 0;border:0;font-size:1.7rem}.settings label{color:#bbb;flex-direction:column;gap:10px;display:flex}.settings label b{color:#fff;align-self:flex-end;margin-top:-28px;font-size:1.2rem}.settings input{accent-color:#a98cff;width:100%}.range-labels{justify-content:space-between;display:flex}.range-labels i{color:#777;font-size:.75rem;font-style:normal}.tile{aspect-ratio:1.18;cursor:pointer;touch-action:none;color:#fff;text-align:left;isolation:isolate;background:#222;border:0;border-radius:22px;padding:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #0007}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.tile:hover img{transform:scale(1.035)}.shade{z-index:1;background:linear-gradient(#0000 25%,#000e 100%);position:absolute;inset:0}.copy{z-index:2;flex-direction:column;display:flex;position:absolute;bottom:16px;left:17px;right:42px}.copy strong{letter-spacing:.02em;text-transform:uppercase;text-shadow:0 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000;font-family:Impact,Arial Black,sans-serif;font-size:clamp(1.45rem,3vw,2.35rem);line-height:.92}.copy small{color:#ddd;margin-top:7px;font-weight:700}.grip{z-index:3;color:#ddd;letter-spacing:-4px;background:#0009;border:1px solid #fff3;border-radius:12px;padding:7px;position:absolute;top:12px;right:12px}.tile.disabled{cursor:default}.tile.disabled .copy strong{color:#fff}.tile.playing{outline:4px solid var(--accent,#fff);animation:.42s ease-out pulse}.tile.playing img{transform:scale(1.07)}@keyframes pulse{50%{filter:brightness(1.45)}}footer{color:#777;justify-content:space-between;align-items:center;margin-top:28px;font-size:.88rem;display:flex}footer a{color:#fff;background:#29282d;border-radius:12px;padding:12px 16px;text-decoration:none}@media (width<=650px){header{flex-direction:column;align-items:stretch}.title-block{gap:8px;padding:30px 14px 26px}.title-block h1{font-size:clamp(2.8rem,13vw,4rem)}.title-block .actions{justify-content:flex-end;gap:5px;width:auto}.title-block .preload{padding:6px 8px;font-size:.66rem}.title-block .settings-button{width:34px;height:34px}.hero{height:480px}.hero>img{height:108%;top:0}.hero-copy{bottom:42px}.toolbar{flex-wrap:wrap;gap:7px;margin-top:0}.tabs{order:1;gap:4px;width:100%;margin-bottom:0;overflow:visible}.tabs button{border-radius:10px;flex:1;justify-content:center;gap:4px;padding:8px 5px;font-size:.7rem}.tabs small{min-width:18px;height:18px;font-size:.62rem}.toolbar .actions{order:2;justify-content:flex-end;gap:6px;width:100%}.preload{flex:none;padding:7px 10px;font-size:.72rem}.grid{gap:10px}.tile{border-radius:16px}.copy{bottom:11px;left:11px}.copy strong{font-size:1.25rem}footer{flex-direction:column;align-items:stretch;gap:14px}footer a{text-align:center}}.media-status{z-index:4;color:#fff;pointer-events:none;background:#0b0b0dcc;border:1px solid #ffffff5c;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-weight:900;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #0008}.media-status.idle{color:#fff;background:#0b0b0db8;border:2px solid #ffffff8a;font-size:13px}.media-status.loading{border:2px solid #ffffff52;border-top-color:var(--accent,#fff);background:#0b0b0db8;animation:.85s linear infinite media-status-spin}.media-status.cached{color:#72f3b0;background:#16231ed9;border-color:#72f3b080}@keyframes media-status-spin{to{transform:rotate(360deg)}}