@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark}*{box-sizing:border-box}html{background:#030f18}body{background:transparent!important;color:#d8e7e8!important;font-family:'DM Sans',sans-serif!important;min-height:100vh}#water{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(2,13,23,.88),rgba(3,25,37,.55) 45%,rgba(0,10,22,.9));pointer-events:none}header{padding:55px 6% 40px!important;border-bottom:1px solid #a9e6e21a!important;min-height:38vh;display:flex;flex-direction:column;justify-content:center}header small{color:#9dbbbd;letter-spacing:.24em!important}h1{font:clamp(72px,13vw,170px)/.94 'Instrument Serif',serif!important;letter-spacing:-.045em;margin:22px 0!important;font-weight:400;text-shadow:0 5px 40px #0c6e7b4d}h1 i{color:#9bcfd0!important;font-weight:400}header>div{color:#b2cdd0;font-size:clamp(18px,2.3vw,29px)!important}main{padding:28px 6% 170px!important;max-width:1600px;margin:auto}.tabs{gap:28px!important;border-bottom:1px solid #a9e6e225;margin-bottom:30px;padding-bottom:0!important}.tabs button{background:transparent!important;border:0!important;border-bottom:1px solid transparent!important;padding:14px 2px!important;color:#a2b8bd!important;font-size:11px;letter-spacing:.12em;transition:color .25s}.tabs button.active{color:#d5f7f5!important;border-bottom-color:#a7e6e5!important}.tabs button:hover{color:white!important}input{border:0!important;border-bottom:1px solid #a9e6e240!important;background:#051c2940!important;color:#d9f4f3!important;padding:17px 0!important;outline:none;margin-bottom:36px!important;letter-spacing:.13em!important}input::placeholder{color:#91aab2}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:12px!important}.card{background:linear-gradient(145deg,#0b29345c,#04152199)!important;border:1px solid #8bcad21d!important;border-radius:3px;min-height:255px!important;padding:23px!important;backdrop-filter:blur(12px);transition:background .3s,border-color .3s,transform .3s}.card:hover{background:#16415090!important;border-color:#99d5dc60!important;transform:translateY(-3px)}.label{color:#9cb9bd!important;font-size:10px;letter-spacing:.18em}.card h2{font:31px/1.03 'Instrument Serif',serif!important;color:#e7f3ef;margin:24px 0 10px!important}.card p{color:#a4b8bd!important;font-size:13px!important;line-height:1.6!important}.save{color:#9bd5d4!important}.actions{align-items:center}.actions a,.actions button{background:transparent!important;color:#d5ebeb!important;border:1px solid #93c9d244!important;border-radius:2px;padding:11px 13px!important;transition:background .2s}.actions button{background:#a5d9d41c!important}.actions a:hover,.actions button:hover{background:#a5d9d430!important}footer{background:#04151fe8!important;backdrop-filter:blur(24px);border-top:1px solid #9de4e13a;padding:18px 6%!important;min-height:92px}footer small{color:#9bc7cb!important;letter-spacing:.18em}footer #playing{font:25px 'Instrument Serif',serif!important;color:#e6f5f2}audio{filter:invert(.85) hue-rotate(145deg);opacity:.75}@media(max-width:600px){header{min-height:32vh;padding:45px 6% 30px!important}h1{font-size:78px!important}.tabs{gap:20px!important}.grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.card{min-height:245px!important;padding:15px!important}.card h2{font-size:26px!important}.actions{flex-wrap:wrap}.actions a,.actions button{font-size:10px!important;padding:9px!important}}@media(max-width:380px){.grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.card{transition:none!important}}