:root{

    --bg:#ffffff;
    --text:#111111;
    --muted:#666666;
    --link:#000000;
    --border:#e5e5e5;
    
    }
    
    body.dark{
    
    --bg:#0e0e0e;
    --text:#e8e8e8;
    --muted:#9a9a9a;
    --link:#ffffff;
    --border:#2a2a2a;
    
    }
    
    body{
    
    margin:0;
    font-family: Georgia, serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
    
    }
    
    .container{
    
    max-width:760px;
    margin:auto;
    padding:40px 20px;
    
    }
    
    h1{
    
    font-size:28px;
    letter-spacing:1px;
    margin-bottom:10px;
    
    }
    
    h2{
    
    margin-top:40px;
    font-size:22px;
    
    }
    
    a{
    
    color:var(--link);
    text-decoration:none;
    border-bottom:1px solid var(--link);
    
    }
    
    a:hover{
    
    opacity:0.7;
    
    }
    
    hr{
    
    border:none;
    border-top:1px solid var(--border);
    margin:40px 0;
    
    }
    
    .theme-toggle{
    
    position:fixed;
    top:20px;
    right:20px;
    cursor:pointer;
    font-size:14px;
    border:1px solid var(--border);
    padding:6px 10px;
    
    }
    
    .footer{
    
    margin-top:80px;
    font-size:14px;
    color:var(--muted);
    
    }
    
    .download-btn{
    
    display:inline-block;
    margin-top:20px;
    padding:10px 16px;
    border:1px solid var(--text);
    
    }
    
    .download-btn:hover{
    
    background:var(--text);
    color:var(--bg);
    
    }
    
    @media (max-width:768px){
    
    .container{
    
    padding:30px 16px;
    
    }
    
    h1{
    
    font-size:24px;
    
    }
    
    h2{
    
    font-size:20px;
    
    }
    
    }
    .dmca-badge{

        margin-top:10px;
        
        }
        
        .dmca-badge img{
        
        height:24px;
        opacity:0.8;
        
        }
        
        .dmca-badge img:hover{
        
        opacity:1;
        
    }