/* Minimal, easy-to-edit stylesheet for Planet Aanya */
* {
  cursor: url('catcursor1.png'), auto;
}
:root{
  --bg: #eaeaf7;
  --panel: #f7f5ea;
  --text: #dad617;
  --muted: #b0b0c0;
  --accent: #d4a5ff;
  --bg-image: url('bgghilbi-image.jpg');
  --gap: 1rem;
  --radius: 8px;
}

/* rain toggle */
.rain-toggle{
    position:fixed;
    top:20px;
    right:20px;
    width:50px;
    height:50px;
    font-size:22px;
    cursor:pointer;
    z-index:9999;
}

*{box-sizing:border-box;margin:0;padding:0}
html{font-family:Arial, Helvetica, sans-serif}
/* Use background image if present (bg_image.jpg) */
body{background:var(--bg) var(--bg-image) center/cover no-repeat fixed;color:var(--text);line-height:1.4}

/* Layout */
.main-wrap{max-width:1100px;margin:var(--gap) auto;display:grid;grid-template-columns:240px 1fr 240px;gap:var(--gap)}
.left-sidebar,.right-sidebar{display:flex;flex-direction:column;gap:var(--gap)}
.main-content{min-width:0}

/* Panels */
.panel{background:var(--panel);padding:0.8rem;border:1px solid rgba(255,255,255,0.04)}
.panel-title{font-weight:700;color:var(--accent);font-size:0.9rem;margin-bottom:0.5rem}

/* Navigation */
.nav-links{list-style:none}
.nav-links a{display:block;color:var(--text);padding:0.35rem 0.5rem;text-decoration:none;border-radius:0px}
.nav-links a:hover{background:rgba(255,255,255,0.03)}

/* Hero */
.hero{padding:1.2rem 0;text-align:center}
.site-title{font-size:2.2rem;margin-bottom:0.25rem}
.hero-sub{color:var(--muted);font-size:0.95rem}

/* Music player (compact) */
.music-player{display:flex;gap:0.5rem;align-items:center;background:rgba(255,255,255,0.03);padding:0.6rem;border-radius:0px}
.player-art{font-size:1.4rem}
.player-track{font-weight:600}
.player-artist{color:var(--muted);font-size:0.9rem}


/* MUSIC PLAYER */

.music-player-window{

    width:280px;

    background:#ffd6ec;

    border:3px solid #ff8ccf;

    border-radius:14px;

    overflow:hidden;

    box-shadow:
        4px 4px 0px #d86fb0;

    font-family:'Pixelify Sans', sans-serif;
}

/* top bar */

.player-header{

    background:linear-gradient(
        90deg,
        #ff8ccf,
        #ffb6e1
    );

    padding:6px 10px;

    color:white;

    font-size:13px;

    font-weight:bold;

    display:flex;

    align-items:center;

    justify-content:space-between;
}

/* main area */

.player-body{

    padding:10px;

    display:flex;

    align-items:center;

    gap:12px;

    min-height:80px;
}

/* album art */

.album-art{
    height:55px;
    border-radius:10px;
    object-fit:cover;
    flex-shrink:0;
}

/* song info */

.song-info{

    flex:1;
}

.song-title{

    font-size:13px;

    color:#a3477d;

    margin-bottom:3px;
}

.song-artist{

    font-size:11px;

    color:#c76ba3;
}

/* buttons */

.controls{
    display:flex;
    gap:8px;
    margin-top:8px;
    padding-left: 10px;
}
.music-player-window{
  margin-left: 10px;
}

.controls button{
    width:36px;
    height:36px;
    border:none;
    border-radius:50%;
    background:#ff8ccf;
    color:white;
    font-size:14px;
    cursor:pointer;
    transition:.2s;
}

.controls button:hover{
    transform:scale(1.1);
    background:#ff70c3;
}
/* Guestbook & forms */
.gb-input,.gb-textarea{width:100%;padding:0.5rem;border-radius:0px;border:1px solid rgba(204, 211, 60, 0.04);background:transparent;color:var(--text)}

/* Footer */
footer{padding:1rem;text-align:center;color:var(--muted);font-size:0.9rem;margin-top:1.5rem}

/* Responsive */
@media (max-width:1000px){.main-wrap{grid-template-columns:1fr}.left-sidebar,.right-sidebar{flex-direction:row;flex-wrap:wrap}.left-sidebar .panel,.right-sidebar .panel{flex:1 1 45%}}

.panel {
    background: rgba(20, 20, 20, 0.45);

    backdrop-filter: blur(2px);

    border: 2px solid rgba(255,255,255,0.2);

    border-radius: 10px;
}
/* End of minimal stylesheet */