.app-header{width:100%;padding:15px 0;background-color:#0000001a;text-align:center;color:var(--text-color);border-bottom:1px solid var(--border-color);flex-shrink:0;box-sizing:border-box}.app-header h1{margin:0;font-size:1.8rem;font-weight:600;color:var(--accent-color);box-sizing:border-box;width:100%;padding-left:20px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.app-header h2{margin:0;font-size:1.5rem;font-weight:400;color:var(--accent-color);box-sizing:border-box;width:100%;padding-left:20px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@media (max-width: 768px){.app-header h1{font-size:1.5rem;text-align:left;padding-left:20px;padding-right:160px}.app-header h2{font-size:1rem;text-align:left;padding-left:20px;padding-right:160px}}@media (max-width: 480px){.app-header{padding-top:10px;padding-bottom:10px}.app-header h1{font-size:1.3rem;padding-left:15px;padding-right:140px}}.app-footer{width:100%;padding:15px 25px;background-color:var(--secondary-color);border-top:1px solid var(--border-color);text-align:center;color:var(--text-color-secondary);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.app-footer p{margin:0}.social-links{display:flex;gap:25px}.social-links a{color:var(--text-color-secondary);font-size:1.4rem;transition:color .2s ease,transform .2s ease;opacity:.7}.social-links a:hover{color:var(--primary-color);opacity:1;transform:scale(1.15)}.connect-text{font-size:.75rem;font-style:italic;opacity:.6}@media (max-width: 480px){.app-footer{padding:10px 15px;gap:5px}.social-links a{font-size:1.3rem}.connect-text{font-size:.7rem}}.celebration-area{display:flex;justify-content:center;align-items:center;flex-grow:1;padding:20px}.trigger-button{padding:20px 40px;font-size:1.5rem;background:var(--accent-color);color:var(--text-color);border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color var(--transition-speed),color var(--transition-speed);position:relative;z-index:2;box-shadow:0 4px 15px #0003}.trigger-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 20px #00000040}.trigger-button:active{transform:translateY(-1px) scale(1);box-shadow:0 3px 10px #0003}@media (max-width: 768px){.trigger-button{padding:18px 35px;font-size:1.3rem}}@media (max-width: 480px){.trigger-button{padding:15px 30px;font-size:1.1rem}}.theme-toggle{padding:10px 15px;border:none;border-radius:8px;background:var(--accent-color);color:var(--text-color);cursor:pointer;transition:transform var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed)}.theme-toggle:hover{transform:scale(1.1)}@media (max-width: 480px){.theme-toggle{padding:8px 12px;font-size:.8rem}}.mute-toggle{padding:10px 12px;border:none;border-radius:8px;background:var(--accent-color);color:var(--text-color);cursor:pointer;font-size:1.2rem;line-height:1;transition:transform var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed)}.mute-toggle:hover{transform:scale(1.1)}@media (max-width: 480px){.mute-toggle{padding:8px 10px;font-size:1rem}}:root{--bg-color: #1a1a1a;--text-color: #ffffff;--accent-color: #ff6b6b;--firework-base-color: #ff9f43;--firework-burst-color: #ff6b6b;--transition-speed: .3s;--primary-color: var(--accent-color);--secondary-color: #2a2a2a;--border-color: #444;--text-color-secondary: #cccccc}[data-theme=light]{--bg-color: #f5f5f5;--text-color: #1a1a1a;--accent-color: #4ecdc4;--firework-base-color: #4ecdc4;--firework-burst-color: #ff6b6b;--primary-color: var(--accent-color);--secondary-color: #e0e0e0;--border-color: #ccc;--text-color-secondary: #555555}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed),color var(--transition-speed);font-family:Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex-grow:1;min-height:0}.app-container{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;min-height:0}button{cursor:pointer;padding:10px 15px;border:none;border-radius:8px;font-size:1rem;transition:transform var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed)}button:hover{opacity:.9;transform:scale(1.05)}.firework-particle{position:absolute;bottom:0;width:4px;height:15px;background:var(--firework-base-color);border-radius:2px;animation:launch 1s ease-out forwards;z-index:0;pointer-events:none}@keyframes launch{0%{transform:translateY(0);opacity:1}to{transform:translateY(-85vh);opacity:0}}.firework-burst{position:absolute;width:8px;height:8px;border-radius:50%;animation:burst .8s ease-out forwards;z-index:0;pointer-events:none}@keyframes burst{0%{transform:scale(1);opacity:1}to{transform:scale(8);opacity:0}}.utility-buttons-container{position:fixed;top:15px;right:15px;display:flex;gap:10px;z-index:20;align-items:center}@media (max-width: 480px){.utility-buttons-container{top:10px;right:10px;gap:8px}}