body { background: #f3ede4 url('/assets/cozy-anime-wallpaper.png') right center / auto 100vh fixed no-repeat; }
body::before { content:""; position:fixed; inset:58px 0 0 270px; z-index:-1; background:linear-gradient(90deg,rgba(247,243,236,.97) 0%,rgba(247,243,236,.89) 58%,rgba(247,243,236,.32) 100%); }
.workspace header { background:rgba(255,253,249,.95); backdrop-filter:blur(12px) }.workspace aside { background:rgba(252,248,241,.96); backdrop-filter:blur(10px) }
#editor { padding:24px; border:1px solid rgba(218,201,187,.78); border-radius:7px; background:rgba(249,246,240,.84); backdrop-filter:blur(10px) }
.login { background-color:rgba(43,39,35,.58); background-image:linear-gradient(rgba(43,39,35,.38),rgba(43,39,35,.38)),url('/assets/cozy-anime-wallpaper.png'); background-size:cover; background-position:center; }
.login form { background:rgba(255,253,249,.96); backdrop-filter:blur(12px) }
@media(max-width:760px){body{background-position:65% center}body::before{inset:58px 0 0;background:rgba(247,243,236,.89)}#editor{padding:12px}}