:root{--beige:#fbf2ed;--beige-light:#fdf8f4;--beige-dark:#e9d9cc;--black:#14100e;--brown:#2c4828;--line:1px solid #14100e;--line-light:1px solid #14100e2e;--font-display:"Playfair Display", Georgia, serif;--font-body:"Cormorant Garamond", Georgia, serif;--font-ui:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--beige);color:var(--black);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1.125rem;font-weight:300;line-height:1.65;overflow-x:clip}#root{min-height:100vh}::selection{background:var(--black);color:var(--beige)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--beige-light)}::-webkit-scrollbar-thumb{background:var(--black)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:7rem 0}.section-header{margin-bottom:5rem}.section-label{font-family:var(--font-ui);letter-spacing:.25em;text-transform:uppercase;opacity:.55;margin-bottom:1rem;font-size:.7rem;font-weight:500}.section-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1}.section-title em{font-style:italic;font-weight:400}.divider{border:none;border-top:var(--line);opacity:.2}.navbar{z-index:100;background:var(--beige);border-bottom:1px solid #0000;padding:1.5rem 2rem;transition:background .35s,padding .35s,border-color .35s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--beige);border-bottom-color:#1c1c1c26;padding:1rem 2rem}.navbar__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar__logo{align-items:center;display:flex}.navbar__logo-img{object-fit:cover;border:1px solid #1c1c1c;border-radius:50%;width:52px;height:52px;transition:transform .3s;animation:12s linear infinite logoSpin}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar__links{gap:2.5rem;list-style:none;display:flex}.navbar__link{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.72rem;font-weight:400;transition:opacity .2s;position:relative}.navbar__link:after{content:"";background:var(--black);width:0;height:1px;transition:width .25s;position:absolute;bottom:-3px;left:0}.navbar__link:hover{opacity:1}.navbar__link:hover:after{width:100%}.navbar__left{align-items:center;gap:1rem;display:flex}.navbar__socials{align-items:center;gap:.75rem;display:flex}.navbar__social{color:var(--black);opacity:.5;align-items:center;transition:opacity .2s;display:flex}.navbar__social:hover{opacity:1}.navbar__right{align-items:center;gap:1.25rem;display:flex}.navbar__members{color:var(--black);opacity:.5;align-items:center;transition:opacity .2s;display:flex}.navbar__members:hover{opacity:1}.navbar__lang{align-items:center;gap:.35rem;display:flex}.navbar__lang-btn{font-family:var(--font-ui);letter-spacing:.12em;cursor:pointer;opacity:.35;color:var(--black);background:0 0;border:none;padding:0;font-size:.65rem;transition:opacity .2s}.navbar__lang-btn:hover{opacity:.7}.navbar__lang-btn--active{opacity:1;font-weight:600}.navbar__lang-sep{opacity:.25;font-size:.55rem}.navbar__mobile-lang{align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.navbar__burger{padding:4px;display:none}.navbar__burger-guitar{width:56px;height:56px;color:var(--black);transition:opacity .2s;display:block}.navbar__burger--open .navbar__burger-guitar{opacity:.4}.navbar__mobile-menu{background:var(--beige);border-top:var(--line-light);flex-direction:column;gap:1.25rem;padding:1rem 2rem 2rem;display:none}.navbar__mobile-link{font-family:var(--font-display);font-size:1.5rem;font-weight:400}.navbar__mobile-link--members{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;opacity:.5;border-top:var(--line-light);padding-top:.5rem;font-size:.7rem;font-weight:500}@media (width<=768px){.navbar__links{display:none}.navbar__burger,.navbar__mobile-menu{display:flex}}.navbar__mobile-socials{border-top:var(--line-light);gap:1.5rem;margin-top:.25rem;padding-top:.5rem;display:flex}.navbar__mobile-social{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;opacity:.5;font-size:.65rem;transition:opacity .2s}.navbar__mobile-social:hover{opacity:1}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__slide{opacity:0;z-index:0;background-position:50%;background-size:cover;transition:opacity 1.2s;position:absolute;inset:0}.hero__slide--active{opacity:1;z-index:1}.hero__slide--prev{opacity:0;z-index:0}.hero__overlay{z-index:2;background:#0000008c;position:absolute;inset:0}.hero__content{z-index:3;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.hero__logo{object-fit:cover;border:2px solid #fff9;border-radius:50%;width:min(240px,55vw);height:min(240px,55vw)}.hero__text{align-items:center;gap:1.25rem;display:flex}.hero__line-accent{background:#ffffff80;width:50px;height:1px}.hero__tagline{font-family:var(--font-body);letter-spacing:.08em;color:#fff;text-shadow:0 2px 12px #0009;font-size:clamp(1.3rem,3vw,1.75rem);font-style:italic;font-weight:700}.hero__meta{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px #00000080;align-items:center;gap:.75rem;font-size:.75rem;font-weight:500;display:flex}.hero__meta-dot{opacity:.4}.hero__dots{z-index:3;gap:.5rem;display:flex;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.hero__dot{cursor:pointer;background:#ffffff59;border:none;width:20px;height:2px;padding:0;transition:background .3s,width .3s}.hero__dot--active{background:#ffffffe6;width:36px}.hero__title{z-index:3;font-family:var(--font-display);letter-spacing:.02em;color:var(--beige);white-space:nowrap;text-shadow:0 2px 20px #0006;font-size:clamp(2.5rem,6vw,4.5rem);font-style:italic;font-weight:700;position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.hero__scroll{z-index:3;flex-direction:column;align-items:center;gap:.4rem;animation:2.2s ease-in-out infinite heroScrollBounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-line{background:#ffffffe6;width:1px;height:32px;display:block}.hero__scroll-label{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px #00000080;font-size:.7rem;font-weight:500}.hero__socials{z-index:3;flex-direction:column;gap:1.25rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.hero__social{color:#fff;opacity:.6;transition:opacity .2s;display:flex}.hero__social:hover{opacity:1}@keyframes heroScrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(5px)}}.fade-in{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.fade-in.visible{opacity:1;transform:translateY(0)}.about{background:var(--beige);border-top:var(--line-light)}.about__grid{grid-template-columns:1fr;max-width:700px;display:grid}.about__text{opacity:.85;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.75;display:flex}.about__tags{flex-wrap:wrap;gap:.6rem;display:flex}.about__tag{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:var(--line);opacity:.6;padding:.4em .9em;font-size:.65rem;transition:opacity .2s}.about__tag:hover{opacity:1}.about__photo-wrap{position:relative}.about__photo-frame{border:var(--line);aspect-ratio:3/4;overflow:hidden}.about__photo{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s}.about__photo-frame:hover .about__photo{transform:scale(1.03)}.about__photo-deco{border:var(--line);z-index:-1;opacity:.25;position:absolute;inset:1rem -1rem -1rem 1rem}@media (width<=900px){.about__grid{grid-template-columns:1fr;gap:3rem}.about__photo-wrap{order:-1}.about__photo-frame{aspect-ratio:4/3}}.members{background:var(--beige-light);border-top:var(--line-light);border-bottom:var(--line-light)}.members__list{flex-direction:column;gap:5rem;display:flex}.member{grid-template-columns:320px 1fr;align-items:center;gap:4rem;display:grid}.member--reverse{grid-template-columns:1fr 320px}.member--reverse .member__photo-wrap{order:2}.member--reverse .member__content{order:1}.member__photo-wrap{aspect-ratio:4/5;border:var(--line-light);overflow:hidden}.member__photo{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .5s}.member__photo-wrap:hover .member__photo{transform:scale(1.03)}.member__photo-placeholder{background:var(--beige-dark);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.member__photo-placeholder span{font-family:var(--font-display);opacity:.15;font-size:5rem;font-weight:400}.member__content{flex-direction:column;gap:.75rem;display:flex}.member__founder{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;background:var(--black);color:var(--beige);align-self:flex-start;padding:.3em .8em;font-size:.6rem}.member__name{font-family:var(--font-display);letter-spacing:-.02em;margin-top:.25rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1}.member__role{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.5;font-size:.7rem}.member__divider{background:var(--black);opacity:.2;width:40px;height:1px;margin:.5rem 0}.member__bio{font-family:var(--font-body);opacity:.75;max-width:480px;font-size:1.1rem;line-height:1.75}.member__links{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.member__link{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--black);border-bottom:1px solid var(--black);opacity:.6;padding-bottom:.1em;font-size:.65rem;text-decoration:none;transition:opacity .2s}.member__link:hover{opacity:1}@media (width<=768px){.member,.member--reverse{grid-template-columns:1fr;gap:2rem}.member--reverse .member__photo-wrap,.member--reverse .member__content{order:unset}.member__photo-wrap{aspect-ratio:3/2}}.setlist{background:var(--beige);border-top:var(--line-light)}.setlist__table{border:var(--line)}.setlist__head{border-bottom:var(--line);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.4;grid-template-columns:1fr 1fr 8rem;gap:1rem;padding:.75rem 1.5rem;font-size:.6rem;display:grid}.setlist__row{border-bottom:var(--line-light);cursor:default;grid-template-columns:1fr 1fr 8rem;align-items:center;gap:1rem;padding:1.1rem 1.5rem;transition:background .2s;display:grid}.setlist__row:last-child{border-bottom:none}.setlist__row:hover{background:var(--beige-dark)}.setlist__title{font-family:var(--font-display);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:500;display:flex}.setlist__play{border:1px solid var(--black);cursor:pointer;opacity:.5;width:28px;height:28px;color:var(--black);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,background .2s,color .2s;display:flex}.setlist__play:hover,.setlist__play--active{opacity:1;background:var(--black);color:var(--beige)}.setlist__artist{font-family:var(--font-body);opacity:.7;font-size:1rem;font-style:italic}.setlist__genre{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.45;text-align:right;font-size:.6rem}.setlist__note{font-family:var(--font-body);opacity:.5;text-align:center;margin-top:2rem;font-size:.95rem;font-style:italic}@media (width<=700px){.setlist__head,.setlist__row{grid-template-columns:1fr;row-gap:.25rem}.setlist__head span:nth-child(2),.setlist__head span:nth-child(3),.setlist__row .setlist__artist,.setlist__row .setlist__genre{display:none}}.concerts{background:var(--beige-light);border-top:var(--line-light);border-bottom:var(--line-light)}.concerts__list{border:var(--line);flex-direction:column;display:flex}.concert-row{border-bottom:var(--line-light);grid-template-columns:8rem 1px 1fr auto;align-items:center;gap:2.5rem;padding:1.75rem 2rem;transition:background .2s;display:grid}.concert-row:last-child{border-bottom:none}.concert-row:hover{background:var(--beige-dark)}.concert-row__date{flex-direction:column;display:flex}.concert-row__day{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.3rem;font-weight:500}.concert-row__year{font-family:var(--font-ui);opacity:.35;letter-spacing:.1em;margin-top:.1rem;font-size:.65rem}.concert-row__divider{background:var(--black);opacity:.12;align-self:stretch;width:1px;height:100%}.concert-row__venue{font-family:var(--font-display);margin-bottom:.3rem;font-size:1.15rem;font-weight:500}.concert-row__location{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.45;font-size:.7rem}.concert-row__right{align-items:center;gap:1.25rem;display:flex}.concert-row__status{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:var(--line);padding:.3em .75em;font-size:.6rem}.concert-row__status--upcoming{opacity:.5}.concert-row__status--past{opacity:.3;text-decoration:line-through}.concert-row__status--sold{background:var(--black);color:var(--beige);opacity:1}.concert-row__btn{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:var(--line);background:var(--black);color:var(--beige);white-space:nowrap;padding:.55em 1.4em;font-size:.65rem;transition:background .2s,color .2s}.concert-row__btn:hover{background:var(--beige);color:var(--black)}.concerts__empty{text-align:center;opacity:.5;font-size:1.1rem;font-style:italic;line-height:2}@media (width<=768px){.concert-row{grid-template-rows:auto auto;grid-template-columns:6rem 1fr;gap:1rem}.concert-row__divider{display:none}.concert-row__right{flex-wrap:wrap;grid-column:2}}.blog{background:var(--beige-light);border-top:var(--line-light)}.blog__posts{flex-direction:column;gap:5rem;display:flex}.blog__post-header{border-bottom:var(--line-light);align-items:baseline;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.blog__date{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.4;white-space:nowrap;font-size:.6rem}.blog__event{font-family:var(--font-display);font-size:1.4rem;font-weight:400}.blog__grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.blog__thumb{aspect-ratio:4/3;overflow:hidden}.blog__thumb img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .4s,opacity .3s;display:block}.blog__thumb:hover img{opacity:1;transform:scale(1.04)}.blog__pagination{justify-content:center;align-items:center;gap:1.5rem;margin-top:1.25rem;display:flex}.blog__page-nav{border:1px solid var(--black);color:var(--black);cursor:pointer;opacity:.5;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;line-height:1;transition:opacity .2s;display:flex}.blog__page-nav:hover:not(:disabled){opacity:1}.blog__page-nav:disabled{opacity:.2;cursor:default}.blog__dots{gap:.5rem;display:flex}.blog__dot{border:1px solid var(--black);cursor:pointer;background:0 0;border-radius:50%;width:7px;height:7px;padding:0;transition:background .2s}.blog__dot--active{background:var(--black)}@media (width<=700px){.blog__grid{grid-template-columns:repeat(2,1fr)}.blog__post-header{flex-direction:column;gap:.25rem}}.testimonials{background:var(--black);color:var(--beige)}.testimonials .section-label{color:var(--beige);opacity:.75}.testimonials .section-title{color:var(--beige);font-weight:700}.testimonials__form-row{border-top:1px solid #fbf2ed1f;justify-content:center;align-items:center;gap:3.5rem;padding-top:3rem;display:flex}.testimonials__logo-video{object-fit:cover;border-radius:50%;flex-shrink:0;width:180px;height:180px}@media (width<=640px){.testimonials__form-row{flex-direction:column;gap:2rem}}.testimonials__carousel{max-width:720px;margin:0 auto 5rem;position:relative;overflow:hidden}.testimonials__track{transition:transform .7s cubic-bezier(.4,0,.2,1);display:flex}.testimonials__slide{min-width:100%;padding:0 1rem}.testimonials__quote{text-align:center;border:1px solid #fbf2ed33;padding:3rem 2rem}.testimonials__text{font-family:var(--font-display);color:#fff;margin-bottom:1.5rem;font-size:clamp(1.35rem,3vw,1.8rem);font-style:italic;font-weight:700;line-height:1.55}.testimonials__author{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.9;color:var(--beige);font-size:.82rem;font-style:normal;font-weight:600}.testimonials__dots{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.testimonials__dot{cursor:pointer;background:#fbf2ed40;border:none;width:20px;height:2px;padding:0;transition:background .3s,width .3s}.testimonials__dot--active{background:#fbf2edd9;width:36px}.testimonials__form-wrap{width:100%;max-width:480px}.testimonials__form-label{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;opacity:.85;color:var(--beige);margin-bottom:1.5rem;font-size:.78rem;font-weight:600}.testimonials__form{flex-direction:column;gap:.75rem;display:flex}.testimonials__input,.testimonials__textarea{font-family:var(--font-body);color:var(--beige);background:0 0;border:none;border-bottom:1px solid #fbf2ed66;outline:none;width:100%;padding:.75rem 0;font-size:1.05rem;font-weight:500;transition:border-color .2s}.testimonials__input::placeholder,.testimonials__textarea::placeholder{color:#fbf2edbf;font-weight:500}.testimonials__input:focus,.testimonials__textarea:focus{border-bottom-color:var(--beige)}.testimonials__textarea{resize:none}.testimonials__error{font-family:var(--font-ui);color:#d97070;opacity:.9;font-size:.72rem}.testimonials__submit{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--beige);cursor:pointer;background:0 0;border:1px solid #fbf2edb3;align-self:flex-start;margin-top:.5rem;padding:.75em 1.8em;font-size:.68rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.testimonials__submit:hover:not(:disabled){background:var(--beige);color:var(--black);border-color:var(--beige)}.testimonials__submit:disabled{opacity:.4;cursor:default}.testimonials__success{padding:1.5rem 0}.testimonials__success p{font-family:var(--font-display);color:var(--beige);margin-bottom:.4rem;font-size:1.1rem;font-style:italic}.testimonials__success-sub{font-family:var(--font-body);opacity:.65;font-size:.9rem}.contact{background:var(--beige);border-top:var(--line-light)}.contact__inner{grid-template-columns:1fr 1.4fr;align-items:start;gap:6rem;display:grid}.contact__socials{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.contact__social-link{font-family:var(--font-ui);letter-spacing:.08em;opacity:.55;border-bottom:var(--line-light);align-items:center;gap:.75rem;padding-bottom:1rem;font-size:.75rem;transition:opacity .2s;display:flex}.contact__social-link:hover{opacity:1}.contact__social-link:last-child{border-bottom:none}.contact__form{flex-direction:column;gap:1.5rem;display:flex}.contact__field{flex-direction:column;gap:.5rem;display:flex}.contact__label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.5;font-size:.62rem}.contact__input{border:none;border-bottom:var(--line);font-family:var(--font-body);color:var(--black);background:0 0;outline:none;width:100%;padding:.75rem 0;font-size:1rem;transition:border-color .2s}.contact__input::placeholder{color:var(--black);opacity:.35}.contact__input:focus{border-bottom-color:var(--black)}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;border:var(--line);background:var(--black);color:var(--beige);align-self:flex-start;margin-top:.5rem;padding:.9em 2.5em;font-size:.7rem;transition:background .25s,color .25s}.contact__submit:hover{color:var(--black);background:0 0}.contact__success{border:var(--line-light);justify-content:center;align-items:center;min-height:300px;display:flex}.contact__success-text{text-align:center;font-family:var(--font-display);opacity:.7;font-size:1.4rem;line-height:1.8}@media (width<=800px){.contact__inner{grid-template-columns:1fr;gap:3rem}}.footer{background:var(--black);color:var(--beige);border-top:var(--line);padding:3.5rem 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer__tagline{font-family:var(--font-body);opacity:.65;font-size:.95rem;font-style:italic}.footer__socials{gap:1.5rem;display:flex}.footer__social{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--beige);opacity:.65;align-items:center;gap:.5rem;font-size:.65rem;text-decoration:none;transition:opacity .2s;display:flex}.footer__social:hover{opacity:1}.footer__copy{font-family:var(--font-ui);letter-spacing:.1em;opacity:.5;font-size:.62rem}@media (width<=600px){.footer__inner{flex-direction:column;align-items:flex-start;gap:1rem}}.scroll-top{z-index:200;border:1px solid var(--black);background:var(--beige);width:42px;height:42px;color:var(--black);cursor:pointer;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px)}.scroll-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{background:var(--black);color:var(--beige)}.shop-page{align-items:center;min-height:100vh;padding:10rem 0 6rem;display:flex}.shop-page__inner{text-align:center;max-width:640px;margin:0 auto}.shop-page__title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1}.shop-page__title em{font-style:italic;font-weight:400}.shop-page__message{opacity:.75;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.shop-page__back{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--black);padding:.9em 2em;font-size:.7rem;font-weight:500;transition:background .2s,color .2s;display:inline-block}.shop-page__back:hover{background:var(--black);color:var(--beige)}.login{background:var(--beige);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login__box{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:380px;display:flex}.login__logo{object-fit:cover;border:1px solid var(--black);border-radius:50%;width:72px;height:72px;animation:12s linear infinite logoSpin}.login__title{font-family:var(--font-display);font-size:1.6rem;font-style:italic;font-weight:400}.login__form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.login__field{flex-direction:column;gap:.4rem;display:flex}.login__label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.5;font-size:.62rem}.login__input{border:none;border-bottom:1px solid var(--black);font-family:var(--font-body);color:var(--black);background:0 0;outline:none;width:100%;padding:.75rem 0;font-size:1rem}.login__input::placeholder{color:var(--black);opacity:.3}.login__error{font-family:var(--font-ui);color:#c0392b;text-align:center;font-size:.75rem}.login__submit{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;align-self:flex-start;margin-top:.5rem;padding:.9em 2.5em;font-size:.7rem;transition:background .25s,color .25s}.login__submit:hover:not(:disabled){color:var(--black);background:0 0}.login__submit:disabled{opacity:.5}.login__back{font-family:var(--font-ui);letter-spacing:.1em;opacity:.4;font-size:.65rem;transition:opacity .2s}.login__back:hover{opacity:.8}.login__install{flex-direction:column;align-items:center;gap:.75rem;display:flex}.login__install-btn{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--black);cursor:pointer;opacity:.6;color:var(--black);background:0 0;padding:.6em 1.5em;font-size:.65rem;transition:opacity .2s}.login__install-btn:hover{opacity:1}.login__ios-hint{font-family:var(--font-body);text-align:center;opacity:.7;max-width:220px;font-size:.8rem;line-height:1.5}.changepwd__sub{font-family:var(--font-body);opacity:.6;text-align:center;margin-top:-1rem;font-size:.95rem;font-style:italic}.ppanel{background:var(--beige);z-index:60;border-left:1px solid #1c1c1c33;flex-direction:column;width:300px;max-width:100vw;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-6px 0 32px #0000001a}.ppanel--open{transform:translate(0)}.ppanel__backdrop{z-index:55;background:#1c1c1c33;position:fixed;inset:0}@media (width>=769px){.ppanel__backdrop{display:none}}.ppanel__header{border-bottom:1px solid #1c1c1c26;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.ppanel__title{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;opacity:.45;font-size:.6rem}.ppanel__close{color:var(--black);opacity:.35;padding:.25rem;font-size:.8rem;transition:opacity .2s}.ppanel__close:hover{opacity:.9}.ppanel__body{flex:1;overflow-y:auto}.ppanel__loading{font-family:var(--font-body);opacity:.4;text-align:center;padding:2.5rem 1.25rem;font-size:.9rem;font-style:italic}.ppanel__song{border-bottom:1px solid #1c1c1c1a;padding:1rem 1.25rem 1.25rem}.ppanel__song-title{font-family:var(--font-display);margin-bottom:.1rem;font-size:.9rem;font-weight:500;line-height:1.3}.ppanel__song-artist{font-family:var(--font-body);opacity:.5;margin-bottom:.65rem;font-size:.75rem;font-style:italic}.ppanel__images{flex-wrap:wrap;gap:6px;margin-top:.65rem;display:flex}.ppanel__img-wrap{flex-shrink:0;width:76px;height:76px;position:relative}.ppanel__img{object-fit:cover;cursor:zoom-in;border:1px solid #1c1c1c1f;width:100%;height:100%;transition:opacity .15s;display:block}.ppanel__img:hover{opacity:.85}.ppanel__pdf{width:100%;height:100%;color:var(--black);font-family:var(--font-ui);letter-spacing:.05em;background:#1c1c1c0d;border:1px solid #1c1c1c1f;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;transition:opacity .15s;display:flex}.ppanel__pdf:hover{opacity:.7}.ppanel__img-del{color:#f5f0eb;opacity:0;cursor:pointer;background:#141414cc;border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.5rem;transition:opacity .15s;display:flex;position:absolute;top:3px;right:3px}.ppanel__img-wrap:hover .ppanel__img-del{opacity:1}.ppanel__upload{cursor:pointer;color:#1c1c1c59;width:76px;height:76px;font-size:1.4rem;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;border:1px dashed #1c1c1c47;flex-shrink:0;justify-content:center;align-items:center;font-weight:300;transition:border-color .15s,color .15s;display:flex}.ppanel__upload:hover{border-color:var(--black);color:var(--black)}.ppanel__upload--loading{pointer-events:none;opacity:.4;font-size:.75rem}.ppanel__lightbox{z-index:80;cursor:zoom-out;background:#141414eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ppanel__lightbox-img{object-fit:contain;max-width:95vw;max-height:95vh;box-shadow:0 8px 48px #00000080}@media (width<=480px){.ppanel{width:100vw}}.pl-loading{text-align:center;opacity:.5;padding:4rem;font-style:italic}.pl-back{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.5;cursor:pointer;color:var(--black);background:0 0;border:none;font-size:.68rem;transition:opacity .2s}.pl-back:hover{opacity:1}.pl-empty{opacity:.4;padding:1.5rem 0;font-size:.95rem;font-style:italic}.pl-create{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.pl-create__input{border:none;border-bottom:1px solid var(--black);font-family:var(--font-body);color:var(--black);background:0 0;outline:none;width:100%;padding:.75rem 0;font-size:1rem}.pl-create__actions{gap:.75rem;display:flex}.pl-create__submit{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;padding:.7em 1.5em;font-size:.65rem;transition:background .2s,color .2s}.pl-create__submit:hover{color:var(--black);background:0 0}.pl-create__cancel{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--black);cursor:pointer;opacity:.6;background:0 0;border:1px solid #1c1c1c4d;padding:.7em 1.5em;font-size:.65rem;transition:opacity .2s}.pl-create__cancel:hover{opacity:1}.pl-editor{max-width:800px;min-height:100vh;margin:0 auto;padding:2rem}.pl-editor__header{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.pl-editor__title{font-family:var(--font-display);flex:1;font-size:1.8rem;font-weight:400}.pl-play-btn{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;padding:.7em 1.5em;font-size:.68rem;transition:background .2s,color .2s}.pl-play-btn:hover{color:var(--black);background:0 0}.pl-editor__body{flex-direction:column;gap:3rem;display:flex}.pl-editor__section-title{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.4;margin-bottom:1rem;font-size:.62rem}.pl-editor__item{background:var(--beige);cursor:default;border-bottom:1px solid #1c1c1c1a;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.pl-editor__item--dragging{border:1px solid #1c1c1c26;padding:1rem .75rem;box-shadow:0 4px 16px #0000001f}.pl-editor__handle{cursor:grab;opacity:.35;touch-action:none;padding:0 .25rem;font-size:1.2rem}.pl-editor__handle:active{cursor:grabbing}.pl-editor__item-title{font-family:var(--font-display);flex:1;font-size:1rem}.pl-editor__item-artist{font-family:var(--font-body);opacity:.5;font-size:.85rem;font-style:italic}.pl-editor__remove{opacity:.25;cursor:pointer;color:var(--black);background:0 0;border:none;padding:.5rem;font-size:.75rem;transition:opacity .2s}.pl-editor__remove:hover{opacity:.8}.pl-editor__available{border-top:1px solid #1c1c1c26;flex-direction:column;gap:0;display:flex}.pl-editor__add-btn{color:var(--black);cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #1c1c1c1a;align-items:center;gap:.75rem;width:100%;padding:1rem 0;transition:background .15s;display:flex}.pl-editor__add-btn:hover{background:var(--beige-dark);padding-left:.5rem;padding-right:.5rem}.pl-editor__add-btn span:first-child{font-family:var(--font-display);flex:1;font-size:1rem}.pl-editor__add-artist{font-family:var(--font-body);opacity:.5;font-size:.85rem;font-style:italic}.pl-editor__plus{opacity:.35;font-size:1.2rem}.pl-perf{max-width:800px;min-height:100vh;margin:0 auto;padding:2rem;transition:margin-right .25s cubic-bezier(.4,0,.2,1)}@media (width>=769px){.pl-perf--split{margin-right:300px}}.pl-perf__header{z-index:10;background:var(--beige);border-bottom:1px solid #1c1c1c26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.9rem 0;display:flex;position:sticky;top:0;overflow:visible}.pl-perf__content{flex-direction:column;display:flex}.pl-perf__song{margin-bottom:1rem}.pl-perf__song-header{border-top:2px solid var(--black);align-items:baseline;gap:.75rem;padding:1.5rem 0 1rem;display:flex}.pl-perf__num{font-family:var(--font-ui);letter-spacing:.15em;opacity:.35;min-width:1.5rem;font-size:.65rem}.pl-perf__song-title{font-family:var(--font-display);font-size:1.4rem;font-weight:400}.pl-perf__song-artist{font-family:var(--font-body);opacity:.5;font-size:.9rem;font-style:italic}.pl-perf__no-pdf{opacity:.4;padding:1.5rem 0;font-style:italic}.pl-perf__note-btn{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--black);cursor:pointer;background:0 0;border:1px solid #1c1c1c73;flex-shrink:0;align-self:center;margin-left:auto;padding:.45em 1em;font-size:.6rem;transition:background .15s,color .15s,border-color .15s}.pl-perf__note-btn:hover{border-color:var(--black)}.pl-perf__note-btn--active{background:var(--black);color:var(--beige);border-color:var(--black)}.pl-perf__split{grid-template-columns:1fr 24px var(--note-pct,38%);align-items:start;gap:0;display:grid}.pl-perf__split-tab{min-width:0;overflow-x:auto}.pl-perf__split-handle{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;align-self:stretch;min-height:120px;position:relative}.pl-perf__split-handle:before{content:"";background:#1c1c1c33;width:1px;transition:background .15s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pl-perf__split-handle:hover:before{background:#1c1c1c80}.pl-perf__split-grip{background:var(--beige);border:1px solid #1c1c1c4d;border-radius:50%;width:24px;height:24px;transition:border-color .15s,background .15s;display:block;position:sticky;top:calc(50vh - 12px);box-shadow:0 1px 6px #0000001f}.pl-perf__split-handle:hover .pl-perf__split-grip{border-color:var(--black);background:var(--beige-dark)}.pl-perf__split-notes{flex-direction:column;gap:.5rem;min-width:0;max-height:calc(100vh - 70px);padding-left:.75rem;display:flex;position:sticky;top:56px;overflow-y:auto}.pl-perf__split-img{cursor:zoom-in;border:1px solid #1c1c1c1a;width:100%;display:block}.pl-perf__split-info{opacity:.4;padding:.75rem 0;font-size:.85rem;font-style:italic}.pl-perf__lightbox{z-index:80;cursor:zoom-out;background:#141414eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pl-perf__lightbox-img{object-fit:contain;max-width:95vw;max-height:95vh}.pl-perf__notes-btn{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--black);cursor:pointer;opacity:.5;background:0 0;border:1px solid #1c1c1c59;flex-shrink:0;padding:.55em 1.1em;font-size:.6rem;transition:opacity .2s,background .2s,color .2s}.pl-perf__notes-btn:hover{opacity:1}.pl-perf__notes-btn--active{background:var(--black);color:var(--beige);border-color:var(--black);opacity:1}.pl-setlist-wrap{flex-shrink:0;position:relative}.pl-setlist__panel{background:var(--beige);z-index:100;border:1px solid #1c1c1c33;flex-direction:column;min-width:220px;max-width:300px;max-height:60vh;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.pl-setlist__item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #1c1c1c14;align-items:baseline;gap:.6rem;width:100%;padding:.65rem 1rem;transition:background .15s;display:flex}.pl-setlist__item:last-child{border-bottom:none}.pl-setlist__item:hover{background:#1c1c1c0f}@media (width<=768px){.pl-setlist__panel{width:calc(100vw - 2rem);max-width:320px;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}.pl-setlist__num{font-family:var(--font-ui);letter-spacing:.1em;opacity:.4;flex-shrink:0;min-width:1.4rem;font-size:.6rem}.pl-setlist__title{font-family:var(--font-body);color:var(--black);flex:1;font-size:.9rem}.pl-setlist__artist{font-family:var(--font-ui);opacity:.45;flex-shrink:0;font-size:.65rem}.pl-pdf{width:100%}.pl-pdf__loading,.pl-pdf__error{opacity:.5;text-align:center;padding:2rem 0;font-style:italic}.pl-between{border-left:3px solid #1c1c1c26;margin:1.5rem 0;padding:.75rem 1rem}.pl-between__add{font-family:var(--font-ui);letter-spacing:.12em;opacity:.4;cursor:pointer;color:var(--black);background:0 0;border:none;padding:0;font-size:.62rem;transition:opacity .2s}.pl-between__add:hover{opacity:.8}.pl-between__text{font-family:var(--font-body);opacity:.7;cursor:pointer;white-space:pre-wrap;font-size:.95rem;line-height:1.6}.pl-between__text:hover{opacity:1}.pl-between__input{width:100%;font-family:var(--font-body);color:var(--black);resize:none;background:0 0;border:none;border-bottom:1px solid #1c1c1c40;outline:none;padding:.5rem 0;font-size:.95rem}.pl-between__actions{gap:.75rem;margin-top:.5rem;display:flex}.pl-between__save{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;padding:.5em 1.2em;font-size:.62rem}.pl-between__cancel{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--black);cursor:pointer;opacity:.6;background:0 0;border:1px solid #1c1c1c40;padding:.5em 1.2em;font-size:.62rem}.t-admin{width:100%;max-width:800px;margin:0 auto;padding:3rem 2rem}.t-admin__top{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.t-admin__title{font-family:var(--font-display);font-size:2rem;font-weight:400}.t-admin__filters{gap:0;display:flex}.t-admin__filter{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--black);cursor:pointer;opacity:.45;background:0 0;border:1px solid #1c1c1c33;border-left:none;align-items:center;gap:.4em;padding:.5em 1.1em;font-size:.62rem;transition:opacity .2s,background .2s,color .2s;display:flex}.t-admin__filter:first-child{border-left:1px solid #1c1c1c33}.t-admin__filter:hover{opacity:.8}.t-admin__filter--active{background:var(--black);color:var(--beige);opacity:1;border-color:var(--black)}.t-admin__badge{color:#fff;background:#c0392b;border-radius:10px;padding:.1em .45em;font-size:.55rem;font-weight:600}.t-admin__empty{font-family:var(--font-body);opacity:.4;text-align:center;padding:3rem 0;font-style:italic}.t-admin__list{border-top:1px solid #1c1c1c1f;flex-direction:column;gap:0;display:flex}.t-admin__card{border-bottom:1px solid #1c1c1c1a;padding:1.25rem 0}.t-admin__card--approved{opacity:.65}.t-admin__card-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.t-admin__card-name{font-family:var(--font-ui);letter-spacing:.06em;font-size:.78rem;font-weight:600}.t-admin__card-date{font-family:var(--font-ui);opacity:.4;font-size:.62rem}.t-admin__card-status{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;opacity:.5;border:1px solid #1c1c1c4d;margin-left:auto;padding:.2em .6em;font-size:.55rem}.t-admin__card-status--ok{color:#5a9e6f;opacity:.9;border-color:#5a9e6f}.t-admin__card-text{font-family:var(--font-body);opacity:.8;margin-bottom:.75rem;font-size:1rem;line-height:1.55}.t-admin__card-actions{gap:.5rem;display:flex}.t-admin__btn{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;padding:.5em 1.1em;font-size:.6rem;transition:background .15s,color .15s}.t-admin__btn--approve{color:#5a9e6f;border-color:#5a9e6f}.t-admin__btn--approve:hover{color:#fff;background:#5a9e6f}.t-admin__btn--reject{color:var(--black);opacity:.5;border-color:#1c1c1c4d}.t-admin__btn--reject:hover{opacity:1}.t-admin__btn--delete{color:#c0392b;opacity:.5;border-color:#c0392b}.t-admin__btn--delete:hover{color:#fff;opacity:1;background:#c0392b}.tablatures{background:var(--beige);flex-direction:column;min-height:100vh;display:flex}.tablatures__header{z-index:10;background:var(--beige);border-bottom:1px solid #1c1c1c26;position:sticky;top:0}.tablatures__top-bar{justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.tablatures__brand{align-items:center;gap:.75rem;display:flex}.tablatures__logo{object-fit:cover;border:1px solid var(--black);border-radius:50%;width:36px;height:36px}.tablatures__name{font-family:var(--font-display);font-size:1rem;font-style:italic}.tablatures__nav{gap:0;display:flex}.tablatures__nav-btn{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--black);cursor:pointer;opacity:.35;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5em 1.2em;font-size:.65rem;transition:opacity .2s}.tablatures__nav-btn:hover{opacity:.7}.tablatures__nav-btn--active{opacity:1;border-bottom:2px solid var(--black)}.tablatures__user{font-family:var(--font-ui);letter-spacing:.08em;opacity:.6;align-items:center;gap:1rem;font-size:.72rem;display:flex}.tablatures__burger{cursor:pointer;background:0 0;border:none;padding:4px;display:none}.tablatures__burger-guitar{width:48px;height:48px;color:var(--black);transition:opacity .2s;display:block}.tablatures__burger--open .tablatures__burger-guitar{opacity:.4}.tablatures__mobile-menu{background:var(--beige);border-top:1px solid #1c1c1c1a;flex-direction:column;gap:0;padding:1rem 2rem 2rem;display:none}.tablatures__mobile-link{font-family:var(--font-display);color:var(--black);text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #1c1c1c14;padding:.75rem 0;font-size:1.5rem;font-style:italic;font-weight:400}.tablatures__mobile-footer{font-family:var(--font-ui);letter-spacing:.08em;opacity:.6;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.72rem;display:flex}@media (width<=768px){.tablatures__nav,.tablatures__user{display:none}.tablatures__burger,.tablatures__mobile-menu{display:flex}}.tablatures__logout{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.5;cursor:pointer;color:var(--black);background:0 0;border:none;font-size:.65rem;transition:opacity .2s}.tablatures__logout:hover{opacity:1}.accueil{flex-direction:column;min-height:80vh;display:flex}.accueil__content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:5rem 2rem 4rem}.accueil__greeting{font-family:var(--font-display);margin-bottom:1.5rem;font-size:2.4rem;font-style:italic;font-weight:400}.accueil__text{font-family:var(--font-body);opacity:.7;max-width:520px;font-size:1.05rem;line-height:1.8}.accueil__members{border-top:1px solid #1c1c1c1a;margin-top:2.5rem;padding-top:1.5rem}.accueil__members-title{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.4;margin-bottom:1rem;font-size:.62rem}.accueil__members-list{flex-direction:column;gap:.6rem;display:flex}.accueil__member{align-items:center;gap:.75rem;display:flex}.accueil__member-dot{background:#1c1c1c33;border-radius:50%;flex-shrink:0;width:7px;height:7px}.accueil__member-dot--ok{background:#5a9e6f}.accueil__member-name{font-family:var(--font-ui);letter-spacing:.06em;min-width:80px;font-size:.78rem}.accueil__member-status{font-family:var(--font-body);opacity:.45;font-size:.82rem;font-style:italic}.accueil__footer{background:var(--black);color:var(--beige);align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.accueil__footer-logo{object-fit:cover;filter:invert()brightness(2);opacity:.7;border-radius:50%;width:52px;height:52px}.accueil__footer-name{font-family:var(--font-display);opacity:.6;font-size:1.1rem;font-style:italic}.tablatures__content{width:100%;max-width:800px;margin:0 auto;padding:3rem 2rem}.tablatures__top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.tablatures__title{font-family:var(--font-display);font-size:2rem;font-weight:400}.tablatures__new{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;padding:.7em 1.5em;font-size:.68rem;transition:background .2s,color .2s}.tablatures__new:hover{color:var(--black);background:0 0}.tablatures__search{width:100%;font-family:var(--font-body);color:var(--black);background:0 0;border:none;border-bottom:1px solid #1c1c1c33;outline:none;margin-bottom:1.5rem;padding:.65rem 0;font-size:1rem;transition:border-color .2s}.tablatures__search:focus{border-bottom-color:var(--black)}.tablatures__search::placeholder{opacity:.35}.tablatures__empty,.tablatures__loading{font-family:var(--font-body);opacity:.5;text-align:center;padding:3rem 0;font-style:italic}.tablatures__list{border-top:1px solid #1c1c1c26;flex-direction:column;gap:0;display:flex}.tab-card{cursor:pointer;border-bottom:1px solid #1c1c1c26;justify-content:space-between;align-items:center;padding:1.25rem 0;transition:background .15s;display:flex}.tab-card:hover{background:var(--beige-dark);padding-left:.75rem;padding-right:.75rem}.tab-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:500}.tab-card__artist{font-family:var(--font-body);opacity:.6;margin-top:.15rem;font-size:.9rem;font-style:italic}.tab-card__delete{opacity:.25;cursor:pointer;color:var(--black);background:0 0;border:none;padding:.5rem;font-size:.75rem;transition:opacity .2s}.tab-card__delete:hover{opacity:.8}.tab-view{max-width:800px;min-height:100vh;margin:0 auto;padding:2rem}.tab-view__loading{text-align:center;opacity:.5;padding:4rem;font-style:italic}.tab-view__header{z-index:10;background:var(--beige);border-bottom:1px solid #1c1c1c26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 -2rem 2rem;padding:.9rem 2rem;display:flex;position:sticky;top:0}.tab-view__back{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.5;cursor:pointer;color:var(--black);background:0 0;border:none;font-size:.68rem;transition:opacity .2s}.tab-view__back:hover{opacity:1}.tab-view__title{font-family:var(--font-display);font-size:2rem;font-weight:400}.tab-view__artist{font-family:var(--font-body);opacity:.6;margin-top:.25rem;font-style:italic}.tab-view__meta{margin-bottom:2rem}.tab-view__edit-btn{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--black);opacity:.35;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.6rem;transition:opacity .2s}.tab-view__edit-btn:hover{opacity:.8}.tab-view__edit-form{flex-direction:column;gap:.5rem;display:flex}.tab-view__edit-input{font-family:var(--font-body);color:var(--black);background:0 0;border:none;border-bottom:1px solid #1c1c1c4d;outline:none;width:100%;padding:.5rem 0;font-size:1rem;transition:border-color .2s}.tab-view__edit-input:focus{border-bottom-color:var(--black)}.tab-view__edit-input--title{font-family:var(--font-display);font-size:1.6rem}.tab-view__edit-actions{gap:.75rem;margin-top:.25rem;display:flex}.tab-view__edit-save{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;padding:.55em 1.2em;font-size:.62rem;transition:background .2s,color .2s}.tab-view__edit-save:hover:not(:disabled){color:var(--black);background:0 0}.tab-view__edit-save:disabled{opacity:.4;cursor:default}.tab-view__edit-cancel{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--black);cursor:pointer;opacity:.6;background:0 0;border:1px solid #1c1c1c40;padding:.55em 1.2em;font-size:.62rem;transition:opacity .2s}.tab-view__edit-cancel:hover{opacity:1}.tab-view__content{white-space:pre;background:var(--beige-dark);border-left:3px solid var(--black);margin-bottom:3rem;padding:2rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.8}.tab-view__tools{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.zoom{align-items:stretch;display:flex}.zoom__btn{font-family:var(--font-ui);letter-spacing:.12em;border:1px solid var(--black);color:var(--black);cursor:pointer;background:0 0;padding:.6em 1em;font-size:.68rem;line-height:1;transition:background .2s,color .2s}.zoom__btn:hover:not(:disabled){background:var(--black);color:var(--beige)}.zoom__btn:disabled{opacity:.25;cursor:default}.zoom__level{font-family:var(--font-ui);letter-spacing:.1em;text-align:center;border-top:1px solid var(--black);border-bottom:1px solid var(--black);justify-content:center;align-items:center;min-width:3.2rem;padding:0 .4rem;font-size:.6rem;display:flex}.autoscroll{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.autoscroll__btn{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--black);color:var(--black);cursor:pointer;background:0 0;padding:.6em 1.4em;font-size:.68rem;transition:background .2s,color .2s}.autoscroll__btn--active{background:var(--black);color:var(--beige)}.autoscroll__speed{align-items:stretch;display:flex}.autoscroll__speed-btn{font-family:var(--font-ui);letter-spacing:.05em;border:1px solid var(--black);color:var(--black);cursor:pointer;opacity:.4;background:0 0;border-left:none;padding:.6em .8em;font-size:.68rem;line-height:1;transition:background .15s,color .15s}.autoscroll__speed-btn:first-child{border-left:1px solid var(--black)}.autoscroll__speed-btn:hover{opacity:.8}.autoscroll__speed-btn--active{background:var(--black);color:var(--beige);opacity:1}.tab-view__notes{border-top:1px solid #1c1c1c26;padding-top:2rem}.tab-view__notes-title{font-family:var(--font-display);margin-bottom:1.5rem;font-size:1.2rem;font-weight:400}.tab-view__notes-empty{opacity:.4;margin-bottom:1.5rem;font-size:.9rem;font-style:italic}.tab-note{background:var(--beige-dark);margin-bottom:1.25rem;padding:1rem 1.25rem}.tab-note__meta{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.tab-note__author{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:600}.tab-note__date{font-family:var(--font-ui);opacity:.4;font-size:.6rem}.tab-note__delete{opacity:.3;cursor:pointer;color:var(--black);background:0 0;border:none;margin-left:auto;font-size:.65rem;transition:opacity .2s}.tab-note__delete:hover{opacity:.8}.tab-note__content{font-family:var(--font-body);white-space:pre-wrap;font-size:1rem;line-height:1.6}.tab-note__form{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.tab-note__input{font-family:var(--font-body);color:var(--black);resize:vertical;background:0 0;border:1px solid #1c1c1c40;outline:none;padding:.75rem;font-size:1rem;transition:border-color .2s}.tab-note__input:focus{border-color:var(--black)}.tab-note__submit{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;align-self:flex-start;padding:.7em 1.5em;font-size:.65rem;transition:background .2s,color .2s}.tab-note__submit:hover{color:var(--black);background:0 0}.tab-view__pdf{margin-bottom:3rem}.tab-view__pdf-loading{opacity:.5;text-align:center;padding:2rem 0;font-style:italic}.tab-view__pdf-pages{width:100%}.tab-view__pdf-pages canvas{box-shadow:0 1px 4px #0000001a}.tab-card__pdf-badge{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle;opacity:.6;border:1px solid #1c1c1c66;margin-left:.6rem;padding:.2em .5em;font-size:.5rem}.tab-new{max-width:800px;margin:0 auto;padding:3rem 2rem}.tab-new__title{font-family:var(--font-display);margin-bottom:2rem;font-size:1.8rem;font-weight:400}.tab-new__form{flex-direction:column;gap:1.5rem;display:flex}.tab-new__field{flex-direction:column;gap:.4rem;display:flex}.tab-new__field label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.5;font-size:.62rem}.tab-new__type-toggle{border:1px solid var(--black);align-self:flex-start;gap:0;display:flex}.tab-new__type-btn{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--black);cursor:pointer;background:0 0;border:none;padding:.6em 1.5em;font-size:.65rem;transition:background .2s,color .2s}.tab-new__type-btn.active{background:var(--black);color:var(--beige)}.tab-new__file{font-family:var(--font-ui);color:var(--black);cursor:pointer;padding:.75rem 0;font-size:.8rem}.tab-new__field input,.tab-new__field textarea{border:none;border-bottom:1px solid var(--black);color:var(--black);resize:vertical;background:0 0;outline:none;width:100%;padding:.75rem 0;font-family:Courier New,monospace;font-size:.95rem}.tab-new__actions{gap:1rem;display:flex}.tab-new__cancel{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--black);cursor:pointer;opacity:.6;background:0 0;border:1px solid #1c1c1c4d;padding:.7em 1.5em;font-size:.65rem;transition:opacity .2s}.tab-new__cancel:hover{opacity:1}.tab-new__submit{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--black);background:var(--black);color:var(--beige);cursor:pointer;padding:.7em 1.5em;font-size:.65rem;transition:background .2s,color .2s}.tab-new__submit:hover{color:var(--black);background:0 0}