.app{grid-template-columns:15rem minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--card);border-right:1px solid var(--line);flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.side__logo{width:auto;height:3rem}.side nav{gap:.25rem;display:grid}.side nav a{color:var(--gold-light);border-radius:6px;padding:.65rem .8rem;font-size:.95rem;text-decoration:none}.side nav a:hover{background:#c9a96e1a}.side nav a[aria-current=page]{color:var(--gold);box-shadow:inset 3px 0 0 var(--gold);background:#c9a96e29;font-weight:600}.side__user{gap:.15rem;margin-top:auto;font-size:.9rem;display:grid}.side__user a{color:var(--gold-dark)}.main{width:100%;max-width:78rem;padding:2rem clamp(1rem,4vw,3rem) 4rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.02em;color:var(--gold);margin-top:.35rem;font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:800}.block-title{font-family:var(--font-montserrat), sans-serif;color:var(--gold);margin:2rem 0 .9rem;font-size:1.15rem;font-weight:700}.muted{color:var(--soft);font-size:.95rem}.back{border:1px solid var(--gold-dark);color:var(--gold);font-family:var(--font-montserrat), sans-serif;background:#c9a96e14;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:1.1rem;padding:.5rem 1.05rem .5rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.back svg{transition:transform .2s}.back:hover{border-color:var(--gold);color:var(--gold-light);background:#c9a96e2e}.back:hover svg{transform:translate(-3px)}@media (prefers-reduced-motion:reduce){.back,.back svg{transition:none}}.btn--sm{padding:.55rem 1rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:default}.linkbtn{color:var(--gold-dark);cursor:pointer;font:inherit;background:0 0;border:none;margin-left:.5rem;padding:0;font-size:.85rem;text-decoration:underline}.chip{font-family:var(--font-montserrat), sans-serif;white-space:nowrap;border:1px solid var(--gold-dark);color:var(--gold-light);border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.chip--ok{border-color:var(--led-ok);color:var(--led-ok)}.chip--mid{border-color:var(--led-mid);color:var(--led-mid)}.chip--bad{border-color:var(--led-bad);color:var(--led-bad)}.chip--gold{color:var(--gold);background:#c9a96e24}.metrics{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.9rem;display:grid}.metric{background:var(--card);border:1px solid var(--line);border-radius:8px;gap:.2rem;padding:1rem 1.1rem;display:grid}.metric span{color:var(--soft);font-size:.88rem}.metric strong{font-family:var(--font-montserrat), sans-serif;color:var(--gold);font-size:2rem;font-weight:800;line-height:1.1}.metric a{color:var(--gold-light);font-size:.88rem}.rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.row__title{font-family:var(--font-montserrat), sans-serif;color:var(--gold);font-weight:700;text-decoration:none;display:block}.row__sub{color:var(--soft);font-size:.88rem;display:block}.row__leds{gap:.3rem;display:inline-flex}.row__leds .led{width:.8rem;height:.8rem}@media (max-width:760px){.row{grid-template-columns:1fr;gap:.5rem}}.table{border-collapse:collapse;width:100%;font-size:.93rem}.table th{text-align:left;color:var(--gold-dark);border-bottom:1px solid var(--line);padding:.6rem .5rem;font-weight:600}.table td{border-bottom:1px solid var(--line);padding:.8rem .5rem}.prices .price .btn{margin-top:.4rem}.panel{background:var(--card);border:1px solid var(--gold-dark);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.panel__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.panel h3{font-family:var(--font-montserrat), sans-serif;color:var(--gold);font-size:1.05rem;font-weight:700}.panel p{margin-top:.5rem}.report{gap:.75rem;display:grid}.report__item p{color:var(--gold-light)}.sem-label{align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:inline-flex}.cta-studio{justify-items:start;gap:.75rem;margin-top:1.5rem;display:grid}.timeline{border-top:2px solid var(--gold-dark);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:1.25rem 0;padding:0;list-style:none;display:grid}.timeline li{color:var(--gold-dark);padding:1rem 1rem 0 0;font-size:.95rem;position:relative}.timeline li:before{content:"";background:var(--bg);border:2px solid var(--gold-dark);border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;left:0}.timeline li.done{color:var(--gold-light)}.timeline li.done:before{background:var(--gold);border-color:var(--bg)}.timeline li.now{color:var(--gold);font-weight:600}.timeline li.now:before{background:var(--gold-light);border-color:var(--gold)}.plain-steps{gap:.35rem;margin:0 0 1rem;padding-left:1.25rem;display:grid}.wv{align-items:center;gap:2px;height:6.5rem;display:flex;position:relative}.wv__bar{background:#8b735580;border-radius:2px;flex:1;min-width:2px}.wv__played{align-items:center;gap:2px;display:flex;position:absolute;inset:0}.wv__played .wv__bar{background:var(--gold)}.wv__pin{border-left:2px dashed var(--gold-light);position:absolute;top:-.4rem;bottom:-.4rem}.wv__pin span{background:var(--gold-light);color:var(--bg);font-family:var(--font-montserrat), sans-serif;font-variant-numeric:tabular-nums;border-radius:3px;padding:.05rem .45rem;font-size:.72rem;font-weight:600;position:absolute;top:-1.55rem;left:-1.2rem}.wv__head{background:var(--gold-light);width:3px;position:absolute;top:-.4rem;bottom:-.4rem}.player{align-items:center;gap:1rem;margin-top:.9rem;display:flex}.scrub{width:100%;accent-color:var(--gold);margin-top:.75rem}.form{max-width:48rem}.field{border:none;gap:.4rem;margin-top:1rem;padding:0;display:grid}.field>span,.field>legend{color:var(--gold-light);font-size:.92rem;font-weight:600}input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea{background:var(--bg);border:1px solid var(--gold-dark);width:100%;color:var(--gold-light);font:inherit;border-radius:4px;padding:.7rem .85rem}input::placeholder,textarea::placeholder{color:#e8d5a366}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.grid2{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.check{cursor:pointer;align-items:flex-start;gap:.65rem;margin-top:.7rem;font-size:.95rem;display:flex}.check input{accent-color:var(--gold);margin-top:.3rem}.check a{color:var(--gold)}.drop{border:1px dashed var(--gold-dark);text-align:center;border-radius:8px;justify-items:center;gap:.5rem;padding:1.75rem 1rem;display:grid}.drop--over{border-color:var(--gold-light);background:#c9a96e14}.error{color:var(--led-bad);margin-top:.6rem;font-size:.92rem;font-weight:600}.error-box,.ok-box{border-radius:8px;margin-top:1rem;padding:.9rem 1.1rem;font-size:.95rem}.error-box{border:1px solid var(--led-bad);color:var(--gold-light)}.error-box strong{color:var(--led-bad)}.ok-box{border:1px solid var(--led-ok)}.error-box ul,.ok-box ul{margin:.35rem 0 0;padding-left:1.1rem}.form__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.alert{border:1px solid var(--led-mid);color:var(--gold-light);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.95rem;text-decoration:none;display:flex}.alert strong{color:var(--led-mid)}.kanban{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.col{border:1px solid var(--line);background:#1a1a1a99;border-radius:8px;gap:.7rem;padding:1rem;display:grid}.col header h2{font-family:var(--font-montserrat), sans-serif;color:var(--gold);font-size:1.05rem;font-weight:700}.col header h2 span{color:var(--gold-dark);margin-left:.3rem;font-weight:600}.col header p{color:var(--soft);font-size:.85rem}.card-song{background:var(--card);border:1px solid var(--gold-dark);color:var(--gold-light);border-radius:8px;gap:.2rem;padding:.85rem 1rem;font-size:.9rem;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.card-song:hover{border-color:var(--gold);transform:translateY(-2px)}.card-song strong{font-family:var(--font-montserrat), sans-serif;color:var(--gold);font-size:1rem}.time{align-items:center;gap:.45rem;margin-top:.2rem;font-weight:600;display:inline-flex}.time .led{width:.7rem;height:.7rem}@media (max-width:980px){.kanban{grid-template-columns:1fr}}.editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.sticky{position:sticky;top:1rem}.brief{grid-template-columns:9rem 1fr;gap:.6rem 1rem;margin:1rem 0 0;font-size:.95rem;display:grid}.brief dt{color:var(--gold-dark);font-weight:600}.brief dd{margin:0}.casilla textarea{margin-top:.75rem}.sem{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.sem__opt{background:var(--bg);border:1px solid var(--gold-dark);color:var(--gold-light);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.85rem;display:inline-flex}.sem__opt .led{width:.8rem;height:.8rem}.sem__opt:hover{border-color:var(--gold-light)}.sem__opt.is-on{border-color:var(--gold-light);background:#c9a96e29;font-weight:600}@media (max-width:980px){.editor{grid-template-columns:1fr}.sticky{position:static}}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.side{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:.75rem 1rem;height:auto;position:static}.side nav{flex-wrap:wrap;display:flex}.side__user{margin-top:0;margin-left:auto}}@media (max-width:600px){.wv,.wv__played{gap:1px}.wv__bar{min-width:0}.table th:nth-child(4),.table td:nth-child(4){display:none}}input[type=file]{max-width:100%}.field>*{min-width:0}input[type=file]{width:100%}.auth-wrap{place-content:center;justify-items:center;gap:1.5rem;min-height:100vh;padding:2rem 1rem;display:grid}.auth-logo{width:auto;height:6rem}.auth{width:min(100%,26rem)}.auth a{color:var(--gold)}.audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;margin-top:.9rem}.pw{position:relative}.pw input{padding-right:3rem}.pw__toggle{width:2.4rem;height:2.4rem;color:var(--gold-dark);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.pw__toggle:hover{color:var(--gold)}.pw__toggle[aria-pressed=true]{color:var(--gold-light)}.hint{color:var(--gold-light);margin-top:.4rem;font-size:.9rem}.strength{margin-top:.6rem}.strength__bar{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.strength__bar span{background:#8b735559;border-radius:999px;height:.35rem}.strength__bar span.on--bad{background:var(--led-bad)}.strength__bar span.on--mid{background:var(--led-mid)}.strength__bar span.on--ok{background:var(--led-ok)}.strength__label{color:var(--soft);margin-top:.35rem;font-size:.85rem}.strength__rules{color:var(--soft);grid-template-columns:1fr 1fr;gap:.15rem .75rem;margin:.4rem 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.strength__rules li.is-ok{color:var(--led-ok)}.legal-wrap{flex-direction:column;min-height:100vh;display:flex}.legal-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2.5rem,52rem);margin:0 auto;padding:1.25rem 0;display:flex}.legal-head nav{gap:1.5rem;font-size:.92rem;display:flex}.legal-head nav a{color:var(--gold-light);text-decoration:none}.legal-head nav a:hover{color:var(--gold);text-underline-offset:5px;text-decoration:underline}.legal{flex:1;width:min(100% - 2.5rem,52rem);margin:0 auto;padding:2.5rem 0 3rem}.legal h1{margin:.5rem 0 1.25rem;font-size:clamp(1.9rem,4vw,2.7rem)}.legal h2{font-family:var(--font-montserrat), sans-serif;color:var(--gold);margin:2.25rem 0 .6rem;font-size:1.15rem;font-weight:700}.legal p,.legal li{max-width:44rem}.legal p+p{margin-top:.8rem}.legal ul{gap:.35rem;margin:.5rem 0 0;padding-left:1.2rem;display:grid}.legal a{color:var(--gold)}.legal-foot{border-top:1px solid var(--line);width:min(100% - 2.5rem,52rem);color:var(--gold-dark);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin:0 auto;padding:1.5rem 0 2.5rem;font-size:.9rem;display:flex}.legal-foot a{color:inherit}
