.app{padding:10px;max-width:100%;margin:0 auto;font-family:"Comic Sans MS","Marker Felt",-apple-system,sans-serif;background:linear-gradient(135deg,#f3e5f5,#e8f5e9);min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:flex-end;grid-gap:8px;gap:8px;padding:5px;margin-bottom:10px}.header button{width:32px;height:32px;border:2px solid #f48fb1;border-radius:50%;background:linear-gradient(135deg,#f8bbd0,#a5d6a7);color:#e91e63;font-size:20px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;transition:transform .2s}.header button:hover{transform:translateY(-2px) rotate(10deg);background:linear-gradient(135deg,#f48fb1,#81c784)}.monitor-section{background-color:hsla(0,0%,100%,.95);padding:12px;border-radius:12px;border-bottom:3px dashed #81c784;border-right:3px dashed #81c784;border-color:#81c784 #f48fb1 #f48fb1 #81c784;border-style:dashed;border-width:3px;box-shadow:0 6px 12px rgba(0,0,0,.1);margin-bottom:10px}.monitor-title{text-align:center;color:#333;font-size:.9em;font-weight:500;padding:8px;text-shadow:none;-webkit-text-fill-color:initial;background:none}.monitor-title,.noise-section,.timer-section{margin-bottom:12px}h3{font-size:.8em;margin:0 0 8px;color:#666;display:flex;align-items:center;grid-gap:4px;gap:4px}.timer-bar{background:#e3f2fd;height:20px;border-radius:8px;border:2px solid #64b5f6;overflow:hidden;position:relative}.timer-fill{height:100%;width:0;background:#2196f3;transition:width .3s ease-in-out;position:relative;z-index:2}.noise-bar{background:#fff8e1;height:20px;border-radius:8px;border:2px solid #ffd54f;overflow:hidden;position:relative;margin:8px 0}.noise-bar.warning{border:2px solid #ff5252}.noise-bar:after,.timer-bar:after{content:"";position:absolute;right:5px;top:50%;transform:translateY(-50%)}.noise-fill.peak{opacity:.3;transition:opacity 2s ease-out,width .5s ease-out;position:absolute;top:0;left:0;z-index:1;animation:fadeOut 2s ease-out forwards}.noise-fill.current{opacity:1;position:relative;z-index:2;transition:width .5s ease-out}.noise-fill{height:100%;width:0;background:linear-gradient(45deg,#ffd54f,#ffb300,#ff8f00);background-size:200% 100%;animation:shimmer 3s linear infinite;will-change:width}.noise-fill.warning{background:linear-gradient(45deg,#ff8a80,#ff5252,#d32f2f)}.value-display{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.8em;color:#333;text-shadow:0 0 2px hsla(0,0%,100%,.8);z-index:3;font-weight:700;padding:0 8px;border-radius:10px;background:linear-gradient(135deg,rgba(232,245,233,.9),rgba(252,228,236,.9));transition:all 1s ease-out}.garden{flex:1 1;min-height:120px;grid-gap:12px;gap:12px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 01-6-6h2c0 2.21 1.79 4 4 4a6 6 0 016 6c0 2.21 1.79 4 4 4a6 6 0 016 6c-2.21 0-4-1.79-4-4a6 6 0 00-6-6c-2.21 0-4-1.79-4-4zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%2381c784' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E"),#e8f5e9;border:8px dotted #81c784;border-radius:12px;box-shadow:inset 0 0 30px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start;padding:20px 12px 12px}.plant{font-size:3em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:all .3s cubic-bezier(.68,-.55,.265,1.55);animation:bounce 2s ease-in-out infinite;cursor:pointer}.plant:hover{transform:translateY(-8px) rotate(15deg) scale(1.2);filter:drop-shadow(0 8px 20px rgba(76,175,80,.3));animation-play-state:paused}.plant[data-type=seedling]{color:#4caf50;filter:drop-shadow(0 2px 4px rgba(76,175,80,.2));animation-delay:-.3s}.plant[data-type=flower]{color:#e91e63;filter:drop-shadow(0 2px 4px rgba(233,30,99,.2));animation-delay:-.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeOut{0%{opacity:.3}to{opacity:0}}@media (max-width:480px){.app{padding:5px}.monitor-section{padding:10px}.garden{min-height:200px;grid-gap:15px;gap:15px}.plant{font-size:2.5em}}.settings-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000}.settings-content{background:linear-gradient(135deg,#fff,#e8f5e9 50%,#fce4ec);padding:20px;border-radius:15px;width:90%;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:3px solid;border-image:linear-gradient(45deg,#81c784,#f48fb1) 1}.settings-content h2{font-size:1.3em;margin:0 0 20px;text-align:center;color:#333}.form-group{margin:15px 0;display:flex;justify-content:space-between;align-items:center;grid-gap:15px;gap:15px}.form-group label{color:#666;font-size:.9em;flex:1 1}.form-group input{width:80px;padding:8px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;text-align:center;background:#fff}.dialog-buttons{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px;margin-top:20px}.dialog-buttons button{padding:8px 20px;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s}.dialog-buttons button:first-child{background:#4caf50;color:#fff}.dialog-buttons button.cancel{background:#f5f5f5;color:#666}.dialog-buttons button:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:480px){.settings-dialog{padding:10px}.settings-content{padding:15px;width:95%}.form-group{margin:10px 0}.form-group input{width:60px;padding:6px}}.alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:51.96vw;z-index:1000;pointer-events:none}.alert:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,0,0,.8);clip-path:polygon(50% 0,0 100%,100% 100%);border-radius:20px;animation:blink 1s infinite}.alert-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:15%}.alert-icon{color:#fff;font-size:4em;font-weight:700;margin-bottom:10px}.alert-message{display:flex;flex-direction:column;align-items:center;grid-gap:5px;gap:5px}.alert-text{color:#fff;font-weight:700;font-size:1.2em;text-align:center}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.css body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.d28a9f83.chunk.css.map */