/* Welcam Bak! illustrated theme */
:root{--ink:#0757b9;--paper:#e8f8ff;--yellow:#ffe44a;--purple:#ff5b9e;--line:#9edbfa;--red:#f45b42}
body{background:linear-gradient(180deg,#80d8ff 0,#def7ff 360px,#f6fcff 100%);color:#0757b9}
.site-header{max-width:1160px;height:132px}.brand{display:flex;align-items:center;width:270px;height:122px}.brand img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #1679b655)}.site-header nav a{border-bottom-color:#ffdf35;color:#0757b9}main{max-width:1160px;padding-top:22px}
.image-hero{height:min(44vw,470px);min-height:250px;margin:0 -18px 38px;border:5px solid #fff;border-radius:28px;background:url('/static/welcam-bak-banner.png') center center/cover no-repeat;box-shadow:0 8px 0 #2c9cdc,0 18px 30px #1b89bc55}
.search-wrap{max-width:560px;margin:0 auto 34px}.search-label{color:#0757b9;font-size:15px;margin:0 0 8px}.sound-search{width:100%;padding:15px 19px;border:4px solid #fff;border-radius:18px;background:#fff;box-shadow:0 5px 0 #2c9cdc;font-size:17px;color:#0757b9}.sound-grid{gap:22px}.sound-card{height:185px}.sound-button{position:relative;align-items:center;justify-content:center;border:4px solid #fff;background:linear-gradient(145deg,#fff35b,#ffcb2f);color:#0757b9;border-radius:24px;box-shadow:0 7px 0 #218bd2,0 14px 22px #1683b044;text-align:center}.sound-button:hover,.sound-button.playing{transform:translate(3px,5px);box-shadow:0 3px 0 #218bd2,0 6px 12px #1683b044}.sound-button.playing{background:linear-gradient(145deg,#ff81b9,#f44892);color:#fff}.icon{position:absolute;top:18px;left:20px;font-size:25px}.sound-title{margin:auto 0 7px;font-size:clamp(27px,3vw,36px);line-height:1.08;text-align:center}.hint{margin:0;font-size:12px;font-weight:bold}.no-search-results{text-align:center;padding:35px;font-weight:800;font-size:20px;color:#0757b9}
.empty{background:#fff;border:4px solid #fff;box-shadow:0 7px 0 #9edbfa;border-radius:24px}.empty div{color:#ffb900}.flash{border:3px solid #fff;box-shadow:0 4px 0 #9edbfa}.upload-panel{background:linear-gradient(135deg,#fffcc4,#ffe58a);border:4px solid #fff;box-shadow:0 7px 0 #ffb53d;border-radius:22px}.admin-head h1,.auth h1{color:#0757b9}.primary{background:linear-gradient(145deg,#148fe1,#0661c6);border:3px solid #fff;box-shadow:0 4px 0 #0757b9;border-radius:12px}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #0757b9}input{border-color:#73c9ef;border-radius:12px}.manage h2 span{background:#ffe44a}.sound-list{border-top-color:#9edbfa}.manage-item{border-bottom-color:#9edbfa}.delete{border-color:#f45b42;color:#f45b42;background:#fff;border-width:2px}
@media(max-width:700px){.image-hero{margin:0 -8px 28px;min-height:190px;border-radius:18px}.sound-card{height:165px}}