:root{--color-bg:#0d0d0d;--color-panel:#1a1a1a;--color-panel-border:#333;--color-text-primary:#f2f2f2;--color-text-secondary:#a6a6a6;--color-accent:#ff4d6d;--color-success:#66b366;--color-danger:#d9534f;--font-family:"Courier New", Courier, monospace}.theme-kawaii{--color-bg:#ffe6f0;--color-panel:#fff;--color-panel-border:#ffb3cc;--color-text-primary:#1a1a1a;--color-text-secondary:#404040;--color-accent:#f69;--color-success:#6c9;--color-danger:#f33;--font-family:"Comic Sans MS", "Comic Sans", cursive}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--color-panel);border-right:1px solid var(--color-panel-border);width:250px;padding:20px}.sidebar h1{color:var(--color-accent);border-bottom:1px solid var(--color-panel-border);text-transform:uppercase;margin-bottom:30px;padding-bottom:10px;font-size:1.2rem}.sidebar nav ul{list-style:none}.sidebar nav ul li{margin-bottom:10px}.sidebar nav ul li a{color:var(--color-text-primary);border-left:3px solid #0000;padding:8px 12px;display:block}.sidebar nav ul li a:hover,.sidebar nav ul li a.active{background-color:var(--color-bg);border-left-color:var(--color-accent);text-decoration:none}.main-content{flex:1;padding:40px}.panel{background-color:var(--color-panel);border:1px solid var(--color-panel-border);margin-bottom:20px;padding:20px}.panel-header{border-bottom:1px solid var(--color-panel-border);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:15px;padding-bottom:10px;font-weight:700}.btn{background-color:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-accent);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.9rem;transition:background-color .2s}.btn:hover{background-color:var(--color-accent);color:var(--color-bg)}.tag-premium{color:var(--color-success);font-weight:700}.tag-free{color:var(--color-text-secondary)}.code-block{background-color:var(--color-bg);border:1px solid var(--color-panel-border);color:var(--color-accent);margin:10px 0;padding:10px;font-family:monospace;display:inline-block}