*{box-sizing:border-box;margin:0;padding:0}html{background-color:#000;background-image:radial-gradient(circle,#000000b1 20%,#000000cd 90%),url(/assets/d4-DWweX6WW.png);background-repeat:round;background-size:contain;height:100%}@font-face{font-family:jost;src:url(./../../../assets/fonts/Jost/static/Jost-Regular.ttf)}@font-face{font-family:josttwo;src:url(./../../../src/assets/Fonts/Jost/static/Jost-Light.ttf)}.central-container{flex-direction:column;min-height:100vh;margin:100px;display:flex}@media screen and (width<=600px){.central-container{margin:5px;padding:5px}.card{background-color:#1b040469;border-radius:5px;margin-top:20px;margin-bottom:50px;padding:10px}}@font-face{font-family:jost;src:url(./../../../assets/fonts/Jost/static/Jost-Regular.ttf)}@font-face{font-family:josttwo;src:url(/assets/Jost-Light-Bma1EeQw.ttf)}.header{border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:100px;padding:0;display:flex}.links{color:#fff;font-family:josttwo;font-size:clamp(1.4rem,4vw,1.4rem);text-decoration:none}.container-header{gap:1rem;display:flex}.icontext{gap:1px;display:inline-flex}.header-title{color:#fff;cursor:pointer;font-family:jost;font-size:clamp(4.4rem,4vw,3.4rem);font-weight:400}@media screen and (width<=600px){.header{border-radius:5px;flex-wrap:wrap;width:100%;padding:10px;display:flex}.container-header{flex-direction:column;gap:20px;margin-top:20px;display:flex}}.main-container{flex:1}.leftcolumn{float:left;width:60%}.rightcolumn{float:right;width:25%}.row:after{content:"";clear:both;display:table}@media screen and (width<=800px){.leftcolumn,.rightcolumn{width:100%;padding:0}}.right-card{background-color:#212121;border-radius:5px;margin-top:20px;margin-bottom:50px;padding:10px}.subcard{align-items:center;gap:5px;display:flex}.rightn{cursor:pointer;background-color:#fff;border:none;border-radius:5px;width:100%;margin-top:10px;padding:7px;font-family:josttwo;font-size:clamp(1.5rem,4vw,1rem);font-weight:100}.imgright{border-radius:5px;width:100%;margin-top:10px}.title-card{color:#fff;font-family:josttwo;font-weight:100;font-size:clamp(1.5rem, 4vw,)}.left-card{background-color:#21212100;border-radius:5px;margin-top:20px;margin-bottom:50px;padding:10px}.left-subcard{align-items:center;gap:5px;display:flex}.left-title-card{color:#fff;font-family:josttwo;font-weight:100;font-size:clamp(1.5rem, 4vw,)}.leftimg{border-radius:5px;width:60%;margin-top:10px}.left-btn{cursor:pointer;color:green;background-color:#fff;border:none;border-radius:5px;width:60%;margin-top:10px;padding:7px;font-family:josttwo;font-size:clamp(1.5rem,4vw,1rem);font-weight:100}.container-text{margin-top:30px}@media screen and (width<=600px){.leftimg{width:100%}}.left-boxnew{align-items:center;gap:12px;margin-bottom:12px;display:flex}.left-img{object-fit:cover;border-radius:50%;width:70px;height:70px;display:block}.leftboxtext{color:#fff;flex-direction:column;font-family:jost;display:flex}.left-contain{color:#fff;font-family:jost}.left-title{color:#fff;margin-top:10px;font-family:jost;font-weight:300}.subtitle-left{color:#fff;margin-top:10px;margin-bottom:10px;font-family:josttwo;font-size:clamp(1.2rem,4vw,1rem)}@media screen and (width<=600px){.leftimg{width:100%}}.btn-left{cursor:pointer;color:green;background-color:#fff;border:none;border-radius:5px;width:60%;margin-top:10px;padding:7px;font-family:josttwo;font-size:clamp(1.5rem,4vw,1rem);font-weight:100}@media screen and (width<=600px){.btn-left{width:100%}}@font-face{font-family:josttwo;src:url(./../../../assets/fonts/Jost/static/Jost-Light.ttf)}footer{border-radius:5px;margin-top:100px;margin-bottom:50px}.contfot{flex-wrap:wrap;justify-content:space-between;display:flex}.contfot a{cursor:pointer;color:#fff;font-family:josttwo;font-size:clamp(1.4rem,4vw,1rem);text-decoration:none}.iconfot{gap:2px;display:flex}@media screen and (width<=600px){.contfot{flex-flow:column wrap;justify-content:flex-end;align-items:flex-start;gap:30px;display:flex}}@font-face{font-family:jost;src:url(/assets/Jost-Regular-NDwFUtVf.ttf)}@font-face{font-family:josttwo;src:url(./../../../src/assets/Fonts/Jost/static/Jost-Light.ttf)}.rightVideocard{cursor:pointer;-webkit-backdrop-filter:blur(7px);background:#fff0;border-radius:5px;margin-top:20px;padding:10px;box-shadow:0 4px 30px #00000027}iframe{border-radius:5px;width:100%;height:300px;margin-top:10px}@font-face{font-family:jost;src:url(/assets/Jost-Regular-NDwFUtVf.ttf)}@font-face{font-family:josttwo;src:url(./../../../src/assets/Fonts/Jost/static/Jost-Light.ttf)}.newspaper-lead{text-transform:uppercase;letter-spacing:.5px;font-weight:700}._contact{margin-top:30px}.contact_{color:#fff;font-family:josttwo;font-size:clamp(1.5rem, 4vw,);font-weight:100}.teacher-social-links{justify-content:left;gap:16px;margin-top:50px;margin-bottom:20px;display:flex}.teacher-social-links a{color:#ccc;font-size:1.4rem;transition:color .2s,transform .2s}.teacher-social-links a:hover{color:#ff4757;transform:translateY(-2px)}.rightVideocard{cursor:pointer;-webkit-backdrop-filter:blur(7px);background:#fff0;border:1px solid #fff;border-radius:5px;margin-top:20px;padding:10px;box-shadow:0 4px 30px #00000027}.boxicon{gap:5px;margin:5px;display:flex}.boxicon p{color:#fff;font-family:josttwo;font-size:clamp(1.2rem,4vw,1.3rem)}.iconbox{margin-top:10px;margin-bottom:10px}.name{color:#fff;font-family:josttwo;font-weight:lighter}.videobutton{color:#fff;text-align:center;cursor:pointer;background-color:#087729;border:none;border-radius:5px;width:100%;margin:4px 2px;padding:10px 3px;font-family:jost;font-size:clamp(1.2rem,4vw,1rem);text-decoration:none;display:inline-block}iframe{border-color:#212121;border-radius:5px;width:100%;height:300px;margin-top:10px}.right-card-guto{background-color:#212121;border-radius:5px;margin-top:30px;margin-bottom:30px;padding:10px}.albums-left-card{background-color:#21212100;border-radius:12px;flex-flow:wrap;justify-content:flex-start;gap:40px;width:110%;margin-top:20px;padding:1px;display:flex}.boxAlbums{background-color:#1e1e24;border:1px solid #2d2d35;border-radius:10px;flex-direction:column;justify-content:space-between;width:360px;height:500px;padding:16px;font-family:josttwo;transition:transform .2s,box-shadow .2s;display:flex}.boxAlbums:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.albumsleftimg{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;height:auto;margin-bottom:12px}.boxAlbums h3{color:#f4f4f5;text-align:center;margin:0 0 12px;font-size:1.1rem;font-weight:200;line-height:1.3}.boxAlbums button{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:6px;width:100%;padding:8px 16px;font-family:josttwo;font-size:1.4rem;transition:background-color .2s}a{color:#000;text-decoration:none}.boxAlbums button:hover{color:#fff;background-color:#1d4ed8}@media screen and (width<=600px){.albums-left-card{border-radius:5px;gap:40px;width:100%;margin-top:20px;padding:1px}.boxAlbums{background-color:#1e1e24;border:1px solid #2d2d35;border-radius:10px;flex-direction:column;width:100%;min-height:fit-content;padding:1px;font-family:josttwo;transition:transform .2s,box-shadow .2s;display:flex}}.left-btn{width:100%}@font-face{font-family:jost;src:url(./../../../assets/fonts/Jost/static/Jost-Regular.ttf)}@font-face{font-family:josttwo;src:url(/assets/Jost-Light-Bma1EeQw.ttf)}.lab-container{box-sizing:border-box;color:#e5e7eb;background-color:#212121;border-radius:5px;width:100%;max-width:1050px;margin-top:20px;padding:20px;font-family:josttwo}.lab-card{box-sizing:border-box;background:linear-gradient(145deg,#111827 0%,#0b1120 100%);border:1px solid #1e293b;border-radius:18px;width:100%;padding:24px;box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff08}.lab-top-bar{align-items:center;gap:18px;min-height:64px;margin-bottom:22px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:10px;justify-content:center;align-items:center;height:42px;padding:0 18px;font-size:14px;font-weight:lighter;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 6px 18px #2563eb40}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 22px #2563eb59}.btn-primary:active{transform:translateY(0)}.song-info{flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:0 4px;display:flex}.song-title{white-space:nowrap;text-overflow:ellipsis;color:#f8fafc;margin:0;font-size:18px;font-weight:lighter;overflow:hidden}.time-display{color:#94a3b8;font-variant-numeric:"josttwo";background:#020617;border:1px solid #1e293b;border-radius:8px;flex-shrink:0;padding:7px 11px;font-size:13px;font-weight:lighter}.waveform-wrapper{box-sizing:border-box;background:linear-gradient(#0f172af2,#020617f2);border:1px solid #1e293b;border-radius:14px;width:100%;padding:18px 16px;position:relative;overflow:hidden}.waveform-container{cursor:pointer;width:100%;min-height:180px}.controls-panel{flex-direction:column;gap:18px;margin-top:18px;display:flex}.playback-controls{background:#0f172ab3;border:1px solid #1e293b;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.control-btn,.btn-stop,.btn-play{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.control-btn{border-radius:9px;min-width:70px;height:40px;padding:0 13px;font-size:14px;font-weight:lighter}.control-btn:hover:not(:disabled){color:#f8fafc;background:#334155;border-color:#475569;transform:translateY(-1px)}.control-btn:active:not(:disabled){transform:translateY(0)}.btn-play{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50%;width:54px;height:54px;font-size:21px;box-shadow:0 7px 20px #2563eb4d}.btn-play:hover:not(:disabled){transform:scale(1.05);box-shadow:0 10px 28px #2563eb66}.btn-play.playing{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.btn-stop{border-radius:9px;width:42px;height:42px;font-size:16px}.btn-stop:hover:not(:disabled){color:#fff;background:#7f1d1d;border-color:#ef4444}button:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.ab-loop-panel{background:linear-gradient(145deg,#111827,#0f172a);border:1px solid #1e293b;border-radius:14px;padding:18px}.ab-loop-title{color:#f1f5f9;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.ab-loop-controls{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.ab-button{min-width:100px}.ab-active{box-shadow:0 0 0 1px #3b82f61a;color:#60a5fa!important;background:#2563eb2e!important;border-color:#3b82f6!important}.loop-btn{min-width:110px}.active-loop{box-shadow:0 0 18px #22c55e14;color:#4ade80!important;background:#22c55e26!important;border-color:#22c55e!important}.ab-loop-info{color:#94a3b8;font-variant-numeric:tabular-nums;border-top:1px solid #1e293b;align-items:center;gap:20px;margin-top:15px;padding-top:13px;font-size:12px;display:flex}.ab-loop-info span{white-space:nowrap}.speed-control-group{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:18px}.speed-label-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.control-label{color:#cbd5e1;font-size:13px;font-weight:600}.speed-value-display{text-align:center;color:#60a5fa;background:#020617;border:1px solid #1e293b;border-radius:7px;min-width:48px;padding:5px 9px;font-size:13px;font-weight:700}.speed-inputs{align-items:center;gap:14px;display:flex}.tempo-slider{appearance:none;cursor:pointer;background:#334155;border-radius:999px;outline:none;flex:1;width:100%;height:5px}.tempo-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border:3px solid #0f172a;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 1px #3b82f6}.tempo-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:3px solid #0f172a;border-radius:50%;width:17px;height:17px}.tempo-number-input{box-sizing:border-box;color:#f8fafc;text-align:center;background:#020617;border:1px solid #334155;border-radius:8px;outline:none;width:65px;height:38px;padding:0 9px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.tempo-number-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}@media (width<=768px){.lab-container{padding:15px 10px 30px}.lab-card{border-radius:14px;padding:16px}.lab-top-bar{flex-direction:column;align-items:stretch;gap:12px}.btn-primary{width:100%}.song-info{flex-direction:column;align-items:flex-start;gap:8px;padding:0}.time-display{align-self:flex-start}.waveform-wrapper{padding:12px 8px}.playback-controls{flex-wrap:wrap;gap:7px;padding:12px}.control-btn{min-width:62px;padding:0 9px}.ab-loop-controls{grid-template-columns:1fr 1fr;width:100%;display:grid}.ab-loop-controls button{width:100%}.ab-loop-controls .loop-btn,.ab-loop-controls button:last-child{grid-column:span 2}.ab-loop-info{flex-wrap:wrap;gap:8px 16px}.speed-inputs{gap:10px}}@media (width<=450px){.lab-card{padding:12px}.waveform-container{min-height:140px}.btn-play{width:48px;height:48px}.control-btn{min-width:55px;font-size:12px}}