:root{--primary:#e62e2e;--secondary-1:#8b4513;--secondary-2:#ff7f00;--accent:gold;--bg:beige;--card-bg:#fff;--text:#333;--text-light:#5a5a5a;--border:#d8c8a0;--shadow:#8b451326;--nav-bg:#f5f5dcf2;--nav-text:#333;--nav-hover:#e62e2e;--nav-active:#ff7f00;--btn-primary-bg:#e62e2e;--btn-primary-text:beige;--btn-secondary-bg:#8b4513;--btn-secondary-text:beige;--accent-light:#ffe580;--success:#4caf50;--success-light:#66bb6a;--warning:#ff9800;--warning-light:#ffa726;--danger:#f44336;--danger-light:#ef5350;--bomb-color:#4a4a4a;--bomb-highlight:#2a2a2a;--fuse-color:#8b4513;--spark-color:#ff7f00;--explosion-core:gold;--explosion-ring:#ff5252;--code-bg:#ede0c0;--primary-rgb:230,46,46}.dark{--primary:#ff5252;--secondary-1:#a5673f;--secondary-2:#ff9a3d;--accent:#ffe066;--bg:#1a1a1a;--card-bg:#2a2a2a;--text:#e0e0e0;--text-light:#aaa;--border:#5d2e0f;--shadow:#0006;--nav-bg:#1a1a1af2;--nav-text:#e0e0e0;--nav-hover:#ff9a3d;--nav-active:#ffe066;--btn-primary-bg:#ff5252;--btn-primary-text:#1a1a1a;--btn-secondary-bg:#a5673f;--btn-secondary-text:beige;--accent-light:#ffe066;--success:#66bb6a;--success-light:#81c784;--warning:#ffa726;--warning-light:#ffb74d;--danger:#ef5350;--danger-light:#e57373;--bomb-color:#333;--bomb-highlight:#222;--fuse-color:#5d2e0f;--spark-color:#ff9a3d;--explosion-core:#ffe066;--explosion-ring:#ff5252;--code-bg:#30251d;--primary-rgb:255,82,82}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;transition:all .3s}.app-container{background-color:var(--bg);min-height:100vh;color:var(--text);position:relative;overflow-x:hidden}.bg-decorations{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-blur{filter:blur(120px);opacity:.15;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.blur-1{background-color:var(--primary);width:500px;height:500px;animation-delay:0s;top:20%;left:15%}.blur-2{background-color:var(--secondary-2);width:450px;height:450px;animation-delay:3s;bottom:25%;right:20%}.blur-3{background-color:var(--accent);width:400px;height:400px;animation-delay:6s;top:60%;left:60%}.main-container{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px;position:relative}.content-wrapper{flex-direction:column;gap:24px;max-height:100vh;display:flex}@media (min-width:1024px){.content-wrapper{flex-direction:row}}.feed{flex-direction:column;flex:1;gap:24px;max-width:800px;height:calc(100vh - 50px);margin:0 auto;padding:10px;display:flex;overflow-y:auto}.feed::-webkit-scrollbar{display:none}@media (min-width:1024px){.feed{margin:0}}.card{background-color:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:0 4px 12px var(--shadow);border-radius:12px;padding:24px;transition:all .3s}.card:hover{box-shadow:0 15px 30px var(--shadow);border-color:var(--primary);transform:translateY(-5px)}.section-title{color:var(--primary);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:18px;display:flex}.card-decoration{color:rgba(var(--primary-rgb),.15);pointer-events:none;transform-origin:50%;transition:all 1s;animation:8s ease-in-out infinite float;display:block;position:fixed}.card-decoration:hover{color:rgba(var(--primary-rgb),.3);z-index:5;transform:scale(1.2)rotate(0)}.card-1{font-size:140px;top:20%;right:5%;transform:rotate(15deg)}.card-2{font-size:110px;animation-delay:2s;bottom:30%;left:8%;transform:rotate(-10deg)}.card-3{font-size:90px;animation-delay:4s;top:70%;left:30%;transform:rotate(5deg)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes float{0%,to{transform:translateY(0)rotate(15deg)}50%{transform:translateY(-25px)rotate(15deg)}}@keyframes levelPulse{0%,to{box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}50%{box-shadow:0 0 20px rgba(var(--primary-rgb),.6)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes headShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (max-width:768px){.main-container{padding:24px 10px}.card-decoration{display:none}.content-wrapper{max-height:calc(100vh - 60px)}.feed{height:auto;max-height:calc(100vh - 100px);overflow-y:auto}}@media (max-width:480px){.main-container{padding:16px 8px}.card{padding:16px}.section-title{font-size:16px}.page-title{font-size:24px!important}.page-description{font-size:14px!important}}