:root{--bg-color: #f8f9fa;--card-bg: #ffffff;--primary: #4dabf7;--text: #212529;--shadow: 0 10px 30px rgba(0,0,0,.05);--radius: 24px}body{margin:0;padding:0;font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text);overflow:hidden}.app-container{max-width:500px;margin:0 auto;height:100vh;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cloud-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#adb5bd;background:#fff;padding:6px 12px;border-radius:20px;box-shadow:var(--shadow)}.cloud-icon{color:#4dabf7;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.stats-group{display:flex;gap:12px;align-items:center}.stat-item{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.mute-btn{background:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:transform .2s}.mute-btn:active{transform:scale(.9)}.stress-bar-container{margin-bottom:24px}.stress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:8px;color:#868e96}.progress-track{height:12px;background:#e9ecef;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff8787,#4dabf7);border-radius:6px}.main-stage{flex:1;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;position:relative}.tool-navigator{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f1f3f5}.nav-btn{background:#f8f9fa;border:none;width:36px;height:36px;border-radius:12px;cursor:pointer;color:#495057}.tool-title{display:flex;align-items:center;gap:10px}.tool-title h2{margin:0;font-size:18px}.interaction-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.canvas-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bubble-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bubble{width:60px;height:60px;cursor:pointer}.bubble.popped{transform:scale(.9);opacity:.3}.keyboard-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key-cap{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px #dee2e6;cursor:pointer;-webkit-user-select:none;user-select:none}.clay-blob{width:200px;height:200px;cursor:grab}.clay-blob:active{cursor:grabbing}.mole-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mole-hole{width:80px;height:40px;background:#ced4da;border-radius:50%/20%;position:relative;overflow:hidden}.mole-body{width:60px;height:60px;background:#a67c52;border-radius:30px 30px 0 0;position:absolute;left:10px;top:0;cursor:pointer}.mole-eyes:before,.mole-eyes:after{content:"";position:absolute;width:6px;height:6px;background:#000;border-radius:50%;top:15px}.mole-eyes:before{left:15px}.mole-eyes:after{right:15px}.pimple-face{position:relative;width:200px;height:200px}.pimple-dot{position:absolute;width:15px;height:15px;background:#ff8787;border-radius:50%;border:2px solid #ffc9c9;cursor:pointer}.paper-sheet{width:200px;height:250px;background:#fff;box-shadow:0 5px 15px #0000001a;display:flex;align-items:center;justify-content:center;font-weight:700;color:#adb5bd;border-top:4px dashed #dee2e6;cursor:ns-resize}.app-footer{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.score-display{display:flex;flex-direction:column}.score-display .label{font-size:12px;color:#868e96}.score-display .value{font-size:24px;font-weight:800}.reset-btn{background:transparent;border:1px solid #dee2e6;padding:8px 16px;border-radius:12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#495057}.reset-btn:hover{background:#f1f3f5}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:600;color:#4dabf7}