@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-wrapper{align-items:flex-start;display:flex;justify-content:center;width:100%}.content-container{flex-direction:column;max-width:1200px}.chart-container,.content-container{align-items:center;display:flex;width:100%}.chart-container{justify-content:center;margin-bottom:20px}.chart-wrapper{align-items:center;display:flex;height:500px;justify-content:center;width:100%}.error-message{color:red;margin:10px 0;text-align:center;width:100%}h3,h4{margin:15px 0;text-align:center}@media (max-width:768px){.content-container{padding:0 10px}}.App{font-family:sans-serif;text-align:center}.dashboard button{position:absolute;right:20px!important;top:20px!important}.info-box{background-color:#f3f4f6;border:1px solid #e1e4e8;border-radius:8px;padding:6px;text-align:left}.graph-portion{margin-bottom:10px}.graph{flex:1 1;height:200px;margin:5px}.graph canvas,.slope{overflow:hidden}.slope{background:#cadc88;border-radius:50% 50% 0 0/100% 100% 0 0;height:20px;width:100%;z-index:4}.slope:before{background:#b29db4;border-radius:50%;content:"";height:10px;left:50%;margin-left:-40px;position:absolute;top:-5px;width:80px}button{border:.5px solid #000;border-radius:8px;margin:4px;padding:8px 16px}button.bg-blue-500{background-color:#3b82f6;color:#fff}button.bg-gray-200{background-color:#e5e7eb;color:#000}button.bg-blue-500:hover{background-color:#2563eb}button.bg-gray-200:hover{background-color:#d1d5db}.background{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;margin:auto;position:relative;width:350px}.background .slope{bottom:0;left:0;position:absolute;right:0}.background>.flower{height:25px;width:25px;z-index:0}.background>.flower1{left:20%;top:30px}.background>.flower2{left:40%;top:50px}.background>.flower3{left:60%;top:20px}.background>.flower4{left:80%;top:80px}.background>.flower5{left:50%;top:80px}.tree{--trunk-height:300px;border-bottom:var(--trunk-height) solid #816954;border-left:8px solid #0000;border-right:8px solid #0000;bottom:0;left:50%;margin-left:-8px;position:absolute;transform-origin:50% var(--trunk-height);width:2px;z-index:2}.tree>.flower{height:20px;left:-8px;top:-15px;transform:rotate(25deg);width:20px}.tree>.flower2{height:30px;left:-12px;top:-24px;transform:rotate(20deg);width:30px}.branch{border-bottom:5px solid #816954;height:40px;position:absolute;width:150px}.branch:after,.branch:before{border:inherit;border-radius:inherit;height:inherit;position:absolute;width:inherit;z-index:0}.branch:before{transform:rotate(1deg)}.branch:after{transform:rotate(2deg)}.branch.left,.branch.left:after,.branch.left:before{transform-origin:0 0}.branch.right,.branch.right:after,.branch.right:before{transform-origin:100% 0}.branch.left{border-bottom-left-radius:100% 100%;transform-origin:100% 100%}.branch.right{border-bottom-right-radius:100% 100%;margin-left:1px;transform-origin:0 100%}.tree>.branch.left{transform:rotate(6deg)}.tree>.branch.right{transform:rotate(-5deg)}.leaf{background:#c5eabe;border-radius:0 100%;height:23px;position:absolute;transform-origin:0 0;width:23px}.leaf:before{background:#f55;height:2px;position:absolute;width:2px}.leaffordisplay{background:#c5eabe;border-radius:0 100%;display:inline-block;height:23px;margin-right:8px;position:relative;transform-origin:0 0;vertical-align:middle;width:23px}.leaffordisplay:before{background:#f55;height:2px;position:absolute;width:2px}.flower{height:30px;position:absolute;width:30px;z-index:6!important}.flower:after{background:#e55;border-radius:50%;bottom:0;content:"";height:30%;left:0;margin:auto;position:absolute;right:0;top:0;width:30%}.flower .petal{height:100%;position:absolute;transform:rotate(72deg);width:100%}.flower .petal:after,.flower .petal:before{background:#f0a5a6;border-radius:0 100px;content:"";height:60%;left:50%;margin-left:-20%;margin-top:-20%;position:absolute;top:50%;transform-origin:33% 33%;width:60%}.flower .petal:after{transform:rotate(36deg)}.flower.petal5 .petal{transform:rotate(144deg)}.flower.petal5 .petal:after{transform:rotate(-72deg)}.flower.petal5>.petal:after{content:none}.flower.petal6 .petal{transform:rotate(120deg)}.flower.petal6 .petal:after{transform:rotate(60deg)}.flower.petal8 .petal{transform:rotate(90deg)}.flower.petal8 .petal:after{height:56%;transform:rotate(45deg);width:56%}.flower.roundpetal .petal:after,.flower.roundpetal .petal:before{border-radius:0;border-radius:50% 50% 0 0;height:50%;margin-left:-15%;margin-top:0;top:0;transform-origin:50% 100%;width:30%}.branch .branch .flower,.branch .branch .heart,.branch .branch .tulip,.branch .flower,.branch .heart,.branch .tulip,.branch.dynamic .branch .flower,.branch.dynamic .branch .heart,.branch.dynamic .branch .tulip,.branch.dynamic .flower,.branch.dynamic .heart,.branch.dynamic .tulip,.flower,.heart,.tulip{z-index:6!important}.flower .petal,.flower .petal:after,.flower .petal:before{z-index:7!important}.flower:after{z-index:8!important}.blackflower .petal:after,.blackflower .petal:before,.blueflower .petal:after,.blueflower .petal:before,.greenflower .petal:after,.greenflower .petal:before,.heart:after,.heart:before,.purpleflower .petal:after,.purpleflower .petal:before,.redflower .petal:after,.redflower .petal:before,.tulip .peak,.tulip:after,.tulip:before,.whiteflower .petal:after,.whiteflower .petal:before,.yellowflower .petal:after,.yellowflower .petal:before{z-index:7!important}.branch:after,.branch:before{z-index:2!important}.heart{height:50px;position:absolute;width:50px;z-index:2}.heart:after,.heart:before{background:#f0a5a6;border-radius:100% 0;content:"";height:80%;left:50%;position:absolute;top:20%;transform-origin:0 100%;width:80%}.heart:before{transform:rotate(-65deg)}.heart:after{transform:rotate(-25deg)}.tulip{height:50px;position:absolute;transform-origin:50% 100%;width:50px;z-index:2}.tulip .peak,.tulip:after,.tulip:before{background:#f0a5a6;border-radius:100% 0;content:"";height:80%;left:50%;position:absolute;top:20%;transform-origin:0 100%;width:80%}.tulip:before{transform:rotate(-70deg)}.tulip:after{transform:rotate(-20deg)}.tulip .peak{transform:rotate(-45deg)}.redflower .peak,.redflower .petal:after,.redflower .petal:before,.redflower:after,.redflower:before{background:#f07d7f}.greenflower .peak,.greenflower .petal:after,.greenflower .petal:before,.greenflower:after,.greenflower:before{background:#aae76d}.blueflower .peak,.blueflower .petal:after,.blueflower .petal:before,.blueflower:after,.blueflower:before{background:#79aaee}.yellowflower .peak,.yellowflower .petal:after,.yellowflower .petal:before,.yellowflower:after,.yellowflower:before{background:#eed571}.purpleflower .peak,.purpleflower .petal:after,.purpleflower .petal:before,.purpleflower:after,.purpleflower:before{background:#c26be4}.blackflower .peak,.blackflower .petal:after,.blackflower .petal:before,.blackflower:after,.blackflower:before{background:#333}.whiteflower .peak,.whiteflower .petal:after,.whiteflower .petal:before,.whiteflower:after,.whiteflower:before{background:#fff}.flower:after{background:#eee5e5}.branch .branch:after{content:none}.tree>.leaf1{height:16px;left:0;top:20px;transform:rotate(-180deg);width:16px}.tree>.leaf2{top:24px;transform:rotate(-30deg)}.tree>.leaf2,.tree>.leaf3{height:16px;left:2px;width:16px}.tree>.leaf3{top:15px;transform:rotate(-85deg)}.branch1{right:0;top:calc(var(--trunk-height) - 100px)}.branch1 .leaf1{left:115px;top:78px;transform:rotate(-110deg)}.branch1 .leaf2{left:125px;top:40px;transform:rotate(-135deg)}.branch1 .leaf3{left:-12px;top:36px;transform:rotate(-82deg)}.branch1 .branch-inner1{border-bottom-left-radius:100% 70%;border-width:5px;height:40px;left:50px;top:-2px;transform:rotate(35deg);width:60px}.branch1 .branch-inner2{border-bottom-left-radius:100% 70%;border-width:4px;height:20px;left:26px;top:13px;transform:rotate(-40deg);width:50px}.branch1>.branch-inner2>.flower1{bottom:25px;height:20px;right:5px;transform:rotate(10deg);width:20px}.branch1 .branch-inner3{border-bottom-left-radius:100% 70%;border-width:3px;height:10px;left:16px;top:15px;transform:rotate(40deg);width:20px}.branch1 .branch-inner1 .leaf1{left:40px;top:38px;transform:rotate(-150deg)}.branch1 .branch-inner1 .leaf2{height:17px;left:20px;top:38px;transform:rotate(110deg);width:17px}.branch1 .branch-inner1 .leaf3{height:17px;left:14px;top:30px;transform:rotate(-150deg);width:17px}.branch1 .branch-inner2 .leaf1{left:40px;top:24px;transform:rotate(80deg)}.branch1 .branch-inner2 .leaf2{height:20px;left:30px;top:20px;transform:rotate(-160deg);width:20px}.branch1 .branch-inner2 .leaf3{height:17px;left:10px;top:18px;transform:rotate(100deg);width:17px}.branch1 .branch-inner3 .leaf1{height:16px;left:18px;top:10px;transform:rotate(-150deg);width:16px}.branch1 .branch-inner3 .leaf2,.branch1 .branch-inner3 .leaf3{height:16px;left:9px;top:12px;transform:rotate(130deg);width:16px}.branch1 .branch-inner3>.flower1{height:15px;right:15px;top:-5px;transform:rotate(30deg);width:15px}.branch1 .branch-inner3 .flower2{height:30px;right:9px;top:-18px;transform:rotate(45deg);width:30px}.branch1>.flower1{height:20px;right:141px;top:-16px;width:20px}.branch1>.flower2{height:30px;right:137px;top:-21px;width:30px}.branch1 .branch-inner1 .flower1{height:18px;left:-12px;top:5px;transform:rotate(-25deg);width:18px}.branch1 .branch-inner1 .flower2{height:30px;left:-17px;top:0;transform:rotate(-25deg);width:30px}.branch1 .branch-inner1 .heart{bottom:100%;height:18px;right:100%;transform:rotate(-35deg);width:18px}#branch1inner2flower{bottom:10px;height:28px;right:35px;transform:rotate(15deg);width:28px}.branch1 .branch-inner2 .flower1{height:20px;left:-10px;top:-10px;transform:rotate(25deg);width:20px}.branch1 .branch-inner2 .flower2{height:30px;left:-15px;top:-14px;transform:rotate(-10deg);width:30px}.branch1 .branch-inner2 .heart{bottom:100%;height:18px;right:100%;transform:rotate(-35deg);width:18px}.branch2{height:60px;left:0;top:calc(var(--trunk-height) - 170px)}.branch2 .heart{height:18px;right:-12px;top:-8px;transform:rotate(35deg);width:18px}.branch2 .branch-inner1{border-bottom-left-radius:100% 70%;border-width:5px;height:70px;left:-26px;top:-13px;transform:rotate(90deg);width:60px}.branch2 .branch-inner2{border-bottom-right-radius:100% 70%;border-width:4px;height:80px;left:55px;top:-26px;transform:rotate(60deg);width:60px}.branch2 .branch-inner3{border-bottom-right-radius:100% 100%;border-width:3px;height:30px;left:110px;top:10px;transform:rotate(30deg);width:40px}.branch2 .branch-subinner{border-bottom-left-radius:100% 100%;border-width:2px;height:15px;left:0;top:8px;transform:rotate(180deg);width:20px}.branch2 .leaf1{left:25px;top:95px;transform:rotate(-150deg)}.branch2 .leaf2{left:85px;top:47px;transform:rotate(-125deg)}.branch2 .leaf3{left:120px;top:36px;transform:rotate(-145deg)}.branch2 .branch-inner1 .leaf1{left:40px;top:74px;transform:rotate(120deg)}.branch2 .branch-inner1 .leaf2{height:20px;left:30px;top:63px;transform:rotate(220deg);width:20px}.branch2 .branch-inner1 .leaf3{height:17px;left:14px;top:60px;transform:rotate(150deg);width:17px}.branch2 .branch-inner2 .leaf1{left:10px;top:84px;transform:rotate(-20deg)}.branch2 .branch-inner2 .leaf2{height:20px;left:25px;top:73px;transform:rotate(-120deg);width:20px}.branch2 .branch-inner2 .leaf3{height:17px;left:44px;top:65px;transform:rotate(-40deg);width:17px}.branch2 .branch-inner3>.leaf1{height:20px;left:10px;top:32px;transform:rotate(20deg);width:20px}.branch2 .branch-inner3 .leaf2{height:20px;left:20px;top:25px;transform:rotate(-120deg);width:20px}.branch2 .branch-inner3 .leaf3{height:17px;left:37px;top:14px;transform:rotate(-50deg);width:17px}.branch2 .branch-subinner>.leaf1{height:14px;left:6px;top:14px;transform:rotate(150deg);width:14px}.branch2>.flower1{height:20px;right:-12px;top:-8px;width:20px}.branch2>.flower2{height:30px;right:-12px;top:-8px;transform:rotate(30deg);width:30px}.branch2 .branch-inner1 .flower1{height:20px;left:-10px;top:25px;width:20px}.branch2 .branch-inner1 .flower2{height:30px;left:-15px;top:17px;transform:rotate(-10deg);width:30px}.branch2 .branch-inner1 .heart{bottom:-5px;height:18px;left:-5px;transform:rotate(15deg);width:18px}.branch2 .branch-inner2 .heart{height:18px;left:50px;top:20px;transform:rotate(10deg);width:18px}.branch2 .branch-inner2 .flower1{bottom:30px;height:20px;right:-5px;transform:rotate(10deg);width:20px}.branch2 .branch-inner2 .flower2{bottom:30px;height:30px;right:-12px;transform:rotate(20deg);width:30px}.branch2 .branch-subinner .flower1{height:20px;left:-10px;top:-10px;width:20px}.branch2 .branch-inner3>.flower1{height:15px;right:-5px;top:-5px;transform:rotate(10deg);width:15px}.branch2 .branch-inner3 .flower2{bottom:15px;height:30px;right:-15px;transform:rotate(25deg);width:30px}.branch2 .branch-subinner .flower2{bottom:-5px;height:30px;right:15px;transform:rotate(10deg);width:30px}.branch3{height:70px;right:0;top:calc(var(--trunk-height) - 220px);width:140px}.branch3 .branch-inner1{border-bottom-right-radius:100% 100%;border-width:4px;height:40px;left:70px;top:20px;transform:rotate(-80deg);width:40px}.branch3 .branch-inner2{border-bottom-left-radius:100% 70%;border-width:4px;height:60px;left:36px;top:5px;transform:rotate(-40deg);width:60px}.branch3>.branch-inner1>.flower1,.branch3>.branch-inner2>.flower1{bottom:25px;height:20px;right:5px;transform:rotate(10deg);width:20px}#branch3inner1flower{bottom:40px;height:20px;right:-3px;transform:rotate(30deg);width:20px}.branch3 .branch-inner1 .leaf1{height:17px;left:10px;top:44px;transform:rotate(-5deg);width:17px}.branch3 .branch-inner1 .leaf2{height:17px;left:23px;top:35px;transform:rotate(330deg);width:17px}.branch3 .branch-inner1 .leaf3{height:17px;left:18px;top:8px;transform:rotate(25deg);width:17px}.branch3 .branch-inner2 .leaf1{height:17px;left:50px;top:64px;transform:rotate(110deg);width:17px}.branch3 .branch-inner2 .leaf2{height:20px;left:35px;top:56px;transform:rotate(-160deg);width:20px}.branch3 .branch-inner2 .leaf3{height:17px;left:16px;top:50px;transform:rotate(125deg);width:17px}.branch3 .leaf1{bottom:-23px;right:10px;transform:rotate(200deg)}.branch3 .leaf2{bottom:13px;right:100px;transform:rotate(230deg)}.branch3 .leaf3{bottom:13px;right:100px;transform:rotate(120deg)}.branch3 .flower1{height:18px;left:-10px;top:-8px;width:18px}.branch3 .flower2{height:30px;left:-12px;top:-8px;width:30px}.branch3 .heart{height:18px;left:-10px;top:-8px;transform:rotate(-10deg);width:18px}.branch3 .branch-inner1 .heart{height:18px;left:50px;top:0;transform:rotate(35deg);width:18px}.branch3 .branch-inner1 .flower1{height:18px;left:50px;top:-15px;transform:rotate(10deg);width:18px}.branch3 .branch-inner1 .flower2{height:30px;left:25px;top:-10px;transform:rotate(35deg);width:30px}.branch3 .branch-inner2 .heart{height:18px;left:-10px;top:0;transform:rotate(35deg);width:18px}.branch3 .branch-inner2 .flower1{height:18px;left:-10px;top:0;transform:rotate(10deg);width:18px}.branch3 .branch-inner2 .flower2{height:30px;left:-10px;top:0;transform:rotate(35deg);width:30px}.branch3 .branch-inner2 .tulip{height:20px;left:0;top:20px;transform:rotate(-25deg);width:20px}.branch4{height:40px;left:0;top:calc(var(--trunk-height) - 250px);width:120px}.branch4 .leaf1{left:25px;top:75px;transform:rotate(-150deg)}.branch4 .leaf2{left:85px;top:27px;transform:rotate(-125deg)}.branch4 .leaf3{left:135px;top:36px;transform:rotate(-197deg)}.branch4 .branch-inner1{border-bottom-left-radius:100% 70%;border-width:5px;height:60px;left:-26px;top:-25px;transform:rotate(90deg);width:50px}.branch4 .branch-inner2{border-bottom-right-radius:100% 70%;border-width:4px;height:70px;left:55px;top:-36px;transform:rotate(60deg);width:50px}.branch4 .branch-inner1 .leaf1{left:42px;top:65px;transform:rotate(120deg)}.branch4 .branch-inner1 .leaf2{height:20px;left:30px;top:57px;transform:rotate(220deg);width:20px}.branch4 .branch-inner1 .leaf3{height:17px;left:14px;top:54px;transform:rotate(150deg);width:17px}.branch4 .branch-inner2 .leaf1{left:10px;top:74px;transform:rotate(35deg)}.branch4 .branch-inner2 .leaf2{height:20px;left:20px;top:65px;transform:rotate(-120deg);width:20px}.branch4 .branch-inner2 .leaf3{height:17px;left:35px;top:60px;transform:rotate(-40deg);width:17px}.branch4 .flower1{bottom:30px;height:20px;right:-8px;transform:rotate(10deg);width:20px}.branch4 .flower2{height:30px;right:-12px;top:-8px;transform:rotate(42deg);width:30px}.branch4 .heart{height:18px;right:-12px;top:-8px;transform:rotate(35deg);width:18px}.branch4 .branch-inner1 .flower1{height:20px;left:-13px;top:15px;width:20px}.branch4 .branch-inner1 .flower2{height:30px;left:-13px;top:15px;transform:rotate(-8deg);width:30px}.branch4 .branch-inner1 .heart{height:18px;left:-5px;top:0;transform:rotate(35deg);width:18px}.branch4 .branch-inner2 .heart{transform:rotate(-10deg)}.branch4 .branch-inner2 .flower1,.branch4 .branch-inner2 .heart{height:18px;left:40px;top:10px;width:18px}.branch4 .branch-inner2 .flower2{height:30px;left:35px;top:12px;transform:rotate(30deg);width:30px}.branch4 .tulip1{bottom:30px;height:20px;right:-8px;transform:rotate(10deg);width:20px}.branch5{height:40px;right:0;top:calc(var(--trunk-height) - 280px);width:120px}.branch5 .leaf1{height:17px;left:85px;top:35px;transform:rotate(245deg);width:17px}.branch5 .leaf2{height:16px;left:-5px;top:30px;transform:rotate(-70deg);width:16px}.branch5 .leaf3{height:16px;left:25px;top:22px;transform:rotate(-150deg);width:16px}.branch5 .branch-inner1{border-bottom-right-radius:100% 100%;border-width:4px;height:30px;left:50px;top:0;transform:rotate(-60deg);width:30px}.branch5 .branch-inner2{border-bottom-left-radius:100% 80%;border-width:4px;height:40px;left:26px;top:-5px;transform:rotate(-50deg);width:40px}.branch5 .branch-inner1 .leaf1{bottom:-70%;height:17px;left:25%;transform:rotate(350deg);width:17px}.branch5 .branch-inner1 .leaf2{height:16px;left:40%;top:85%;transform:rotate(-120deg);width:16px}.branch5 .branch-inner1 .leaf3{height:14px;left:85%;top:65%;transform:rotate(-50deg);width:14px}.branch5 .branch-inner2 .leaf1{background:#c5eabe;height:18px;left:70%;top:110%;transform:rotate(80deg);width:18px}.branch5 .branch-inner2 .leaf2{background:#c5eabe;height:16px;left:43%;top:85%;transform:rotate(-140deg);width:16px}.branch5 .branch-inner2 .leaf3{background:#c5eabe;height:14px;left:20%;top:75%;transform:rotate(100deg);width:14px}.branch5 .flower1{height:18px;left:-10px;top:-8px;width:18px}.branch5 .flower2{height:30px;left:-15px;top:-10px;transform:rotate(40deg);width:30px}.branch5 .heart{height:18px;left:-10px;top:-8px;transform:rotate(-10deg);width:18px}.branch5 .branch-inner1 .heart{left:80%;top:-20%}.branch5 .branch-inner2 .tulip{height:20px;left:-5px;top:5px;transform:rotate(-15deg);width:20px}.branch5>.branch-inner1>.flower1{bottom:25px;height:20px;right:5px;transform:rotate(10deg);width:20px}.branch5 .branch-inner1 .flower1{height:18px;left:25px;top:-15px;transform:rotate(10deg);width:18px}.branch5 .branch-inner1 .flower2{height:30px;left:20px;top:-10px;transform:rotate(-10deg);width:30px}.branch5 .branch-inner1 .heart{height:18px;left:25px;top:-15px;transform:rotate(35deg);width:18px}.branch5 .branch-inner2 .heart{height:18px;left:-5px;top:0;transform:rotate(35deg);width:28px}.branch5 .branch-inner2 .flower1{height:18px;left:-5px;top:0;transform:rotate(10deg);width:18px}.branch5 .branch-inner2 .flower2{height:30px;left:-12px;top:-2px;transform:rotate(-5deg);width:30px}.branch.dynamic{border-bottom-style:solid;border-color:#816954;position:absolute!important;z-index:1!important}.branch.dynamic.left{border-bottom-left-radius:100% 100%!important;border-bottom-right-radius:0!important;border-bottom-width:5px!important;border-bottom-width:calc(5px*var(--width-scale, 1))!important;height:40px!important;height:calc(40px*var(--width-scale, 1))!important;right:0!important;transform:rotate(6deg)!important;transform-origin:100% 100%!important}.branch.dynamic.right{border-bottom-left-radius:0!important;border-bottom-right-radius:100% 100%!important;border-bottom-width:5px!important;border-bottom-width:calc(5px*var(--width-scale, 1))!important;height:60px!important;height:calc(60px*var(--width-scale, 1))!important;left:0!important;transform:rotate(-5deg)!important;transform-origin:0 100%!important}.branch.dynamic:after,.branch.dynamic:before{content:none!important;display:none!important}.branch.dynamic .branch{border-color:#816954!important;border-style:solid!important;border-bottom-style:solid!important;border-left:none!important;border-right:none!important;border-top:none!important;position:absolute!important}.branch.dynamic .branch-inner1,.branch.dynamic .branch-inner2{border-bottom-width:4px!important;border-bottom-width:calc(4px*var(--width-scale, 1))!important}.branch.dynamic .branch:after,.branch.dynamic .branch:before{content:none!important;display:none!important}.branch.dynamic.left .branch-inner1{border-bottom:5px solid #816954!important;border-bottom:calc(5px*var(--width-scale, 1)) solid #816954!important;border-bottom-right-radius:100% 100%!important;height:50px!important;height:calc(50px*var(--width-scale, 1))!important;left:55px!important;left:calc(55px*var(--width-scale, 1))!important;position:absolute!important;top:-15px!important;top:calc(-15px*var(--width-scale, 1))!important;transform:rotate(-60deg)!important;transform-origin:0 100%!important;width:30px!important;width:calc(30px*var(--width-scale, 1))!important}.branch.dynamic.left .branch-inner2{border-bottom:4px solid #816954!important;border-bottom:calc(4px*var(--width-scale, 1)) solid #816954!important;border-bottom-left-radius:100% 80%!important;border-bottom-right-radius:0!important;height:40px!important;height:calc(40px*var(--width-scale, 1))!important;left:36px!important;left:calc(36px*var(--width-scale, 1))!important;top:35px!important;top:calc(35px*var(--width-scale, 1))!important;transform:rotate(-50deg)!important;transform-origin:0 100%!important}.branch.dynamic.left .branch-inner2,.branch.dynamic.right .branch-inner1{position:absolute!important;width:50px!important;width:calc(50px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-inner1{border-bottom:5px solid #816954!important;border-bottom:calc(5px*var(--width-scale, 1)) solid #816954!important;border-bottom-left-radius:100% 70%!important;border-bottom-right-radius:0!important;height:60px!important;height:calc(60px*var(--width-scale, 1))!important;left:26px!important;left:calc(26px*var(--width-scale, 1))!important;top:-55px!important;top:calc(-55px*var(--width-scale, 1))!important;transform:rotate(90deg)!important;transform-origin:0 100%!important}.branch.dynamic.right .branch-inner2{border-bottom:4px solid #816954!important;border-bottom:calc(4px*var(--width-scale, 1)) solid #816954!important;border-bottom-left-radius:0!important;border-bottom-right-radius:100% 70%!important;height:50px!important;height:calc(50px*var(--width-scale, 1))!important;left:44px!important;left:calc(44px*var(--width-scale, 1))!important;position:absolute!important;top:27px!important;top:calc(27px*var(--width-scale, 1))!important;transform:rotate(44deg)!important;transform-origin:100% 100%!important;width:40px!important;width:calc(40px*var(--width-scale, 1))!important}.branch.dynamic .leaf{height:23px!important;height:calc(23px*var(--width-scale, 1))!important;position:absolute!important;width:23px!important;width:calc(23px*var(--width-scale, 1))!important;z-index:1!important}.branch.dynamic.left>.leaf1{left:75px!important;left:calc(75px*var(--width-scale, 1))!important;top:35px!important;top:calc(35px*var(--width-scale, 1))!important;transform:rotate(-120deg)!important}.branch.dynamic.left>.leaf1,.branch.dynamic.left>.leaf2{height:17px!important;height:calc(17px*var(--width-scale, 1))!important;width:17px!important;width:calc(17px*var(--width-scale, 1))!important}.branch.dynamic.left>.leaf2{left:25px!important;left:calc(25px*var(--width-scale, 1))!important;top:25px!important;top:calc(25px*var(--width-scale, 1))!important;transform:rotate(-150deg)!important}.branch.dynamic.left>.leaf3{left:-2px!important;left:calc(-2px*var(--width-scale, 1))!important;top:40px!important;top:calc(40px*var(--width-scale, 1))!important;transform:rotate(-82deg)!important}.branch.dynamic.left .branch-inner1>.leaf1,.branch.dynamic.left>.leaf3{height:17px!important;height:calc(17px*var(--width-scale, 1))!important;width:17px!important;width:calc(17px*var(--width-scale, 1))!important}.branch.dynamic.left .branch-inner1>.leaf1{left:50px!important;left:calc(50px*var(--width-scale, 1))!important;top:38px!important;top:calc(38px*var(--width-scale, 1))!important;transform:rotate(138deg)!important}.branch.dynamic.left .branch-inner1>.leaf2{left:20px!important;left:calc(20px*var(--width-scale, 1))!important;transform:rotate(333deg)!important}.branch.dynamic.left .branch-inner1>.leaf2,.branch.dynamic.left .branch-inner1>.leaf3{height:17px!important;height:calc(17px*var(--width-scale, 1))!important;top:45px!important;top:calc(45px*var(--width-scale, 1))!important;width:17px!important;width:calc(17px*var(--width-scale, 1))!important}.branch.dynamic.left .branch-inner1>.leaf3{left:10px!important;left:calc(10px*var(--width-scale, 1))!important;transform:rotate(-150deg)!important}.branch.dynamic.left .branch-inner2>.leaf1{left:40px!important;left:calc(40px*var(--width-scale, 1))!important;top:45px!important;top:calc(45px*var(--width-scale, 1))!important;transform:rotate(85deg)!important}.branch.dynamic.left .branch-inner2>.leaf1,.branch.dynamic.left .branch-inner2>.leaf2{height:17px!important;height:calc(17px*var(--width-scale, 1))!important;width:17px!important;width:calc(17px*var(--width-scale, 1))!important}.branch.dynamic.left .branch-inner2>.leaf2{left:30px!important;left:calc(30px*var(--width-scale, 1))!important;top:35px!important;top:calc(35px*var(--width-scale, 1))!important;transform:rotate(-160deg)!important}.branch.dynamic.left .branch-inner2>.leaf3{height:17px!important;height:calc(17px*var(--width-scale, 1))!important;left:25px!important;left:calc(25px*var(--width-scale, 1))!important;top:40px!important;top:calc(40px*var(--width-scale, 1))!important;transform:rotate(100deg)!important;width:17px!important;width:calc(17px*var(--width-scale, 1))!important}.branch.dynamic.right>.leaf1{left:25px!important;left:calc(25px*var(--width-scale, 1))!important;top:93px!important;top:calc(93px*var(--width-scale, 1))!important;transform:rotate(200deg)!important}.branch.dynamic.right>.leaf1,.branch.dynamic.right>.leaf2{height:23px!important;height:calc(23px*var(--width-scale, 1))!important;width:23px!important;width:calc(23px*var(--width-scale, 1))!important}.branch.dynamic.right>.leaf2{left:85px!important;left:calc(85px*var(--width-scale, 1))!important;top:35px!important;top:calc(35px*var(--width-scale, 1))!important;transform:rotate(225deg)!important}.branch.dynamic.right>.leaf3{left:135px!important;left:calc(135px*var(--width-scale, 1))!important;top:35px!important;top:calc(35px*var(--width-scale, 1))!important;transform:rotate(152deg)!important}.branch.dynamic.right .branch-inner1>.leaf1,.branch.dynamic.right>.leaf3{height:23px!important;height:calc(23px*var(--width-scale, 1))!important;width:23px!important;width:calc(23px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-inner1>.leaf1{left:40px!important;left:calc(40px*var(--width-scale, 1))!important;top:65px!important;top:calc(65px*var(--width-scale, 1))!important;transform:rotate(120deg)!important}.branch.dynamic.right .branch-inner1>.leaf2{left:30px!important;left:calc(30px*var(--width-scale, 1))!important;top:55px!important;top:calc(55px*var(--width-scale, 1))!important;transform:rotate(205deg)!important}.branch.dynamic.right .branch-inner1>.leaf2,.branch.dynamic.right .branch-inner1>.leaf3{height:23px!important;height:calc(23px*var(--width-scale, 1))!important;width:23px!important;width:calc(23px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-inner1>.leaf3{left:14px!important;left:calc(14px*var(--width-scale, 1))!important;top:53px!important;top:calc(53px*var(--width-scale, 1))!important;transform:rotate(125deg)!important}.branch.dynamic.right .branch-inner2>.leaf1{left:10px!important;left:calc(10px*var(--width-scale, 1))!important;top:52px!important;top:calc(52px*var(--width-scale, 1))!important;transform:rotate(9deg)!important}.branch.dynamic.right .branch-inner2>.leaf1,.branch.dynamic.right .branch-inner2>.leaf2{height:23px!important;height:calc(23px*var(--width-scale, 1))!important;width:23px!important;width:calc(23px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-inner2>.leaf2{left:30px!important;left:calc(30px*var(--width-scale, 1))!important;top:40px!important;top:calc(40px*var(--width-scale, 1))!important;transform:rotate(317deg)!important}.branch.dynamic.right .branch-inner2>.leaf3{left:20px!important;left:calc(20px*var(--width-scale, 1))!important;top:45px!important;top:calc(45px*var(--width-scale, 1))!important;transform:rotate(230deg)!important}.branch.dynamic.right .branch-inner2>.leaf3,.branch.dynamic.right .branch-subinner>.leaf1{height:23px!important;height:calc(23px*var(--width-scale, 1))!important;width:23px!important;width:calc(23px*var(--width-scale, 1))!important}.branch.dynamic .flower{height:20px!important;height:calc(20px*var(--width-scale, 1))!important;position:absolute!important;width:20px!important;width:calc(20px*var(--width-scale, 1))!important;z-index:6!important}.branch.dynamic.left>.flower{right:80px!important;right:calc(80px*var(--width-scale, 1))!important;top:-10px!important;top:calc(-10px*var(--width-scale, 1))!important;transform:rotate(-30deg)!important}.branch.dynamic.left .branch-inner1>.flower,.branch.dynamic.left>.flower{height:30px!important;height:calc(30px*var(--width-scale, 1))!important;width:30px!important;width:calc(30px*var(--width-scale, 1))!important}.branch.dynamic.left .branch-inner1>.flower{left:18px!important;left:calc(18px*var(--width-scale, 1))!important;top:5px!important;top:calc(5px*var(--width-scale, 1))!important;transform:rotate(-15deg)!important}.branch.dynamic.left .branch-inner2>.flower{left:-12px!important;left:calc(-12px*var(--width-scale, 1))!important;top:-2px!important;top:calc(-2px*var(--width-scale, 1))!important;transform:rotate(6deg)!important}.branch.dynamic.left .branch-inner2>.flower,.branch.dynamic.right>.flower{height:30px!important;height:calc(30px*var(--width-scale, 1))!important;width:30px!important;width:calc(30px*var(--width-scale, 1))!important}.branch.dynamic.right>.flower{right:-12px!important;right:calc(-12px*var(--width-scale, 1))!important;top:-8px!important;top:calc(-8px*var(--width-scale, 1))!important;transform:rotate(30deg)!important}.branch.dynamic.right .branch-inner1>.flower{left:-13px!important;left:calc(-13px*var(--width-scale, 1))!important;transform:rotate(-8deg)!important}.branch.dynamic.right .branch-inner1>.flower,.branch.dynamic.right .branch-inner2>.flower{height:30px!important;height:calc(30px*var(--width-scale, 1))!important;top:15px!important;top:calc(15px*var(--width-scale, 1))!important;width:30px!important;width:calc(30px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-inner2>.flower{right:-10px!important;right:calc(-10px*var(--width-scale, 1))!important;transform:rotate(35deg)!important}.branch.dynamic .heart{position:absolute!important;z-index:6!important}.branch.dynamic .heart,.branch.dynamic.left>.heart{height:18px!important;height:calc(18px*var(--width-scale, 1))!important;width:18px!important;width:calc(18px*var(--width-scale, 1))!important}.branch.dynamic.left>.heart{right:141px!important;right:calc(141px*var(--width-scale, 1))!important;top:-16px!important;top:calc(-16px*var(--width-scale, 1))!important;transform:rotate(-10deg)!important}.branch.dynamic.left .branch-inner1>.heart,.branch.dynamic.left .branch-inner2>.heart{bottom:100%!important;right:100%!important;transform:rotate(-35deg)!important}.branch.dynamic.left .branch-inner1>.heart,.branch.dynamic.left .branch-inner2>.heart,.branch.dynamic.right>.heart{height:18px!important;height:calc(18px*var(--width-scale, 1))!important;width:18px!important;width:calc(18px*var(--width-scale, 1))!important}.branch.dynamic.right>.heart{right:-12px!important;right:calc(-12px*var(--width-scale, 1))!important;top:-8px!important;top:calc(-8px*var(--width-scale, 1))!important;transform:rotate(35deg)!important}.branch.dynamic.right .branch-inner1>.heart{bottom:-5px!important;bottom:calc(-5px*var(--width-scale, 1))!important;left:-5px!important;left:calc(-5px*var(--width-scale, 1))!important;transform:rotate(15deg)!important}.branch.dynamic.right .branch-inner1>.heart,.branch.dynamic.right .branch-inner2>.heart{height:18px!important;height:calc(18px*var(--width-scale, 1))!important;width:18px!important;width:calc(18px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-inner2>.heart{left:50px!important;left:calc(50px*var(--width-scale, 1))!important;top:20px!important;top:calc(20px*var(--width-scale, 1))!important;transform:rotate(10deg)!important}.branch.dynamic.right .branch-inner2 .branch-subinner{border-bottom:2px solid #816954!important;border-bottom:calc(2px*var(--width-scale, 1)) solid #816954!important;border-bottom-left-radius:100% 100%!important;height:15px!important;height:calc(15px*var(--width-scale, 1))!important;left:0!important;position:absolute!important;top:8px!important;top:calc(8px*var(--width-scale, 1))!important;transform:rotate(180deg)!important;transform-origin:0 100%!important;width:20px!important;width:calc(20px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-subinner>.leaf1{height:14px!important;height:calc(14px*var(--width-scale, 1))!important;left:6px!important;left:calc(6px*var(--width-scale, 1))!important;top:14px!important;top:calc(14px*var(--width-scale, 1))!important;transform:rotate(150deg)!important;width:14px!important;width:calc(14px*var(--width-scale, 1))!important}.branch.dynamic.right .branch-subinner>.flower{height:30px!important;height:calc(30px*var(--width-scale, 1))!important;left:-10px!important;left:calc(-10px*var(--width-scale, 1))!important;top:-10px!important;top:calc(-10px*var(--width-scale, 1))!important;width:30px!important;width:calc(30px*var(--width-scale, 1))!important}.tree-flex{align-content:flex-end;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-bottom:10%}.tree-stats{height:6rem}@media (max-width:768px){.tree-flex{display:grid}.tree-stats{height:0}}.tree-container{display:block;margin:0 auto;max-width:1200px;padding:10px}.tree-visualization{margin-bottom:5px;text-align:center}.tree-title{font-size:1.25rem;font-weight:600;margin-bottom:20px;text-align:left}.tree-display{align-items:center;display:flex;justify-content:center;min-height:300px}.session-data{border-top:1px solid #eaeaea;display:block;margin-top:10px;padding-top:10px}.session-metadata,.session-metadata-for-TeachFX{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;height:auto;margin-bottom:15px;padding:8px;text-align:left}.TeachFX-info strong{margin-right:6px}.section-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:15px}.info-content{font-size:.95rem}.info-content p{margin-bottom:10px;margin-top:8px}.stats-section{margin-top:10px}.stats-container{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;padding:5px}.stats-table{border-collapse:collapse;margin-top:5px;text-align:left;width:100%}.stats-table th{background-color:#4b5563;color:#fff;font-weight:700;padding:10px;text-align:left}.stats-table th:last-child{text-align:right}.stats-table td{border-bottom:1px solid #eee;padding:10px}.stats-table td:last-child{text-align:right}.flower-icon{display:inline-block;height:20px;margin-right:10px;transform:scale(.5);transform-origin:left center;width:20px}.total-row{font-weight:700}.no-data-message{align-items:center;background-color:#f5f5f5;border-radius:8px;color:#666;display:flex;font-size:1.1rem;height:390px;justify-content:center}.loading-container{color:#666;padding:30px;text-align:center}.tree-fullness-info{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:center;margin:5px 5px auto;padding:10px;text-align:center}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.root-ball-container{align-items:center;display:flex;flex-direction:column;margin:0 auto 20px;max-width:600px;min-height:180px;padding:0 20px;position:relative;width:100%}.root-connections{height:120px;left:44%;overflow:visible;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);width:100%}.root-path{fill:none;stroke:#6d4c41;stroke-linecap:round;stroke-linejoin:round;opacity:0}.root-path-main{stroke:#816954;animation:rootGrowIn 1.5s ease-out forwards}@keyframes rootGrowIn{0%{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}to{stroke-dasharray:1000;stroke-dashoffset:0;opacity:.95}}@keyframes branchGrowIn{0%{stroke-dasharray:200;stroke-dashoffset:200;opacity:0}to{stroke-dasharray:200;stroke-dashoffset:0;opacity:.7}}.root-ball-circles{left:-8%;margin-top:70px;min-height:120px;position:relative;width:100%;z-index:2}.root-ball-circle-wrapper{align-items:center;animation:fadeInUp .6s ease-out forwards;display:flex;flex-direction:column;gap:8px;opacity:0;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.root-ball-circle{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;position:relative;transition:all .3s ease}.root-ball-circle:hover{box-shadow:0 3px 6px #0003,inset 0 -2px 6px #0003,inset 0 2px 6px #ffffff4d;transform:scale(1.1)}.root-ball-label{word-wrap:break-word;background:#ffffffe6;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#816954;font-size:.75rem;font-weight:600;line-height:1.2;max-width:100px;padding:4px 6px;text-align:center}.root-ball-tooltip{animation:tooltipFadeIn .2s ease;background:#000000e6;border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.85rem;left:50%;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.root-ball-tooltip strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:2px}.root-ball-tooltip span{color:gold;display:block;font-size:1.1rem;font-weight:700}.root-ball-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e6;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}@media (max-width:768px){.root-ball-container{min-height:160px;padding:0 10px}.root-ball-circles{left:-3.5%;margin-top:70px;min-height:100px}.root-connections{height:130px;left:47%}.root-ball-circle{font-size:1rem}.root-ball-label{font-size:.7rem;max-width:85px}.root-ball-tooltip{font-size:.8rem;padding:6px 10px}.root-ball-tooltip strong{font-size:.85rem}.root-ball-tooltip span{font-size:1rem}}.watering-can-container{align-items:center;display:flex;flex-direction:column;margin:0 auto 10px;max-width:600px;padding:20px 20px 10px;position:relative;width:100%;z-index:10}.watering-can-title{color:#5d4037;font-size:.95rem;font-weight:600;margin-bottom:20px;text-align:center}.watering-cans-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:0;padding:10px}.watering-can-item{align-items:center;animation:fadeInFromTop .8s ease-out backwards;display:flex;flex-direction:column;gap:10px;position:relative}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.watering-can-svg-wrapper{cursor:pointer;height:80px;position:relative;transform-origin:center center;transition:filter .3s ease,transform .3s ease;width:80px}.watering-can-svg{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));height:100%;transition:filter .3s ease;width:100%}.water-drops-container{height:200px;left:0;overflow:visible;pointer-events:none;position:absolute;top:35px;width:100%;z-index:5}@keyframes wateringTree{0%{opacity:0;transform:translateY(0) rotate(45deg) scale(1)}5%{opacity:.9}50%{opacity:.8;transform:translateY(100px) rotate(45deg) scale(.9)}80%{opacity:.6}to{opacity:0;transform:translateY(180px) rotate(45deg) scale(.7)}}.water-drop:nth-child(2){animation-delay:.3s}.water-drop:nth-child(3){animation-delay:.6s}.water-drop:nth-child(4){animation-delay:.9s}.water-drop:nth-child(5){animation-delay:1.2s}.water-drop:nth-child(6){animation-delay:1.5s}.water-drop:nth-child(7){animation-delay:1.8s}.water-drop:nth-child(8){animation-delay:2.1s}.watering-can-label{word-wrap:break-word;background:#fffc;border-radius:4px;color:#5d4037;font-size:.75rem;font-weight:600;line-height:1.3;margin-top:5px;max-width:100px;padding:4px 8px;text-align:center}.watering-can-tooltip{background:#000000e6;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.85rem;left:50%;padding:8px 12px;pointer-events:none;position:absolute;top:-55px;transform:translateX(-50%);white-space:nowrap;z-index:100}.watering-can-svg-wrapper[data-flipped=true] .watering-can-tooltip{transform:translateX(-50%) scaleX(-1)}.watering-can-tooltip strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:2px}.watering-can-tooltip span{display:block;font-size:1.1rem;font-weight:700}.watering-can-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e6;bottom:-6px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@media (max-width:768px){.watering-cans-wrapper{gap:30px}.watering-can-svg-wrapper{height:70px;width:70px}.watering-can-label{font-size:.7rem;max-width:85px}.watering-can-tooltip{font-size:.8rem;padding:6px 10px}.watering-can-tooltip strong{font-size:.85rem}.watering-can-tooltip span{font-size:1rem}}.drop{animation:falling 2s ease-in infinite;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 1px 3px #0000004d;height:12px;opacity:0;position:absolute;width:4px}.rain-cloud-container{align-items:center;display:flex;flex-direction:column;margin:0 auto 10px;max-width:600px;position:relative;width:100%;z-index:10}.rain-clouds-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:0;padding:5px;width:100%}.rain-cloud-item{align-items:center;animation:floatIn .8s ease-out backwards;display:flex;flex-direction:column;position:relative}.rain-cloud-item:first-child{align-self:flex-end}.rain-cloud-item:nth-child(2){align-self:flex-start;margin-bottom:40px}.rain-cloud-item:nth-child(3){align-self:flex-end}@keyframes floatIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.rain-cloud-wrapper{cursor:pointer;height:60px;position:relative;transform-origin:center center;transition:all .3s ease;width:100px}.rain-cloud-wrapper:hover{filter:brightness(1.1);transform:scale(1.05) translateY(-3px)}.rain-cloud-svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));height:100%;transition:filter .3s ease;width:100%}.rain-cloud-wrapper:hover .rain-cloud-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.raindrops-container{height:150px;left:0;overflow:visible;pointer-events:none;position:absolute;top:55px;width:100%;z-index:5}.raindrop{animation:falling 2s ease-in infinite;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 1px 3px #0000004d;height:12px;opacity:0;position:absolute;width:4px}@keyframes falling{0%{opacity:0;transform:translateY(0) scaleY(1)}10%{opacity:.8}50%{opacity:.7;transform:translateY(70px) scaleY(1.2)}80%{opacity:.5}to{opacity:0;transform:translateY(130px) scaleY(.8)}}.raindrop:nth-child(2){animation-delay:.3s}.raindrop:nth-child(3){animation-delay:.6s}.raindrop:nth-child(4){animation-delay:.9s}.raindrop:nth-child(5){animation-delay:1.2s}.raindrop:nth-child(6){animation-delay:1.5s}.raindrop:nth-child(7){animation-delay:1.8s}.raindrop:nth-child(8){animation-delay:2.1s}.raindrop:nth-child(9){animation-delay:2.4s}.raindrop:nth-child(10){animation-delay:2.7s}.rain-cloud-label{word-wrap:break-word;background:#fffc;border-radius:4px;color:#5d4037;font-size:.75rem;font-weight:600;line-height:1.3;margin-top:5px;max-width:100px;padding:4px 8px;text-align:center}.rain-cloud-tooltip{animation:tooltipFadeIn .2s ease;background:#000000e6;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.85rem;left:50%;padding:8px 12px;pointer-events:none;position:absolute;top:-45px;transform:translateX(-50%);white-space:nowrap;z-index:100}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.rain-cloud-tooltip strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:2px}.rain-cloud-tooltip span{display:block;font-size:1.1rem;font-weight:500}.rain-cloud-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e6;bottom:-6px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@media (max-width:768px){.rain-clouds-wrapper{gap:30px}.rain-cloud-wrapper{height:50px;width:85px}.rain-cloud-label{font-size:.7rem;max-width:85px}.rain-cloud-tooltip{font-size:.8rem;padding:6px 10px}.rain-cloud-tooltip strong{font-size:.85rem}.rain-cloud-tooltip span{font-size:1rem}.raindrops-container{height:120px}@keyframes falling{0%{opacity:0;transform:translateY(0) scaleY(1)}10%{opacity:.8}50%{opacity:.7;transform:translateY(50px) scaleY(1.2)}80%{opacity:.5}to{opacity:0;transform:translateY(100px) scaleY(.8)}}}
/*# sourceMappingURL=main.c94a9f35.css.map*/