:root{--primary-color:#cf1620;--primary-gradient:linear-gradient(135deg, #cf1620 0%, #a10f18 100%);--secondary-color:#e43540;--background-light:#f1f3f6;--white:#fff;--text-dark:#212121;--text-muted:#666;--border-color:#e0e0e0;--success-color:#388e3c;--danger-color:#cf1620;--header-height:56px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 12px #0000001f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--background-light);color:var(--text-dark);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.container{flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 30px #0000000d}main{background-color:var(--background-light);flex:1}button,input{font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes flame{0%{opacity:.9;transform:scaleY(1)translateY(0)}50%{opacity:1;transform:scaleY(1.1)translateY(-2px)}to{opacity:.9;transform:scaleY(1)translateY(0)}}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.campfire-wrapper{perspective:1000px;justify-content:center;align-items:center;padding:15px 0 25px;display:flex}.campfire{width:140px;height:120px;position:relative}.glow{z-index:0;filter:blur(8px);background:radial-gradient(circle,#ff7800b3 0%,#ff3c004d 40%,#0000 70%);border-radius:50%;width:100px;height:100px;animation:2.5s ease-in-out infinite alternate pulse-glow;position:absolute;bottom:10px;left:20px}.logs{z-index:10;width:100%;height:40px;transform-style:preserve-3d;position:absolute;bottom:0;left:0}.log{background:linear-gradient(#4a2e1b 0%,#301b0d 100%);border-radius:8px;align-items:center;width:85px;height:22px;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 6px #00000080,inset 0 2px #ffffff14,inset 0 -2px #0009}.log-texture{background-image:repeating-linear-gradient(90deg,#0000,#0000 5px,#0003 5px 6px,#0000 6px 12px,#ffffff08 12px 13px);width:100%;height:100%}.log-end{background:radial-gradient(circle,#e6c28f 0%,#bc8f5b 50%,#4a2e1b 100%);border-radius:50%;width:14px;height:18px;position:absolute;right:-2px;transform:scaleX(.6);box-shadow:inset 1px 0 3px #00000080}.log-back{z-index:5;filter:brightness(.6);bottom:12px;left:25px;transform:rotate(0)scale(.9)}.log-back .log-end{left:-2px;right:auto}.log-left{z-index:11;bottom:5px;left:10px;transform:rotate(30deg)}.log-right{z-index:12;bottom:5px;right:10px;transform:rotate(-30deg)}.log-front{z-index:15;filter:brightness(.8);width:90px;bottom:-5px;left:28px;transform:rotate(-5deg)}.flames{z-index:8;filter:drop-shadow(0 0 10px #ff6400cc);width:100%;height:80px;position:absolute;bottom:25px;left:0}.flame{transform-origin:bottom;mix-blend-mode:screen;border-radius:50% 0 50% 50%;position:absolute;bottom:0}.flame-main{z-index:3;background:linear-gradient(-45deg,red 0%,#f60 40%,#fc0 80%,#fffc 100%);width:50px;height:75px;animation:1.2s ease-in-out infinite alternate flare;left:45px;transform:rotate(-45deg)}.flame-inner{z-index:4;background:linear-gradient(-45deg,#f60 0%,#fc0 60%,#fff 100%);width:30px;height:45px;animation:.9s ease-in-out infinite alternate-reverse flare;bottom:5px;left:55px;transform:rotate(-45deg)}.flame-left{z-index:2;background:linear-gradient(-45deg,#c00 0%,#f40 50%,#fa0 100%);width:35px;height:55px;animation:1.5s ease-in-out infinite alternate flare-side;bottom:5px;left:30px;transform:rotate(-30deg)}.flame-right{z-index:2;background:linear-gradient(-45deg,#d20 0%,#f50 50%,#fb0 100%);width:35px;height:50px;animation:1.3s ease-in-out infinite alternate-reverse flare-side-right;bottom:8px;left:75px;transform:rotate(-60deg)}.flame-tiny{z-index:5;background:#fc0;border-radius:50% 0 50% 50%;width:20px;height:25px;animation:.6s ease-in-out infinite alternate flare;bottom:-5px;left:65px;transform:rotate(-45deg)}.spark{opacity:0;background:#fc0;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 4px 2px #f60}.spark-1{animation:2s linear .2s infinite rise;left:40px}.spark-2{width:3px;height:3px;animation:2.5s linear 1.1s infinite rise;left:80px}.spark-3{animation:1.8s linear .7s infinite rise;left:60px}.spark-4{width:5px;height:5px;animation:3s linear 1.5s infinite rise;left:50px}@keyframes flare{0%{border-radius:50% 0 50% 50%;transform:rotate(-45deg)scale(.9)skew(0deg)}25%{border-radius:50% 0 50% 40%;transform:rotate(-42deg)scale(1.05)skew(5deg)}50%{border-radius:50% 10% 50% 50%;transform:rotate(-48deg)scale(.95)skew(-5deg)}75%{border-radius:40% 0 50% 50%;transform:rotate(-43deg)scale(1.1)skew(8deg)}to{transform:rotate(-45deg)scaleY(1.15)scaleX(.9)}}@keyframes flare-side{0%{transform:rotate(-30deg)scale(.8)}50%{transform:rotate(-25deg)scale(1.1)translate(-5px)}to{transform:rotate(-35deg)scale(.9)}}@keyframes flare-side-right{0%{transform:rotate(-60deg)scale(.9)}50%{transform:rotate(-65deg)scale(1.15)translate(5px)}to{transform:rotate(-55deg)scale(.85)}}@keyframes rise{0%{opacity:1;bottom:10px;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(10px)scale(.8)}to{opacity:0;bottom:90px;transform:translate(-15px)scale(.5)}}@keyframes pulse-glow{0%{opacity:.4;filter:blur(10px);transform:scale(.9)}to{opacity:.7;filter:blur(15px);transform:scale(1.3)}}