:root{font-family:Arial,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;--neon-green: #00ff88;--neon-blue: #0088ff;--neon-pink: #ff0088;--neon-orange: #ff8800;--neon-purple: #8800ff;--dark-bg: #0a0a0a;--dark-secondary: #1a1a2e;--dark-accent: #16213e;color-scheme:dark;color:#fffffff2;background-color:var(--dark-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;background:var(--dark-bg);overflow-x:hidden;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}p,h1,h2,h3,h4,h5,h6,span,input,textarea{-webkit-user-select:text;user-select:text}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--neon-green),var(--neon-blue));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--neon-pink),var(--neon-purple))}::selection{background:#00ff884d;color:#fff}.hex-button-primary,.add-button,.category-button{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00ffff26,#aa46ff1f,#ff00c826)!important;color:#fff!important;border:none!important;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px #0ff3,0 0 12px #ff00c833;position:relative;z-index:1}.hex-button-primary:before,.add-button:before,.category-button:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#0ff9,#aa46ff80,#ff00c899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.hex-button-primary:hover,.add-button:hover,.category-button:hover{background:linear-gradient(135deg,#00ffff40,#aa46ff33,#ff00c840)!important;box-shadow:0 0 20px #0ff6,0 0 20px #ff00c866;transform:translateY(-2px)}.hex-button-primary:hover:before,.add-button:hover:before,.category-button:hover:before{background:linear-gradient(135deg,#00ffffe6,#c864ffb3,#ff00dce6)}.hex-button-danger{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ff323226,#ff64321f,#ff000026)!important;color:#ff6b6b!important;border:none!important;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px #ff323233,0 0 12px #f003;position:relative;z-index:1}.hex-button-danger:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#ff323299,#ff643280,#f009);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.hex-button-danger:hover{background:linear-gradient(135deg,#ff323240,#ff643233,#ff000040)!important;box-shadow:0 0 20px #ff323266,0 0 20px #f006;transform:translateY(-2px)}.hex-button-danger:hover:before{background:linear-gradient(135deg,#ff3232e6,#ff6432b3,#ff0000e6)}.hex-button-neutral{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d!important;color:#ffffffb3!important;border:1px solid rgba(255,255,255,.1)!important;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.hex-button-neutral:hover{background:#ffffff1a!important;color:#fff!important;border-color:#fff3!important;transform:translateY(-2px)}.hexagon-test-container{margin:0;padding:0;background:linear-gradient(to bottom,#1a1a1a 0%,rgba(26,26,26,.7) 8%,transparent 25%),url(/images/0_1%20-%20Kopie%202.webp) no-repeat center center;background-size:cover;background-attachment:fixed;font-family:Arial,sans-serif;overflow:hidden;height:100vh;position:fixed;top:0;left:0;width:100vw;overscroll-behavior:none;touch-action:none}.hexagon-test-container:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;z-index:1;pointer-events:none}.profile-hexagon{cursor:pointer;transition:all .3s ease;z-index:150}.profile-hex-outer{transition:all .3s ease}.profile-hexagon:hover .profile-hex-outer{stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 12px rgba(255,255,255,.6))}.profile-hexagon:hover .profile-hex-shape{fill:#ffffff1a;stroke:#ffffff80}.profile-hexagon image{transition:all .3s ease}.profile-hexagon:hover image{opacity:.95;filter:brightness(1.1)}.profile-hexagon text{pointer-events:none}.debug-toggle-button{position:fixed;bottom:20px;left:20px;z-index:99999;padding:10px 15px;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.debug-toggle-button:hover{background:#ffffff1a;border-color:#ffffff80;transform:scale(1.05)}.debug-toggle-button:active{transform:scale(.95)}.playground-button{position:fixed;bottom:20px;right:20px;z-index:99999;padding:10px 15px;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.playground-button:hover{background:#ffffff1a;border-color:#ffffff80;transform:scale(1.05)}.playground-button:active{transform:scale(.95)}.debug-mode .timeline-container{outline:2px solid rgba(255,0,0,.5)!important;background:#ff00000d!important}.debug-mode .calendar-section{outline:3px solid rgba(0,255,0,.5)!important;background:#00ff000d!important}.debug-mode .calendar-with-arrows{outline:2px solid rgba(0,255,255,.5)!important;background:#00ffff0d!important}.debug-mode .main-points-container{outline:2px solid rgba(255,0,255,.5)!important;background:#ff00ff0d!important}.debug-mode .menu-container{outline:2px solid rgba(0,100,255,.5)!important;background:#0064ff0d!important}.debug-mode .hexagon-test-container{outline:3px solid rgba(255,165,0,.5)!important;background:#ffa50008!important}.logo-container{display:none}.calendar-section{position:fixed;top:0;left:0;width:100%;height:62vh;display:flex;flex-direction:column;box-sizing:border-box;z-index:10;pointer-events:none;overflow:visible;gap:0}.calendar-sub-section-top{height:62%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;pointer-events:none;overflow:visible}.calendar-sub-section-bottom{height:38%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;pointer-events:none}.calendar-with-arrows{position:relative;width:95%;max-width:700px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:15}.calendar-with-arrows>*{pointer-events:auto}.main-points-container{width:95%;max-width:700px;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.main-points-container .points-content{pointer-events:auto;width:100%}.external-calendar-nav{position:absolute!important;background:transparent;border:none;color:#fff;width:60px!important;height:60px!important;cursor:pointer!important;display:flex;align-items:center;justify-content:center;font-size:40px!important;transition:transform .1s ease;top:50%;margin-top:40px;transform:translateY(-50%);z-index:100;pointer-events:all!important;touch-action:manipulation!important;outline:none!important}.external-calendar-nav:focus{outline:none!important}@media (max-width: 768px){.external-calendar-nav{width:50px!important;height:50px!important;font-size:30px!important}}.external-calendar-nav-left{left:5%}.external-calendar-nav-right{right:5%}.external-calendar-nav:active{transform:translateY(-50%) scale(.9)}.main-calendar-container .calendar-content{width:100%}.main-calendar-container .calendar-header{margin-bottom:8px}.main-calendar-container .calendar-header h3{font-size:12px}.main-calendar-container .calendar-nav{width:24px;height:24px;font-size:16px}.main-calendar-container .calendar-weekdays{gap:4px;margin-bottom:6px;display:grid;grid-template-columns:repeat(7,1fr)}.main-calendar-container .calendar-weekdays>div{font-size:8px;padding:2px 0;text-align:center}.main-calendar-container .calendar-days{gap:4px;display:grid;grid-template-columns:repeat(7,1fr)}.main-calendar-container .calendar-day{font-size:9px;padding:6px 4px;aspect-ratio:1 / 1;background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;display:flex;align-items:flex-start;justify-content:flex-start;cursor:pointer;transition:all .2s ease;overflow:hidden}.main-calendar-container .calendar-day:not(.empty):hover{background:#ffffff14!important;transform:scale(1.02)}.main-calendar-container .calendar-day.today{background:#00d4ff26!important;border-color:#00d4ff66!important;font-weight:600}.main-points-container .points-content{width:100%}.menu-container{position:fixed;top:62vh;bottom:0;left:0;right:0;width:100%;height:38vh;z-index:15;display:flex;align-items:center;justify-content:center;overflow:visible;pointer-events:none}.hexagon-system{width:100%;height:100%;max-width:600px;max-height:100%;pointer-events:auto}@media (min-width: 1025px){.hexagon-system{max-width:800px;width:100%;height:100%}.hexagon path{stroke-width:3}.hexagon text{font-size:28px}.sub-hexagon path{stroke-width:2.5}.sub-hexagon text{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.hexagon-system{width:100%;height:100%;max-width:700px}.hexagon path{stroke-width:2.8}.hexagon text{font-size:26px}.sub-hexagon path{stroke-width:2.2}.sub-hexagon text{font-size:13px}}@media (max-width: 768px){.hexagon-system{width:100%;height:100%;max-width:none;max-height:none}}.hexagon-system{position:relative}.small-center-hexagon path{transition:all .3s ease}.small-center-hexagon:hover path{fill:#2d2d2df2;stroke:#fff6;cursor:pointer}.hexagon{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center center;transform-box:fill-box;touch-action:none;-webkit-user-select:none;user-select:none}.hexagon:hover{transform:scale(1.05)}.hexagon.dragging{cursor:grabbing!important;transform:scale(1.08)}.hexagon.active{z-index:10}.hexagon-system:has(.hexagon.active) .hexagon:not(.active){opacity:.4;transform:scale(.95)}.hexagon-system:has(.hexagon.active) .hexagon:not(.active) path{filter:none}.hexagon-system:has(.hexagon.active) .hexagon:not(.active) text{fill:#fff6}.hexagon path{fill:url(#hex-fill-gradient);stroke:url(#hex-stroke-gradient);stroke-width:1;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 10px rgba(0,255,255,.3))}.hexagon:hover path{fill:url(#hex-hover-gradient);stroke:url(#hex-stroke-gradient);stroke-width:1;filter:drop-shadow(0 0 20px rgba(170,70,255,.6))}.hexagon.active path{fill:url(#hex-active-gradient);stroke:url(#active-hex-stroke-gradient);stroke-width:1;filter:drop-shadow(0 0 25px rgba(255,0,200,.5));animation:subHexBreath 4s infinite ease-in-out}.hexagon text{fill:#fff;font-size:16px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:font-size .3s ease}.hexagon.active text{font-size:11.4px}.sub-hexagon-group{opacity:0;pointer-events:none}.sub-hexagon-group.visible{opacity:1;pointer-events:auto}.sub-hexagon{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:center center;transform-box:fill-box;opacity:0;transform:scale(.1);touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.sub-hexagon-group.visible .sub-hexagon{opacity:1;transform:scale(1)}.sub-hexagon-group.closing .sub-hexagon{opacity:0;transform:scale(.1);transition-delay:0ms}.sub-hexagon:hover,.sub-hexagon.hover-active{transform:scale(1.075)!important}@keyframes subHexBreath{0%{filter:drop-shadow(0 0 8px rgba(0,255,255,.3));stroke-opacity:.85}50%{filter:drop-shadow(0 0 18px rgba(255,0,200,.6));stroke-opacity:1}to{filter:drop-shadow(0 0 8px rgba(0,255,255,.3));stroke-opacity:.85}}.sub-hexagon path{fill:url(#sub-hex-fill-gradient);stroke:url(#sub-hex-stroke-gradient);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1);animation:subHexBreath 4s infinite ease-in-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sub-hexagon:hover path,.sub-hexagon.hover-active path{fill:url(#hex-hover-gradient);stroke:url(#hex-stroke-gradient);filter:drop-shadow(0 0 15px rgba(170,70,255,.7))}.sub-hexagon text{fill:#fff;font-size:8px;font-weight:400;text-anchor:middle;dominant-baseline:central;pointer-events:none;text-shadow:none}.sub-hexagon svg path{stroke:#fff!important;fill:none!important}.navigation-footer{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100}.nav-link{display:inline-block;padding:12px 24px;background:#00ff881a;color:#0f8;text-decoration:none;border:2px solid rgba(0,255,136,.3);border-radius:25px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link:hover{background:#0f83;border-color:#0f89;transform:translateY(-2px);box-shadow:0 5px 15px #0f83}.glass-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.glass-content{background:#0f0f0f1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:0;padding:0;z-index:1001;width:100vw;height:100vh;max-width:none;max-height:none;overflow-y:auto;position:relative;animation:zoomIn .4s cubic-bezier(.25,.46,.45,.94);box-sizing:border-box;box-shadow:none;outline:none!important}@media (max-width: 768px){.glass-content{padding:20px 10px}}.close-button{position:static;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-button:hover{background:#ffffff14;border-color:#fff3;color:#fff}.glass-content h1{color:#fff;margin:0 0 10px;font-size:28px;font-weight:700}.glass-content p{color:#fffc;margin:0 0 20px;font-size:16px}.content-area{color:#ffffffe6;line-height:1.6}.content-area p{margin-bottom:15px}@keyframes zoomIn{0%{opacity:0;transform:scale(.1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.glass-content.new-layout{padding:0;display:flex;flex-direction:column;overflow:hidden}.overlay-header{display:flex;justify-content:flex-start;align-items:center;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;top:0;left:0;right:0;z-index:1600;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.overlay-header h1{font-size:18px;font-weight:600;margin:0;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.breadcrumb-separator{font-size:14px;color:#ffffff80;font-weight:400;letter-spacing:.3px}.sub-area-nav{display:flex;justify-content:space-between;align-items:stretch;gap:0;padding:16px 0;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);width:100%}.sub-area-nav::-webkit-scrollbar{height:6px}.sub-area-nav::-webkit-scrollbar-track{background:transparent}.sub-area-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sub-area-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 768px){.sub-area-nav{padding:12px 0}.sub-area-btn{padding:6px .5px;font-size:clamp(2.5px,1.3vw,6px);letter-spacing:0px}.feature-tabs{gap:0;padding:10px 12px;justify-content:space-between}.feature-tab{font-size:clamp(5px,1.3vw,8px);letter-spacing:0px}.feature-tab:before{display:none}}@media (max-width: 480px){.sub-area-btn{padding:6px 0;font-size:clamp(2px,1.5vw,5px);letter-spacing:0px}}@media (max-width: 420px){.sub-area-btn{padding:6px 0;font-size:clamp(7px,2.2vw,9px)!important;letter-spacing:0px;word-break:break-all}}.sub-area-btn{flex:1 1 0;min-width:0;padding:8px 1px;background:transparent;border:none;border-left:1px solid rgba(255,255,255,.08);color:#ffffff80;font-size:clamp(3px,1.1vw,11px);font-weight:600;text-transform:uppercase;letter-spacing:clamp(0px,.15vw,.5px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}.sub-area-btn:first-child{border-left:none}.sub-area-btn:hover{color:#ffffffe6;transform:scale(1.05)}.sub-area-btn.active{color:#fff;font-weight:700}.feature-tabs{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.feature-tab{flex:1;padding:0;font-size:clamp(6px,1.2vw,10px);font-weight:600;text-transform:uppercase;letter-spacing:clamp(0px,.3vw,.8px);background:transparent;border:none;color:#fff6;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;text-align:center}.feature-tab:hover{color:#fffc}.feature-tab.active{color:#fff;font-weight:700}.glass-content.new-layout .content-area{flex:1;overflow-y:auto}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#ffffff80}.placeholder-content h2{font-size:32px;margin:0 0 10px}.placeholder-content p{font-size:16px;margin:0}@media (max-width: 768px){.overlay-header{padding:12px 16px}.overlay-header h1{font-size:16px}.sub-area-nav{padding:8px 16px}.sub-area-btn{padding:5px 12px;font-size:12px}.feature-tabs{padding:6px 16px}.feature-tab{padding:5px 10px;font-size:11px}}.overlay-header{display:none}.floating-hexagon-nav{position:fixed;bottom:14%;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:flex-end;justify-content:center;gap:54px;width:450px;height:auto;overflow:visible}.nav-label{font-size:14px;font-weight:600;letter-spacing:1.5px;color:#ffffffd9;text-transform:uppercase;white-space:nowrap;text-align:center;align-self:center}.nav-label-left,.nav-label-right{min-width:120px}.hexagon-nav-container{position:relative;display:flex;flex-direction:column;align-items:center}.background-hexagon{position:absolute;top:50%;left:50%;transform:translate(-50%,-10%);pointer-events:none;z-index:-1}.hex-button{position:relative;background:transparent;border:none;cursor:pointer;padding:0;outline:none;transition:all .3s ease}.hex-button:hover{transform:scale(1.05)}.hex-shape-wrapper{position:relative;width:77px;height:77px;display:flex;align-items:center;justify-content:center}.hex-shape-wrapper-small{width:64px;height:64px}.hex-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:77px;height:77px}.hex-shape-wrapper-small .hex-svg{width:64px;height:64px}.hex-svg path{transition:all .3s cubic-bezier(.4,0,.2,1)}.hex-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;max-height:77px}.hex-button:hover .hex-svg path{fill:#2d2d2df2;stroke:#fff6}.hex-button.active .hex-svg path{stroke:#fff9;stroke-width:1.5}.hex-button.active:has([data-tab=dashboard]) .hex-svg path{fill:#22d3ee26;stroke:#22d3eeb3;stroke-width:1.5}.hex-button.active:has([data-tab=dashboard]) .hex-svg{filter:drop-shadow(0 0 12px rgba(34,211,238,.5))}.hex-button.active:has([data-tab=todos]) .hex-svg path{fill:#a855f726;stroke:#a855f7b3;stroke-width:1.5}.hex-button.active:has([data-tab=todos]) .hex-svg{filter:drop-shadow(0 0 12px rgba(168,85,247,.5))}.hex-button.active:has([data-tab=notes]) .hex-svg path{fill:#ec489926;stroke:#ec4899b3;stroke-width:1.5}.hex-button.active:has([data-tab=notes]) .hex-svg{filter:drop-shadow(0 0 12px rgba(236,72,153,.5))}.hex-svg-close path{fill:#ff466426;stroke:#ff4664b3;stroke-width:1.5}.hex-svg-close{filter:drop-shadow(0 0 12px rgba(255,70,100,.5))}.hex-button:hover .hex-svg-close path{fill:#ff466440;stroke:#ff4664e6}.hex-button:hover .hex-svg-close{filter:drop-shadow(0 0 16px rgba(255,70,100,.7))}.hex-content svg{color:#fff9;margin-bottom:2px;transition:color .3s ease}.hex-button.active .hex-content svg{color:#fff}.hex-button:hover .hex-content svg{color:#ffffffe6}.hex-label{font-size:5px!important;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.2px;transition:color .3s ease}.hex-button.active .hex-label{color:#fff}.hex-button:hover .hex-label{color:#ffffffe6}.hex-button-small .hex-content svg{margin-bottom:0}.glass-content.new-layout{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;position:relative;background:transparent}.glass-content.new-layout .content-area{height:100vh;overflow-y:auto;padding:0;position:relative;box-sizing:border-box}.glass-content.new-layout:after{content:"";position:fixed;bottom:0;left:0;right:0;height:250px;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.2) 80%,transparent 100%);pointer-events:none;z-index:1500}@media (max-width: 1024px){.floating-hexagon-nav{width:400px}.nav-label{font-size:12px;padding-bottom:85px}.main-calendar-container{width:500px;top:27%;transform:translate(-50%,-50%) scale(.95);max-height:43vh;gap:5px}.main-calendar-container .calendar-header h3{font-size:11px}.main-calendar-container .calendar-weekdays>div{font-size:7px}.main-points-container{padding:6px}}@media (max-width: 768px){.floating-hexagon-nav{bottom:3%;gap:30px;width:350px}.nav-label{font-size:10px;letter-spacing:1px;padding-bottom:70px;min-width:55px}.main-calendar-container{width:480px;top:26%;transform:translate(-50%,-50%) scale(.9);max-height:42vh;gap:4px}.main-calendar-container .calendar-header{margin-bottom:6px}.main-calendar-container .calendar-header h3{font-size:10px}.main-calendar-container .calendar-nav{width:20px;height:20px;font-size:14px}.main-calendar-container .calendar-weekdays{gap:1px;margin-bottom:3px}.main-calendar-container .calendar-weekdays>div{font-size:7px;padding:1px 0}.main-calendar-container .calendar-days{gap:1px}.main-points-container{padding:4px}.main-points-container .points-content>div{gap:3px!important}.main-points-container .points-content>div>div{padding:6px 4px!important;min-width:40px!important}.main-points-container .points-content>div>div>div:first-child{font-size:15px!important}.main-points-container .points-content>div>div>div:last-child{font-size:12px!important}.hex-shape-wrapper{width:65px;height:65px}.hex-shape-wrapper-small{width:54px;height:54px}.hex-svg{width:65px;height:65px}.hex-shape-wrapper-small .hex-svg{width:54px;height:54px}.hex-label{font-size:6px;letter-spacing:.1px}.hex-content svg{width:18px;height:18px}.hex-row:first-child{margin-bottom:-28px!important}.hex-row:nth-child(2){margin-bottom:-28px!important}.glass-content.new-layout .content-area{padding:0}.glass-content.new-layout:after{height:220px}}@media (max-width: 480px){.hex-shape-wrapper{width:60px;height:60px}.hex-shape-wrapper-small{width:50px;height:50px}.hex-svg{width:60px;height:60px}.hex-shape-wrapper-small .hex-svg{width:50px;height:50px}.hex-label{font-size:5.5px;letter-spacing:0px}.hex-content svg{width:16px;height:16px}.hex-row:first-child{margin-bottom:-24px!important}.hex-row:nth-child(2){margin-bottom:-24px!important}.glass-content.new-layout .content-area{padding:0}.glass-content.new-layout:after{height:200px}}@keyframes hexToCenterTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(200px);opacity:0}}.hex-button.animating-close{animation:hexToCenter .4s ease-out .16s forwards}.hex-button-small.animating-close{animation:xButtonDisappear .4s ease-out 0s forwards}.glass-overlay.animating-close{animation:fadeOutDown .48s ease-in .4s forwards}@keyframes hexFromCenter{0%{transform:translateY(200px);opacity:0}to{transform:translateY(30%);opacity:1}}.glass-overlay:not(.animating-close){animation:fadeInUp .48s ease-out 0s forwards}.hex-button:not(.animating-close){animation:hexFromCenter .32s ease-out .4s backwards}.hex-button-small:not(.animating-close){animation:hexFromCenterTop .32s ease-out .4s backwards}@keyframes slideFromCenterToLeft6{0%{left:50%;opacity:0}to{left:6%;opacity:1}}@keyframes slideFromCenterToLeft23{0%{left:50%;opacity:0}to{left:23.5%;opacity:1}}@keyframes slideFromCenterToLeft41{0%{left:50%;opacity:0}to{left:41%;opacity:1}}@keyframes slideFromCenterToLeft59{0%{left:50%;opacity:0}to{left:59%;opacity:1}}@keyframes slideFromCenterToLeft76{0%{left:50%;opacity:0}to{left:76.5%;opacity:1}}@keyframes slideFromCenterToLeft94{0%{left:50%;opacity:0}to{left:94%;opacity:1}}.external-calendar-nav{position:absolute!important;background:transparent;border:none;color:#fff;width:80px!important;height:80px!important;cursor:pointer!important;display:flex;align-items:center;justify-content:center;font-size:50px!important;transition:all .2s ease;top:50%!important;transform:translateY(-50%);z-index:999999!important;pointer-events:all!important;touch-action:manipulation!important}.external-calendar-nav-left{left:8%!important}.external-calendar-nav-right{right:8%!important}.external-calendar-nav:hover{transform:translateY(-50%) scale(1.2);color:#fffc}.external-calendar-nav:active{transform:translateY(-50%) scale(1.2)}.ausgaben-container{padding:20px;color:#fff;width:100%;box-sizing:border-box}.ausgaben-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.ausgaben-header h2{font-size:28px;font-weight:600;margin:0}.total-amount{display:flex;flex-direction:column;align-items:flex-end;background:#ffffff0d;padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.total-amount .label{font-size:12px;opacity:.7;margin-bottom:4px}.total-amount .amount{font-size:24px;font-weight:700;color:#0f8}.add-button,.category-button{display:flex;align-items:center;gap:8px;background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.3);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-button:hover,.category-button:hover{background:#0f83;border-color:#0f8;transform:translateY(-2px)}.add-form input::placeholder{color:#fff6}.save-button,.cancel-button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.save-button{background:#0f8;color:#000}.save-button:hover{background:#0d7;transform:translateY(-2px)}.cancel-button{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15)}.expenses-list{display:flex;flex-direction:column;gap:16px}.category-group{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;transition:all .3s ease}.category-group:hover{background:#ffffff0d;border-color:#ffffff26}.category-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.category-header:hover{background:#ffffff0d}.category-total{font-size:20px;font-weight:700;color:#0f8}.category-expenses{border-top:1px solid rgba(255,255,255,.08);padding:8px;background:#0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expense-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 16px;margin:6px 0;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;flex-wrap:wrap;gap:12px}.expense-item:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translate(4px)}.expense-info{display:flex;align-items:center;flex:1}.expense-details{display:flex;flex-direction:column;gap:4px}.expense-details h3{font-size:14px;font-weight:500;margin:0;color:#fff}.expense-date{font-size:11px;opacity:.5}.expense-actions{display:flex;align-items:center;gap:12px}.expense-edit-form{display:flex;gap:10px;flex:1;flex-wrap:wrap}.expense-edit-form input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 12px;color:#fff;font-size:13px;outline:none;flex:1;min-width:100px}.expense-edit-form input[type=number]{max-width:120px}.expense-edit-form input[type=date]{max-width:150px}.expense-edit-form input:focus{background:#ffffff1f;border-color:#0f8}.expense-amount{font-size:16px;font-weight:600;color:#ffffffe6;margin-right:12px}.category-item input[type=text]{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;outline:none}@media (max-width: 768px){.ausgaben-container{padding:10px}.ausgaben-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.ausgaben-header h2{font-size:24px}.total-amount{align-items:flex-start;width:100%}.action-buttons{flex-direction:column;gap:10px}.add-button,.category-button{width:100%;justify-content:center}.add-form,.category-manager{padding:15px}.category-add-form{flex-wrap:wrap}.category-add-form input[type=text]{width:100%}.category-header{padding:14px 12px}.category-header-left{gap:10px}.category-header-info h3{font-size:14px}.category-total{font-size:16px}.category-header-right{gap:10px}.category-expenses{padding:6px}.expense-item{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.expense-details h3{font-size:13px}.expense-actions{width:100%;justify-content:space-between}.expense-amount{font-size:14px}}.sparen-container{padding:20px;color:#fff;width:100%;box-sizing:border-box}.sparen-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.sparen-header h2{font-size:28px;font-weight:600;margin:0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.summary-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#ffffff0d;padding:16px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.summary-card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.summary-card.clickable:hover{background:#ffffff14;transform:translateY(-2px)}.summary-card .card-content{display:flex;flex-direction:column;align-items:flex-start}.summary-card .label{font-size:12px;opacity:.7;margin-bottom:8px}.summary-card .amount{font-size:24px;font-weight:700}.summary-card .chevron{transition:transform .3s ease;color:#fff6;flex-shrink:0}.summary-card .chevron.expanded{transform:rotate(180deg)}.summary-card.savings .amount{color:#0f8}.summary-card.debts .amount{color:#ff6b6b}.summary-card.net.positive .amount{color:#0f8}.summary-card.net.negative .amount{color:#ff6b6b}.action-buttons{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.collapsible-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;margin-bottom:16px}.collapsible-section h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#fff}.collapsible-section.savings-section{border-left:3px solid #00ff88}.collapsible-section.debts-section{border-left:3px solid #ff6b6b}.empty-state-small{text-align:center;padding:30px 20px;color:#fff6;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.modal-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#161616,#292929);border:1px solid rgba(109,109,109,.15);border-radius:16px;padding:24px;z-index:9999;width:90%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-popup.category-modal{max-width:480px}.modal-popup h3{font-size:20px;font-weight:600;margin:0 0 20px;color:#fff}.modal-tabs{display:flex;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:4px;margin-bottom:20px;gap:4px}.tab-button{flex:1;background:transparent;border:1px solid transparent;color:#fff9;padding:10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button:hover{color:#fff;background:#ffffff0d}.tab-button.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #0003}.tab-button.active.saving,.tab-button.active.debt{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:none}.tab-button.active.saving:hover,.tab-button.active.debt:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.modal-popup input,.modal-popup select{width:100%;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .3s ease;margin-bottom:12px}.modal-popup input:focus,.modal-popup select:focus{background:#ffffff1f;border-color:#ffffff80}.modal-popup select{appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2082.2c3.6-3.6%205.4-7.8%205.4-12.8%200-5-1.8-9.3-5.4-12.9z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px center;background-size:10px;padding-right:40px}.modal-popup select option{background:#1a1a1a;color:#fff}.modal-popup input[type=date]{width:100%;max-width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none}.modal-buttons{display:flex;gap:10px;margin-top:20px;width:100%}.modal-buttons button{flex:1;justify-content:center}.netto-card{background:#ffffff0d;padding:18px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px;transition:all .3s ease}.netto-card.positive{border-left:3px solid #00ff88}.netto-card.negative{border-left:3px solid #ff6b6b}.netto-card .label{font-size:16px;font-weight:600;color:#fff;opacity:.8}.netto-card .amount{font-size:24px;font-weight:700}.netto-card.positive .amount{color:#0f8}.netto-card.negative .amount{color:#ff6b6b}.sub-category-group{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:8px 0;overflow:hidden}.sub-category-group:hover,.sub-category-group:active{background:#ffffff0d!important}.sub-category-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;background:transparent!important;-webkit-user-select:none;user-select:none}.sub-category-header:hover,.sub-category-header:active,.sub-category-header:focus{background:transparent!important}.sub-category-header h4{font-size:15px;font-weight:500;margin:0;color:#fff}.sub-category-total{font-size:16px;font-weight:600;color:#ffffffe6;margin-right:12px}.category-group.saving .sub-category-total{color:#0f8}.category-group.debt .sub-category-total{color:#ff6b6b}.sub-category-entries{padding:8px;background:#00000026;border-top:1px solid rgba(255,255,255,.06)}.add-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.add-form h3{margin:0 0 8px;font-size:18px;font-weight:600}.add-form input,.add-form select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.add-form input:focus,.add-form select:focus{background:#ffffff1f;border-color:#0f8}.form-buttons{display:flex;gap:10px;margin-top:8px}.save-button{display:flex;align-items:center;gap:8px;background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.save-button:hover{background:#00ff884d;border-color:#0f8}.cancel-button{padding:10px 20px;background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#ffffff1f}.entries-list{display:flex;flex-direction:column;gap:16px}.empty-state{text-align:center;padding:60px 20px;color:#ffffff80;font-size:16px}.category-group{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;transition:border-color .3s ease;margin-bottom:12px}.category-group.saving{border-left:3px solid #00ff88}.category-group.debt{border-left:3px solid #ff6b6b}.category-group:hover,.category-group:active,.category-group:focus{background:#ffffff0d!important;border-top-color:#ffffff26;border-right-color:#ffffff26;border-bottom-color:#ffffff26}.category-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;background:transparent!important;-webkit-user-select:none;user-select:none}.category-header:hover,.category-header:active,.category-header:focus{background:transparent!important}.category-header-left{display:flex;align-items:center;flex:1}.category-header-info{display:flex;flex-direction:column;gap:4px}.category-header-info h3{font-size:16px;font-weight:600;margin:0;color:#fff}.category-count{font-size:12px;color:#ffffff80}.category-header-right{display:flex;align-items:center;gap:16px}.category-group.saving .category-total{font-size:20px;font-weight:700;color:#0f8}.category-group.debt .category-total{font-size:20px;font-weight:700;color:#ff6b6b}.chevron{transition:transform .3s ease;color:#fff9}.chevron.expanded{transform:rotate(180deg)}.collapsible-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.collapsible-wrapper.open{grid-template-rows:1fr}.collapsible-content{min-height:0;overflow:hidden}.category-entries{border-top:1px solid rgba(255,255,255,.08);padding:8px;background:#0003}.entry-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 16px;margin:6px 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;transition:all .3s ease}.entry-item:hover{background:#ffffff0f;border-color:#ffffff1f}.entry-info{display:flex;align-items:center;flex:1}.entry-details{display:flex;flex-direction:column;gap:4px}.entry-details h3{font-size:14px;font-weight:500;margin:0;color:#fff}.entry-date{font-size:11px;opacity:.5}.entry-actions{display:flex;align-items:center;gap:8px}.entry-amount{font-size:16px;font-weight:600;color:#ffffffe6;text-align:right}.category-group.saving .entry-amount{color:#0f8}.category-group.debt .entry-amount{color:#ff6b6b}.entry-edit-form input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 12px;color:#fff;font-size:13px;outline:none;flex:1;min-width:100px}.entry-edit-form input[type=number]{max-width:120px}.entry-edit-form input[type=date]{max-width:150px}.entry-edit-form input:focus{background:#ffffff1f;border-color:#0f8}.delete-button{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:8px;cursor:pointer;color:#ff6b6b;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.delete-button:hover{background:#ff6b6b33;border-color:#ff6b6b;transform:scale(1.1)}.category-manager{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:20px}.category-manager h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#fff}.category-add-form{display:flex;gap:10px;margin-bottom:16px;align-items:center}.category-add-form input[type=text]{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.category-add-form input[type=text]:focus{background:#ffffff1f;border-color:#0f8}.category-add-form select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .3s ease;min-width:120px}.category-add-form select:focus{background:#ffffff1f;border-color:#0f8}.category-add-form input[type=color]{width:50px;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:transparent;cursor:pointer;padding:4px}.category-add-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.category-add-form input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.category-add-form .save-button{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.categories-list{display:flex;flex-direction:column;gap:10px}.category-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.category-item:hover{background:#ffffff0f;border-color:#ffffff26}.category-item .category-name{flex:1;font-size:14px;font-weight:500}.category-type-badge{font-size:11px;padding:4px 8px;border-radius:6px;background:#ffffff1a;color:#ffffffb3}.category-color-preview{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.category-item input[type=text],.category-item select{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;outline:none}.category-item input[type=color]{width:40px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;cursor:pointer;padding:3px}.icon-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;cursor:pointer;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.icon-button.delete{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.icon-button.delete:hover{background:#ff6b6b33;border-color:#ff6b6b}@media (max-width: 768px){.sparen-container{padding:10px}.sparen-header{margin-bottom:20px}.sparen-header h2{font-size:24px}.summary-cards{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:10px}.add-button,.category-button{width:100%;justify-content:center}.add-form,.category-manager{padding:15px}.category-add-form{flex-wrap:wrap}.category-add-form input[type=text],.category-add-form select{width:100%}.category-header{padding:14px 12px}.category-header-left{gap:10px}.category-header-info h3{font-size:14px}.category-total{font-size:16px}.category-header-right{gap:10px}.category-entries{padding:6px}.entry-item{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.entry-details h3{font-size:13px}.entry-actions{width:100%;justify-content:space-between}.entry-amount{font-size:14px}}.dashboard-nav-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-nav-card.edit-mode{cursor:grab;background:#ffffff0d;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.dashboard-nav-card.edit-mode:active{cursor:grabbing}.dashboard-nav-card.edit-mode:hover .drag-handle{color:#ffffffb3}.dashboard-nav-card.edit-mode{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dashboard-nav-card h3{font-size:16px;font-weight:600;color:#fff}.available-widgets-section{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.available-widgets-section h3{text-align:center;font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.available-widgets-section p{text-align:center;font-size:14px;color:#ffffff80;margin:0 0 24px}.available-widgets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:800px;margin:0 auto}.available-widget{background:#ffffff05;border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:20px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.available-widget:hover{background:#ffffff0d;border-color:#fff6;border-style:solid;transform:translateY(-4px)}.available-widget h4{font-size:14px;font-weight:600;color:#ffffffb3;margin:0}.available-widget .nav-card-icon{opacity:.5}.available-widget:hover .nav-card-icon{opacity:1}.add-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff9;transition:all .3s ease}.available-widget:hover .add-icon{background:#fff3;color:#fff;transform:scale(1.1)}@media (max-width: 480px){.dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-nav-card{padding:10px}.nav-card-icon svg{width:28px;height:28px}.dashboard-nav-card h3{font-size:11px}.available-widgets-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.add-todo-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.add-todo-modal{background:#141414f2;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.modal-header h2{font-size:28px;font-weight:600;margin:0;color:#fff}.modal-close-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.modal-section{margin-bottom:28px}.modal-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.modal-input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 16px;color:#fff;font-size:16px;outline:none;transition:all .3s;box-sizing:border-box}.modal-input:focus{background:#ffffff1f;border-color:#fff6;box-shadow:0 0 0 3px #ffffff0d}.modal-input::placeholder{color:#fff6}.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.difficulty-option{background:#ffffff0d;border-radius:8px;padding:8px 10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:6px}.difficulty-option:hover{background:#ffffff14;transform:translateY(-1px)}.difficulty-option.active{transform:translateY(-1px)}.diff-label{font-size:13px;font-weight:600;color:#fff}.diff-points{font-size:11px;font-weight:700;color:#ffffffb3}.recurring-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.recurring-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.recurring-option:hover{background:#ffffff14;transform:translateY(-1px)}.recurring-option.active{background:#ffffff26;border-color:#fff6;transform:translateY(-1px)}.frequency-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;margin-top:12px}.frequency-input-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.frequency-text{font-size:16px;color:#fffc}.frequency-input{width:80px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 12px;color:#fff;font-size:18px;font-weight:700;text-align:center;outline:none;transition:all .3s}.frequency-input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff0d}.frequency-hint{margin:12px 0 0;font-size:12px;color:#ffffff80;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;color:#fff;padding:12px;border-radius:8px;transition:all .2s;background:transparent}.checkbox-label:hover{background:transparent}.modal-checkbox{width:20px;height:20px;cursor:pointer;accent-color:rgba(255,255,255,.8)}.checkbox-hint{margin:8px 0 0 32px;font-size:12px;color:#ffffff80;font-style:italic}.checkbox-label.main-toggle{background:transparent!important;border:none!important;border-radius:10px;padding:14px;font-size:15px;font-weight:600}.checkbox-label.main-toggle:hover{background:transparent!important;border:none!important}.advanced-settings{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-top:16px}.modal-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.modal-btn{flex:1;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;border:none!important;outline:none!important}.modal-btn-cancel{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.2)}.modal-btn-cancel:hover{background:#ffffff1f;color:#fff}button.modal-btn.modal-btn-submit,.modal-btn-submit,button[type=submit].modal-btn-submit{background:linear-gradient(135deg,#00d4ff,#b000ff)!important;color:#fff!important;border:none!important;box-shadow:0 0 25px #00d4ff80,0 0 25px #b000ff80!important;font-weight:700!important;opacity:1!important;-webkit-appearance:none!important;appearance:none!important}button.modal-btn.modal-btn-submit:hover,.modal-btn-submit:hover,button[type=submit].modal-btn-submit:hover{background:linear-gradient(135deg,#3df,#c933ff)!important;box-shadow:0 0 35px #00d4ffb3,0 0 35px #b000ffb3!important;transform:translateY(-2px)!important;opacity:1!important}.add-todo-modal::-webkit-scrollbar{width:8px}.add-todo-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.add-todo-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.add-todo-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.add-todo-modal{padding:24px;border-radius:20px}.modal-header h2{font-size:24px}.difficulty-options{grid-template-columns:repeat(3,1fr)}.recurring-options{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:column}.modal-btn{width:100%}.frequency-input-wrapper{justify-content:center}}.todos-container{padding:20px;color:#fff;width:100%;box-sizing:border-box;min-height:100vh;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important}div[role=button]{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.todos-container *,.todos-container *:focus,.todos-container *:active,.todos-container *:hover,.todos-container *:before,.todos-container *:after{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:none!important}.todos-container button,.todos-container button:focus,.todos-container button:active,.todos-container button:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;border:none;box-shadow:none!important}.todos-container svg,.todos-container svg *,.todos-container circle,.todos-container path,.todos-container line,.todos-container polyline,.todos-container polygon{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;pointer-events:none!important}.todo-checkbox svg,.todo-checkbox svg *,.todo-checkbox circle,.todo-checkbox path{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.todos-container input:focus{-webkit-user-select:text;-moz-user-select:text;user-select:text}.todos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;position:relative}.todos-header h2{font-size:32px;font-weight:600;margin:0 0 4px}.todos-area{font-size:12px;color:#ffffff80;margin:0;text-transform:uppercase;letter-spacing:1px}.points-display{display:flex;align-items:center;gap:12px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;padding:12px 16px;transition:all .3s ease}.points-display.points-animation{transform:scale(1.1);background:#0f83;border-color:#0f89;box-shadow:0 0 20px #00ff884d}.points-info{display:flex;flex-direction:column;gap:2px}.points-value{font-size:24px;font-weight:700;color:#0f8;line-height:1}.points-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.todos-list{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.todo-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;position:relative;transition:all .3s ease;display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.todo-item:hover{background:#ffffff14;border-color:#fff3}.todo-checkbox{background:transparent!important;border:none!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:2px 0 0!important;flex-shrink:0;transition:all .2s;outline:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;user-select:none!important;-webkit-user-select:none!important}.todo-checkbox:hover{transform:scale(1.1)}.todo-checkbox:focus,.todo-checkbox:active,.todo-checkbox:hover,.todo-checkbox[role=button],.todo-checkbox[role=button]:focus,.todo-checkbox[role=button]:active{outline:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;box-shadow:none!important;border:none!important;background:transparent!important}.todo-content{flex:1;display:flex;flex-direction:column;gap:0;min-width:0}.todo-content h3{font-size:17px;font-weight:500;margin:0 0 2px;cursor:pointer;transition:all .2s;padding:0;line-height:1.4}.todo-content h3:hover{opacity:.8}.todo-content h3.completed{text-decoration:line-through;opacity:.5}.todo-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.todo-meta{display:flex;align-items:center;gap:8px}.todo-date{font-size:11px;color:#fff6;margin:0;padding:0}.recurring-badge{display:inline-flex;align-items:center;gap:3px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:4px;padding:2px 6px;font-size:9px;color:#0f8;cursor:help;transition:all .2s;font-weight:600;text-transform:uppercase}.recurring-badge:hover{background:#00ff8840;border-color:#00ff8880}.recurring-type{letter-spacing:.3px}.negative-points-badge{display:inline-flex;align-items:center;gap:3px;background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:4px;padding:2px 6px;font-size:9px;color:#ff6464;cursor:help;transition:all .2s;font-weight:600}.negative-points-badge:hover{background:#ff646440;border-color:#ff646480}.difficulty-badge{display:inline-flex;align-items:center;gap:3px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;text-transform:uppercase;background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:#4ade80}.difficulty-badge:hover{background:#4ade8040;border-color:#4ade8080;transform:scale(1.05)}.difficulty-label{font-weight:500}.difficulty-points{font-weight:700;opacity:.8}.difficulty-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:4px 8px;color:#fff;font-size:12px;font-weight:600;outline:none;cursor:pointer;transition:all .2s}.difficulty-select:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 8px #fff3}.difficulty-select option{background:#1a1a1a;color:#fff;padding:8px}.todo-title-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;color:#fff;font-size:17px;font-weight:500;outline:none;width:100%;box-sizing:border-box}.todo-title-input:focus{border-color:#00ff8880;background:#ffffff26}.todo-title-input.subtodo{font-size:15px}.todo-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.expand-btn,.add-subtodo-btn,.delete-todo-btn,.important-btn,.edit-todo-btn{background:transparent;border:none;cursor:pointer;color:#fff9;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.expand-btn:hover{color:#fff;background:#ffffff1a}.add-subtodo-btn:hover{color:#0f8;background:#00ff881a}.edit-todo-btn:hover{color:#60a5fa;background:#60a5fa1a}.delete-todo-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.important-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.important-btn.active{color:#fff;opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state h3{font-size:20px;font-weight:500;margin:16px 0 8px;color:#fffc}.empty-state p{font-size:14px;color:#ffffff80;margin:0}.add-todo-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00ffff26,#aa46ff1f,#ff00c826)!important;color:#fff!important;border:none!important;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 0 12px #0ff3,0 0 12px #ff00c833;position:relative;z-index:1}.add-todo-btn:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#0ff9,#aa46ff80,#ff00c899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.add-todo-btn:hover{background:linear-gradient(135deg,#00ffff40,#aa46ff33,#ff00c840)!important;box-shadow:0 0 20px #0ff6,0 0 20px #ff00c866;transform:translateY(-2px)}.add-todo-btn:hover:before{background:linear-gradient(135deg,#00ffffe6,#c864ffb3,#ff00dce6)}@media (max-width: 768px){.todos-container{padding:16px 16px 220px}.todos-header h2{font-size:28px}.todos-area{font-size:11px}.todo-item{padding:12px 14px;gap:6px}.todo-content h3,.todo-title-input{font-size:16px}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important}.todos-container,.todos-container *,.todos-container *:focus,.todos-container *:active,.todos-container *:hover,.todos-container *:before,.todos-container *:after{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;box-shadow:none!important;touch-action:manipulation!important}.todo-checkbox,.todo-checkbox *,.todo-checkbox:focus,.todo-checkbox:active,.todo-checkbox:hover,button,button *,button:focus,button:active,button:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;box-shadow:none!important;border:none!important;background-image:none!important;-webkit-appearance:none!important;appearance:none!important}svg,svg *,svg:focus,svg:active,circle,path,circle:focus,circle:active{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;box-shadow:none!important}}.notizen-container{position:relative;width:100%;height:100%;color:#fff;overflow:hidden;display:flex;flex-direction:column}.burger-menu-btn{position:fixed;top:20px;right:20px;z-index:1000001;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)!important;border-radius:12px;padding:12px;cursor:pointer;color:#fff;transition:all .3s;display:flex;align-items:center;justify-content:center}.burger-menu-btn:hover{background:#ffffff1f;border:1px solid rgba(255,255,255,.2)!important;transform:scale(1.05)}.burger-menu-btn.open{border:1px solid rgba(109,109,109,.15)!important}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000000;animation:fadeIn .3s ease}.notizen-sidebar{position:fixed;top:78px;left:20px;width:360px;max-height:calc(100vh - 100px);background:linear-gradient(180deg,#161616,#292929);border:1px solid rgba(109,109,109,.15);border-radius:16px;z-index:1000002;display:flex;flex-direction:column;opacity:0;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 20px 60px #00000080}.notizen-sidebar.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.sidebar-header{padding:14px 20px 6px}.sidebar-header h3{margin:0 0 4px;font-size:20px;font-weight:600}.sidebar-subtitle{margin:0;font-size:11px;opacity:.5;text-transform:uppercase;letter-spacing:.5px}.sidebar-tree{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px;min-height:200px;max-height:calc(100vh - 400px)}.sidebar-tree::-webkit-scrollbar{width:6px}.sidebar-tree::-webkit-scrollbar-track{background:transparent}.sidebar-tree::-webkit-scrollbar-thumb{background:#8080804d;border-radius:3px}.sidebar-tree::-webkit-scrollbar-thumb:hover{background:#80808080}.tree-empty{padding:40px 20px;text-align:center}.tree-empty p{font-size:14px;color:#fff9;margin:0 0 4px}.tree-empty span{font-size:12px;color:#fff6}.tree-item-wrapper{margin-bottom:2px}.tree-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;min-height:36px}.tree-item:hover{background:#ffffff08}@media (hover: none) and (pointer: coarse){.tree-item:hover{background:transparent}.tree-item:active{background:#ffffff0d}}.tree-item.selected .tree-name{color:#fff;font-weight:600}.tree-expand-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.tree-expand-btn:hover{color:#fff;transform:scale(1.1)}.tree-spacer{width:24px;flex-shrink:0}.icon-project{color:#ffffffe6;flex-shrink:0}.icon-folder{color:#ffffffb3;flex-shrink:0}.icon-page{color:#fff9;flex-shrink:0}.tree-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffff80}.tree-name-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 8px;color:#fff;font-size:14px;outline:none}.tree-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.tree-icon-btn,.tree-edit-btn,.tree-delete-btn{padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#fff9;transition:all .2s;display:flex;align-items:center;justify-content:center}.tree-icon-btn:hover{background:#ffc80026;color:#fc0}.tree-edit-btn:hover{color:#fff;background:#ffffff1a;opacity:1}.tree-delete-btn:hover{color:#f66;background:#ff646426;opacity:1}.sidebar-actions{padding:16px;display:flex;flex-direction:column;gap:8px}.sidebar-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.sidebar-btn.primary{background:linear-gradient(135deg,#00ffff26,#aa46ff1f,#ff00c826)!important;border:none!important;color:#fff;box-shadow:0 0 12px #0ff3,0 0 12px #ff00c833;position:relative;z-index:1}.sidebar-btn.primary:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,#0ff9,#aa46ff80,#ff00c899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.sidebar-btn.primary:hover{background:linear-gradient(135deg,#00ffff40,#aa46ff33,#ff00c840)!important;box-shadow:0 0 20px #0ff6,0 0 20px #ff00c866;transform:translateY(-1px)}.sidebar-btn.primary:hover:before{background:linear-gradient(135deg,#00ffffe6,#c864ffb3,#ff00dce6)}.sidebar-btn.secondary{background:linear-gradient(135deg,#00ffff26,#aa46ff1f,#ff00c826)!important;border:none!important;color:#fff;box-shadow:0 0 12px #0ff3,0 0 12px #ff00c833;position:relative;z-index:1}.sidebar-btn.secondary:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,#0ff9,#aa46ff80,#ff00c899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.sidebar-btn.secondary:hover{background:linear-gradient(135deg,#00ffff40,#aa46ff33,#ff00c840)!important;box-shadow:0 0 20px #0ff6,0 0 20px #ff00c866;transform:translateY(-1px)}.sidebar-btn.secondary:hover:before{background:linear-gradient(135deg,#00ffffe6,#c864ffb3,#ff00dce6)}.notizen-main{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.notizen-header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:8px;padding:20px 80px 20px 32px;flex-shrink:0;position:relative}.header-icon{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;color:#fff;padding-top:10px}.header-info{grid-column:1 / -1;grid-row:2 / 4;display:flex;flex-direction:column;gap:6px;padding-left:8px}.header-title{grid-column:2;grid-row:1;margin:0;font-size:32px;font-weight:600;color:#fff;line-height:1.2;display:flex;align-items:center;padding-top:10px}.header-meta-row{display:flex;align-items:center;padding-top:10px}.header-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb-item{font-size:13px;font-weight:400;color:#ffffff80;white-space:nowrap}.breadcrumb-separator{font-size:13px;color:#ffffff4d;font-weight:300}.header-date{font-size:12px;color:#fff6;font-weight:400}.notizen-editor{flex:1;padding:0;overflow-y:auto}.notizen-editor::-webkit-scrollbar{width:8px}.notizen-editor::-webkit-scrollbar-track{background:transparent}.notizen-editor::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}.notizen-editor::-webkit-scrollbar-thumb:hover{background:#80808080}.editor-textarea{width:100%;height:100%;background:transparent;border:none;color:#fff;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;outline:none;padding:24px;line-height:1.6;box-sizing:border-box;resize:none}.editor-textarea::placeholder{color:#ffffff4d}.shortcuts-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f0f0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;max-width:500px;width:90%;z-index:10000;box-shadow:0 20px 60px #00000080}.shortcuts-popup h3{margin:0 0 16px;font-size:20px;color:#fff}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:8px}.shortcut-key{font-family:Courier New,monospace;font-size:13px;color:#ffffffb3;background:#ffffff1a;padding:4px 8px;border-radius:4px;min-width:80px}.shortcut-desc{font-size:14px;color:#fff9}.popup-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.popup-close:hover{background:#ffffff1a;border-color:#fff3}.popup-overlay{position:fixed;inset:0;background:#0009;z-index:9999}.notizen-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.notizen-empty p{font-size:16px;opacity:.6;margin-bottom:24px}.empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.empty-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.empty-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.notizen-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.welcome-icon{font-size:80px;margin-bottom:24px}.notizen-welcome h2{font-size:28px;font-weight:600;margin:0 0 12px}.notizen-welcome p{font-size:16px;opacity:.6;margin-bottom:32px}.welcome-btn{display:flex;align-items:center;gap:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.welcome-btn:hover{background:#ffffff26;transform:translateY(-2px)}@media (max-width: 768px){.burger-menu-btn{top:16px;right:16px;padding:10px}.notizen-header{padding:16px 60px 16px 16px;gap:10px}.header-title{font-size:22px}.breadcrumb-item{font-size:11px}.editor-textarea{font-size:16px;padding:16px;min-height:300px}.notizen-sidebar{top:68px;left:16px;right:16px;width:auto;max-width:calc(100vw - 32px)}.sidebar-tree{font-size:14px}.tree-name{font-size:13px}.tree-item.selected .tree-icon-btn,.tree-item.selected .tree-edit-btn,.tree-item.selected .tree-delete-btn{opacity:1}}.icon-picker-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000010}.icon-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;z-index:1000011;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.icon-picker-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.icon-picker-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.icon-picker-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.icon-picker-close:hover{background:#ffffff1a;color:#fff}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding:20px;overflow-y:auto;max-height:calc(80vh - 80px)}.icon-picker-grid::-webkit-scrollbar{width:8px}.icon-picker-grid::-webkit-scrollbar-track{background:transparent}.icon-picker-grid::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}.icon-picker-grid::-webkit-scrollbar-thumb:hover{background:#80808080}.icon-picker-item{aspect-ratio:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fffc;transition:all .2s;padding:12px}.icon-picker-item:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.icon-picker-modal{width:95%;max-height:70vh}.icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;padding:16px}.icon-picker-item{padding:10px}}.video-tasks-container{width:100%;height:100%;display:flex;flex-direction:column;color:#fff;padding:20px;box-sizing:border-box}.video-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.video-tasks-header h2{margin:0;font-size:24px;font-weight:600;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.add-video-main-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(135deg,#00ffff26,#aa46ff1f,#ff00c826)!important;color:#fff!important;border:none!important;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px #0ff3,0 0 12px #ff00c833;position:relative;z-index:1;margin-bottom:20px}.add-video-main-btn:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#0ff9,#aa46ff80,#ff00c899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.add-video-main-btn:hover{background:linear-gradient(135deg,#00ffff40,#aa46ff33,#ff00c840)!important;box-shadow:0 0 20px #0ff6,0 0 20px #ff00c866;transform:translateY(-2px)}.add-video-main-btn:hover:before{background:linear-gradient(135deg,#00ffffe6,#c864ffb3,#ff00dce6)}.video-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px}.video-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;transition:background .2s}.video-item:hover{background:#ffffff12}.video-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.video-title{font-size:14px;font-weight:600;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.video-points{display:flex;align-items:center;gap:4px;font-size:12px;color:#fff9;flex-shrink:0}.video-item-content{display:grid;grid-template-columns:2fr 1fr;gap:12px}.video-thumbnail{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:8px;object-fit:cover;background:#000}.video-actions-grid{display:flex;flex-direction:column;gap:6px;height:100%}.action-btn-row{flex:1;background:linear-gradient(135deg,#00ffff14,#aa46ff0f,#ff00c814)!important;border:none!important;border-radius:8px;color:#ffffffe6!important;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;box-shadow:0 0 8px #00ffff26,0 0 8px #ff00c826}.action-btn-row span{font-size:11px;font-weight:600;white-space:nowrap}.action-btn-row-double{flex:1;display:flex;gap:6px}.action-btn-icon{flex:1;background:linear-gradient(135deg,#00ffff14,#aa46ff0f,#ff00c814)!important;border:none!important;border-radius:8px;color:#ffffffe6!important;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 8px #00ffff26,0 0 8px #ff00c826}.action-btn-row:before,.action-btn-icon:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,#0ff6,#aa46ff4d,#ff00c866);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;opacity:.5;transition:opacity .3s ease}.action-btn-row:hover,.action-btn-icon:hover{background:linear-gradient(135deg,#00ffff2e,#aa46ff24,#ff00c82e)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 0 15px #00ffff4d,0 0 15px #ff00c84d}.action-btn-row:hover:before,.action-btn-icon:hover:before{opacity:1}.settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;display:flex;align-items:center;justify-content:center}.settings-modal{background:#141414d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:450px;padding:30px;box-shadow:0 20px 60px #000000b3,0 0 40px #00ffff1a,0 0 40px #ff00c81a}.settings-modal h3{margin:0 0 24px;font-size:22px;text-align:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#fff,#0ffc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.settings-group{margin-bottom:20px}.settings-group label{display:block;font-size:14px;color:#fffc;margin-bottom:8px;font-weight:600}.settings-input,.settings-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px;outline:none;box-sizing:border-box;transition:all .3s ease}.settings-input:focus,.settings-select:focus{border-color:#0ff9;background:#ffffff14;box-shadow:0 0 15px #0ff3}.settings-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.points-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.points-option{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;position:relative}.points-option:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,#00ffff4d,#ff00c84d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;opacity:0;transition:opacity .3s ease}.points-option:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.points-option:hover:before{opacity:.5}.points-option.active{background:linear-gradient(135deg,#0ff3,#ff00c833);border-color:#0ff9;color:#fff;box-shadow:0 0 15px #00ffff4d}.points-option.active:before{opacity:1}.settings-actions{display:flex;gap:12px;margin-top:28px}.modal-btn{flex:1;padding:14px 20px;border-radius:12px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:15px;position:relative}.modal-btn.primary{background:linear-gradient(135deg,#0ff3,#aa46ff26,#ff00c833);color:#fff;box-shadow:0 0 12px #00ffff4d,0 0 12px #ff00c84d}.modal-btn.primary:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#0ff9,#aa46ff80,#ff00c899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.modal-btn.primary:hover{background:linear-gradient(135deg,#00ffff4d,#aa46ff40,#ff00c84d);box-shadow:0 0 20px #00ffff80,0 0 20px #ff00c880;transform:translateY(-2px)}.modal-btn.secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.15)}.modal-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.player-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.player-container{width:100%;max-width:900px;background:#000;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 0 50px #00d4ff1a;position:relative;display:flex;flex-direction:column}.player-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.player-header h3{margin:0;font-size:16px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:10px}.close-player-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.close-player-btn:hover{background:#fff3}.video-frame-container{width:100%;aspect-ratio:16 / 9;position:relative;background:#000}.video-frame-container iframe{width:100%;height:100%;border:none}.custom-controls{padding:20px;background:#141414f2;display:flex;flex-direction:column;gap:15px}.progress-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#ff00c8);border-radius:3px;width:0%;transition:width .1s linear;box-shadow:0 0 10px #00ffff80}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.play-pause-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;transition:transform .1s;flex-shrink:0}.play-pause-btn:hover{transform:scale(1.1)}.time-display{font-family:monospace;font-size:14px;color:#ffffffb3;flex-shrink:0}.finish-session-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#00ffff26,#aa46ff1f,#ff00c826)!important;color:#fff!important;border:none!important;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px #0ff3,0 0 12px #ff00c833;position:relative;z-index:1;white-space:nowrap}.finish-session-btn:before{content:"";position:absolute;inset:0;border-radius:30px;padding:1px;background:linear-gradient(135deg,#0ff9,#aa46ff80,#ff00c899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.finish-session-btn:hover{background:linear-gradient(135deg,#00ffff40,#aa46ff33,#ff00c840)!important;box-shadow:0 0 20px #0ff6,0 0 20px #ff00c866;transform:translateY(-2px)}.finish-session-btn:hover:before{background:linear-gradient(135deg,#00ffffe6,#c864ffb3,#ff00dce6)}.finish-session-btn.completed{background:#0f83!important;box-shadow:0 0 15px #0f86;cursor:default}.finish-session-btn.completed:before{background:none}.finish-session-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.finish-session-btn:disabled:hover{transform:none}.finish-session-btn span{display:inline-flex;align-items:center}@media (max-width: 768px){.video-tasks-container{padding:15px}.time-display{font-size:12px}.custom-controls{padding:15px}.player-container{max-width:100%}}@media (max-width: 480px){.video-tasks-header h2{font-size:20px}.add-video-main-btn{font-size:14px;padding:12px 20px}.settings-modal{padding:20px}.points-selector{grid-template-columns:1fr}.video-actions-grid{gap:4px}.action-btn-row span{font-size:10px}}.core-dashboard-nav-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.core-dashboard-nav-card:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.core-dashboard-nav-card.edit-mode{cursor:grab;background:#ffffff0d;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.core-dashboard-nav-card.edit-mode:active{cursor:grabbing}.core-dashboard-nav-card.edit-mode:hover .drag-handle{color:#ffffffb3}.core-dashboard-nav-card.dragging{opacity:.4;z-index:999}.core-dashboard-nav-card:hover .nav-card-icon{color:#fff;transform:scale(1.1)}.core-dashboard-nav-card h3{font-size:16px;font-weight:600;margin:0;color:#fff}@media (max-width: 480px){.dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px}.core-dashboard-nav-card{padding:10px}.nav-card-icon svg{width:28px;height:28px}.core-dashboard-nav-card h3{font-size:11px}}.body-dashboard-nav-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.body-dashboard-nav-card.edit-mode{cursor:grab;background:#ffffff0d;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.body-dashboard-nav-card.edit-mode:active{cursor:grabbing}.body-dashboard-nav-card.edit-mode:hover .drag-handle{color:#ffffffb3}.body-dashboard-nav-card.dragging{opacity:.4;z-index:999}.body-dashboard-nav-card:hover .nav-card-icon{color:#fff;transform:scale(1.1)}.show-more-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:300px;margin:24px auto;padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.body-dashboard-divider{width:100%;height:1px;background:#ffffff1a;margin:32px 0}@media (max-width: 480px){.dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px}.body-dashboard-nav-card{padding:10px}.nav-card-icon svg{width:28px;height:28px}.body-dashboard-nav-card h3{font-size:11px}}.body-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;width:100%}@media (min-width: 1200px){.body-stats-section{grid-template-columns:repeat(6,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.body-stats-section{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.body-stats-section{grid-template-columns:repeat(3,1fr)}}.body-stats-column{display:flex;flex-direction:column;gap:16px}.body-stat-card{background:transparent;border:none;padding:20px 12px;text-align:center;transition:all .3s ease;flex:1}.body-stat-card:hover{transform:translateY(-2px)}.body-stat-card-compact{background:transparent;border:none;padding:16px 12px;transition:all .3s ease}.body-stat-card-compact:hover{transform:translateY(-2px)}.body-stat-row{display:flex;align-items:center;gap:16px}.body-stat-col{flex:1;text-align:center}.body-stat-divider{width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}.body-stat-value-medium{font-size:36px;font-weight:700;color:#fff;line-height:1.2;display:flex;align-items:baseline;justify-content:center;gap:4px}.body-bmi-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.body-stat-input-small{width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:8px;font-size:28px;font-weight:700;color:#fff;text-align:center}.body-colors-section{display:flex;gap:24px;justify-content:center;align-items:center;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.body-color-item{display:flex;flex-direction:column;align-items:center;gap:12px}.body-color-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.body-color-picker{width:70px;height:70px;border:2px solid rgba(255,255,255,.3);border-radius:14px;cursor:pointer;transition:all .3s ease}.body-color-picker:hover:not(:disabled){transform:scale(1.1);border-color:#fff9}.body-color-picker:disabled{cursor:not-allowed;opacity:.7}.body-stat-label{font-size:11px;color:#fff6;margin-bottom:8px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.body-stat-value{font-size:48px;font-weight:700;color:#fff;line-height:1.2;display:flex;align-items:baseline;justify-content:center;gap:6px}.body-stat-value span{font-size:20px;color:#fff9;font-weight:500}.body-stat-input{width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;font-size:36px;font-weight:700;color:#fff;text-align:center}.body-stat-card-small{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center}.body-stat-label-small{font-size:10px;color:#fff6;margin-bottom:8px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.body-stat-value-small{font-size:28px;font-weight:700;color:#fff}.body-color-row{display:flex;gap:8px;justify-content:center}.body-color-mini{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease}.body-color-mini:hover:not(:disabled){transform:scale(1.1);border-color:#fff9}.body-avatar-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.body-avatar-svg{width:120px;height:260px;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.body-avatar-image{max-width:140px;max-height:300px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.body-edit-buttons-center{display:flex;gap:12px;justify-content:center;margin-top:24px;max-width:400px;margin-left:auto;margin-right:auto}.body-data-cards{flex:1;min-width:280px;max-width:500px}.body-data-row{display:flex;gap:12px;margin-bottom:12px}.body-data-card{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;text-align:center;transition:all .3s ease}.body-data-card:hover{background:#ffffff14;border-color:#fff3}.body-data-label{font-size:11px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.body-data-value{font-size:24px;font-weight:600;color:#fff}.body-data-value span{font-size:14px;color:#ffffff80;margin-left:4px}.body-data-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;font-size:20px;font-weight:600;color:#fff;text-align:center}.body-color-input{width:60px;height:60px;border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease}.body-color-input:hover:not(:disabled){transform:scale(1.1);border-color:#fff9}.body-color-input:disabled{cursor:not-allowed;opacity:.7}.body-edit-buttons{display:flex;gap:8px;margin-top:16px}.body-edit-btn,.body-save-btn,.body-cancel-btn{flex:1;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.body-edit-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.body-edit-btn:hover{background:#ffffff26;transform:translateY(-2px)}.body-save-btn{background:linear-gradient(135deg,#0f8,#0c6);color:#000}.body-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f86}.body-cancel-btn{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.body-cancel-btn:hover{background:#ffffff1a}.body-dashboard-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);margin:32px 0}.body-dashboard-nav-section{margin-top:24px}.body-nav-title{text-align:center;font-size:16px;font-weight:600;color:#ffffffb3;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.body-dashboard-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:800px;margin:0 auto}.body-dashboard-nav-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.body-dashboard-nav-card:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.body-nav-card-icon{margin-bottom:10px;color:#fffc;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.body-dashboard-nav-card:hover .body-nav-card-icon{color:#fff;transform:scale(1.1)}.body-nav-card-icon svg{width:48px;height:48px;stroke-width:1.5}.body-dashboard-nav-card h3{font-size:16px;font-weight:600;margin:0;color:#fff}@media (max-width: 900px){.body-dashboard-container{padding:12px}.body-stats-section{gap:16px}.body-avatar-image{max-width:110px}.body-stat-card{padding:16px}.body-stat-label{font-size:10px;margin-bottom:8px;letter-spacing:1.5px}.body-stat-value{font-size:32px}.body-stat-value span{font-size:14px}.body-stat-input{font-size:28px}.body-color-picker{width:60px;height:60px}.body-colors-section{gap:20px}.body-dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:10px}.body-dashboard-nav-card{padding:12px}.body-nav-card-icon svg{width:36px;height:36px}.body-dashboard-nav-card h3{font-size:13px}}@media (max-width: 480px){.body-dashboard-container{padding:8px}.body-dashboard-header h2{font-size:16px}.body-dashboard-header p{font-size:10px}.body-stats-section{gap:8px;grid-template-columns:1fr auto 1fr}.body-stats-column{gap:8px}.body-avatar-image{max-width:80px;max-height:180px}.body-stat-card{padding:10px}.body-stat-label{font-size:8px;margin-bottom:4px;letter-spacing:.5px}.body-stat-value{font-size:22px}.body-stat-value span{font-size:10px}.body-stat-input{font-size:20px;padding:8px}.body-bmi-status{font-size:8px}.body-colors-section{gap:12px;max-width:100%}.body-color-picker{width:45px;height:45px}.body-color-label{font-size:8px;letter-spacing:.5px}.body-edit-btn,.body-save-btn,.body-cancel-btn{padding:8px 12px;font-size:10px}.body-dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:6px}.body-dashboard-nav-card{padding:8px}.body-nav-card-icon{margin-bottom:4px}.body-nav-card-icon svg{width:24px;height:24px}.body-dashboard-nav-card h3{font-size:10px}.body-dashboard-divider{margin:16px 0}.body-edit-buttons-center{margin-top:12px}}.creation-dashboard-nav-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.creation-dashboard-nav-card:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.creation-dashboard-nav-card.edit-mode{cursor:grab;background:#ffffff0d;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.creation-dashboard-nav-card.edit-mode:active{cursor:grabbing}.creation-dashboard-nav-card.edit-mode:hover .drag-handle{color:#ffffffb3}.creation-dashboard-nav-card.dragging{opacity:.4;z-index:999}.creation-dashboard-nav-card:hover .nav-card-icon{color:#fff;transform:scale(1.1)}.creation-dashboard-nav-card h3{font-size:16px;font-weight:600;margin:0;color:#fff}@media (max-width: 480px){.dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px}.creation-dashboard-nav-card{padding:10px}.nav-card-icon svg{width:28px;height:28px}.creation-dashboard-nav-card h3{font-size:11px}}.dashboard-container{padding:20px;color:#fff;width:100%;box-sizing:border-box}.dashboard-header{margin-bottom:0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.header-left{flex:1}.header-left h2{font-size:28px;font-weight:600;margin:0 0 10px;color:#fff}.edit-hint{font-size:13px;color:#ffffff80;margin:4px 0 0}.header-right{flex-shrink:0}.header-edit-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.header-edit-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.header-edit-button.active{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.header-edit-button.active:hover{background:#22c55e26;border-color:#22c55e66}.header-edit-button svg{flex-shrink:0}.header-edit-button.active svg{color:#22c55e}.dashboard-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;width:100%;margin-bottom:0}@media (min-width: 1200px){.dashboard-nav-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.dashboard-nav-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.dashboard-nav-grid{grid-template-columns:repeat(3,1fr)}}.lifestyle-dashboard-nav-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.lifestyle-dashboard-nav-card:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.lifestyle-dashboard-nav-card.edit-mode{cursor:grab;background:#ffffff0d;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.lifestyle-dashboard-nav-card.edit-mode:active{cursor:grabbing}.drag-handle{position:absolute;top:8px;right:8px;color:#fff6;display:flex;align-items:center;justify-content:center;transition:color .3s ease;pointer-events:none}.lifestyle-dashboard-nav-card.edit-mode:hover .drag-handle{color:#ffffffb3}.lifestyle-dashboard-nav-card.dragging{opacity:.4;z-index:999}.dragging-overlay{cursor:grabbing!important;transform:rotate(3deg);box-shadow:0 12px 40px #00000080;opacity:1;z-index:9999}.nav-card-icon{margin-bottom:10px;color:#fffc;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.lifestyle-dashboard-nav-card:hover .nav-card-icon{color:#fff;transform:scale(1.1)}.nav-card-icon svg{width:48px;height:48px;stroke:#fff;fill:none;stroke-width:1.5;pointer-events:none}.lifestyle-dashboard-nav-card h3{font-size:16px;font-weight:600;margin:0;color:#fff}.show-more-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:300px;margin:24px auto 0;padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.show-more-button:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-2px)}.edit-mode-info{margin-top:20px;margin-bottom:0;display:flex;justify-content:center}.info-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:6px;color:#93c5fde6;font-size:13px;max-width:600px}.info-badge svg{flex-shrink:0;color:#3b82f6cc}@media (max-width: 768px){.header-edit-button span{display:none}.header-edit-button{width:44px;height:44px;padding:0;justify-content:center}.header-right{width:auto}.header-content{flex-direction:row;align-items:center}}@media (max-width: 480px){.dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px}.lifestyle-dashboard-nav-card{padding:10px}.nav-card-icon svg{width:28px;height:28px}.lifestyle-dashboard-nav-card h3{font-size:11px}}@media (max-width: 768px){.lifestyle-dashboard-container{padding:16px}.lifestyle-dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:10px}.lifestyle-dashboard-nav-card{padding:12px}.lifestyle-nav-card-icon svg{width:36px;height:36px}.lifestyle-dashboard-nav-card h3{font-size:13px}}@media (max-width: 480px){.lifestyle-dashboard-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px}.lifestyle-dashboard-nav-card{padding:10px}.lifestyle-nav-card-icon svg{width:28px;height:28px}.lifestyle-dashboard-nav-card h3{font-size:11px}}.honeycomb-calendar{width:100%;height:100%;max-width:500px;max-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative!important;transform:scale(.9);transform-origin:center center}.honeycomb-calendar .calendar-header{display:flex;justify-content:center;align-items:center;margin-bottom:8px;padding:0 20px}.honeycomb-calendar .calendar-header h3{color:#fff;font-size:16px;font-weight:400;letter-spacing:.5px;margin:0}.honeycomb-calendar .calendar-nav{position:absolute!important;background:transparent;border:none;color:#fff;width:80px!important;height:80px!important;cursor:pointer!important;display:flex;align-items:center;justify-content:center;font-size:50px!important;transition:all .2s ease;top:55%!important;transform:translateY(-50%);z-index:999999!important;pointer-events:all!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}@media (max-width: 768px){.honeycomb-calendar .calendar-nav{width:100px!important;height:100px!important;font-size:60px!important}}.honeycomb-calendar .calendar-nav-left{left:18%!important}.honeycomb-calendar .calendar-nav-right{right:18%!important}.honeycomb-calendar .calendar-nav:hover{transform:translateY(-50%) scale(1.2);color:#fffc}.calendar-weekdays-honey{display:grid;grid-template-columns:repeat(7,36px);gap:0px;margin:0 auto -5px;width:fit-content;color:#ffffff80;font-size:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;position:relative;left:0}.calendar-weekdays-honey>div{text-align:center;padding:4px 0}.honeycomb-grid{overflow:visible;display:block;margin:0 auto;width:100%;height:100%}svg.honeycomb-grid{display:block;margin:0 auto;width:100%!important;height:100%!important;max-width:100%;max-height:100%}.honeycomb-day{transition:all .2s ease}.honeycomb-day:not(.empty-hex):hover .hex-bg{fill:#ffffff14;stroke:#ffffff4d;transform:scale(1.05)}.honeycomb-day.empty-hex .hex-bg{fill:#ffffff03;stroke:#ffffff0f}.honeycomb-day.today .hex-bg{fill:#00d4ff26;stroke:#00d4ff80;stroke-width:2}.honeycomb-day.today text{fill:#00d4ff;font-weight:600}.honeycomb-day:hover text{fill:#fff;font-weight:500}.points-area-number{font-size:30px!important;font-weight:700!important;font-family:monospace!important;line-height:1!important;margin-bottom:0!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}.points-area-label{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#ffffff80!important;margin-top:-.5vh!important}@keyframes evolutionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.evolution-pulse{animation:evolutionPulse 2s ease-in-out infinite}.lifecycle-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInUp .48s ease-out 0s forwards}.lifecycle-overlay.animating-close{animation:fadeOutDown .48s ease-in .4s forwards}@keyframes fadeInUp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes fadeOutDown{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.lifecycle-overlay:not(.animating-close) .hex-button{animation:hexFromCenter .32s ease-out .4s backwards}.lifecycle-overlay:not(.animating-close) .hex-button-small{animation:hexFromCenterTop .32s ease-out .4s backwards}.lifecycle-overlay.animating-close .hex-button{animation:hexToCenter .4s ease-out .16s forwards}.lifecycle-overlay.animating-close .hex-button-small{animation:xButtonDisappear .4s ease-out 0s forwards}@keyframes hexFromCenter{0%{transform:translateY(200px) scale(.1);opacity:0}to{opacity:1}}@keyframes hexFromCenterTop{0%{transform:translateY(200px) scale(1);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes hexToCenter{0%{transform:translateY(30%);opacity:1}to{transform:translateY(200px);opacity:0}}@keyframes xButtonDisappear{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(0) scale(1.2);opacity:1}40%{transform:translateY(0) scale(.9);opacity:1}to{transform:translateY(200px) scale(.3);opacity:0}}@keyframes navSlideUp{0%{transform:translate(-50%) translateY(150%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.lifecycle-overlay .floating-hexagon-nav{position:fixed;bottom:18%;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:flex-end;justify-content:center;gap:30px;width:450px;height:auto;overflow:visible}.lifecycle-overlay .hexagon-nav-container{position:relative;display:flex;flex-direction:column;align-items:center}.lifecycle-overlay .background-hexagon{position:absolute;top:50%;left:50%;transform:translate(-50%,-10%);pointer-events:none;z-index:-1}.lifecycle-overlay .hex-button{position:relative;background:transparent;border:none;cursor:pointer;padding:0;outline:none;transition:all .3s ease}.lifecycle-overlay .hex-button:hover{transform:scale(1.05)}.lifecycle-overlay .hex-shape-wrapper{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.lifecycle-overlay .hex-shape-wrapper-small{width:50px;height:50px}.lifecycle-overlay .hex-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:60px;height:60px}.lifecycle-overlay .hex-shape-wrapper-small .hex-svg{width:50px;height:50px}.lifecycle-overlay .hex-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.lifecycle-overlay .hex-label{font-size:5px!important;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.2px;transition:color .3s ease}.lifecycle-overlay span.hex-label.hex-label-year{font-size:12px!important}.lifecycle-overlay .hex-button.active .hex-label{color:#fff}.lifecycle-overlay .hex-button:hover .hex-label{color:#ffffffe6}.lifecycle-overlay .hex-svg-close path{fill:#ff466426;stroke:#ff4664b3;stroke-width:1.5}.lifecycle-overlay .hex-svg-close{filter:drop-shadow(0 0 12px rgba(255,70,100,.5))}.lifecycle-overlay .hex-button:hover .hex-svg-close path{fill:#ff466440;stroke:#ff4664e6}.lifecycle-overlay .hex-button:hover .hex-svg-close{filter:drop-shadow(0 0 16px rgba(255,70,100,.7))}.lifecycle-overlay .hex-content svg{color:#fff9;margin-bottom:2px;transition:color .3s ease}.lifecycle-overlay .hex-button.active .hex-content svg{color:#fff}.lifecycle-overlay .hex-button:hover .hex-content svg{color:#ffffffe6}.lifecycle-overlay .hex-button-small .hex-content svg{margin-bottom:0}@media (max-width: 768px){.lifecycle-overlay .floating-hexagon-nav{transform:translate(-50%) scale(.85);bottom:2%;gap:40px}}@media (max-width: 480px){.lifecycle-overlay .floating-hexagon-nav{transform:translate(-50%) scale(.75);bottom:1%;gap:30px}}.birth-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.birth-content.full-screen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;padding:0;background:transparent;border:none;box-shadow:none;position:relative;overflow:hidden}.content-scroll-area{height:100vh;overflow-y:auto;padding:40px 40px 250px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(0,255,136,.3) rgba(255,255,255,.05)}.content-scroll-area::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}.birth-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:0 auto}.birth-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:25px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.birth-section:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003;border-color:#00ff884d}.birth-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.birth-form{display:flex;flex-direction:column;gap:15px}.birth-field{display:flex;flex-direction:column;gap:8px}.birth-field label{color:#fffc;font-size:14px;font-weight:500;letter-spacing:.5px}.birth-field input,.birth-memories textarea,.birth-goals textarea{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 15px;color:#fff;font-size:15px;transition:all .3s ease;font-family:inherit}.birth-field input:focus,.birth-memories textarea:focus,.birth-goals textarea:focus{outline:none;border-color:#0f8;box-shadow:0 0 15px #00ff8826;background:#0006}.birth-field input::placeholder,.birth-memories textarea::placeholder,.birth-goals textarea::placeholder{color:#ffffff4d}.birth-quotes{display:flex;flex-direction:column;gap:15px}.birth-quote{background:#00ff880d;border-left:3px solid #00ff88;padding:15px;border-radius:0 8px 8px 0;color:#ffffffe6;font-style:italic;font-size:15px;line-height:1.6}@media (max-width: 768px){.content-scroll-area{padding:20px 20px 220px}.birth-sections{grid-template-columns:1fr;gap:20px}.bottom-gradient{height:220px}}.death-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.death-content.full-screen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;padding:0;background:transparent;border:none;box-shadow:none;position:relative;overflow:hidden}.content-scroll-area{height:100vh;overflow-y:auto;padding:40px 40px 250px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,0,136,.3) rgba(255,255,255,.05)}.content-scroll-area::-webkit-scrollbar{width:6px}.content-scroll-area::-webkit-scrollbar-track{background:#ffffff0d}.content-scroll-area::-webkit-scrollbar-thumb{background:#ff00884d;border-radius:3px}.bottom-gradient{position:fixed;bottom:0;left:0;right:0;height:250px;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.2) 80%,transparent 100%);pointer-events:none;z-index:1500}.death-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:0 auto}.death-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:25px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.death-section:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003;border-color:#ffffff4d}.death-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.death-entries-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.death-entry-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 15px;color:#ffffffe6;font-size:14px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.death-entry-item:hover{background:#ffffff14;border-color:#fff3}.delete-entry-btn{background:transparent;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-entry-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.death-input-area textarea{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 15px;color:#fff;font-size:15px;width:100%;resize:none;transition:all .3s ease;margin-bottom:10px;font-family:inherit;box-sizing:border-box}.death-input-area textarea:focus{outline:none;border-color:#ffffff4d;background:#0006}.death-input-area textarea::placeholder{color:#ffffff4d}.full-width{width:100%;justify-content:center}.death-quotes{display:flex;flex-direction:column;gap:15px}.death-reflection{display:flex;flex-direction:column;gap:25px}.reflection-prompt{display:flex;flex-direction:column;gap:10px}.reflection-prompt strong{color:#f08;font-size:15px;font-weight:600;letter-spacing:.5px}@media (max-width: 768px){.content-scroll-area{padding:20px 20px 220px}.death-sections{grid-template-columns:1fr;gap:20px}.bottom-gradient{height:220px}}.timeline-container{position:relative;width:96%;max-width:1400px;margin:0 auto 10px;z-index:20;pointer-events:none;display:flex;justify-content:center;padding-top:25px}.timeline-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;background:transparent;padding:0 10px;pointer-events:auto;border:none;box-shadow:none;flex-wrap:nowrap}.timeline-center{flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin:0 10px}.timeline-year.current{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:-.5px;padding:10px 20px;text-shadow:0 10px 30px rgba(0,0,0,.5);background:transparent}.timeline-year.current:hover{transform:scale(1.05);background:transparent;text-shadow:0 0 20px rgba(255,255,255,.4)}.timeline-connector{flex:1;height:1px;margin:0 10px;position:relative;opacity:.4;overflow:hidden;align-self:center;min-width:10px;background:#ffffff26}.timeline-connector.left-line{background:linear-gradient(90deg,#fff0,#fff3);box-shadow:none}.timeline-connector.right-line{background:linear-gradient(90deg,#fff3,#fff0);box-shadow:none}.timeline-connector:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;animation:connectorPulse 4s infinite cubic-bezier(.4,0,.2,1)}.timeline-connector.left-line:after{background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.7) 50%,transparent 100%);box-shadow:0 0 20px #00ffff80}.timeline-connector.right-line:after{background:linear-gradient(90deg,transparent 0%,rgba(255,0,255,.7) 50%,transparent 100%);box-shadow:0 0 20px #ff00ff80;animation-delay:2s}@keyframes connectorPulse{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.calendar-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.calendar-popup.closing{animation:fadeOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes fadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;width:90%;transform:scale(.9);opacity:0;animation:zoomIn .4s cubic-bezier(.34,1.56,.64,1) .1s forwards}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.card{background:#1e1e1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;transition:transform .3s ease}.card:hover{border-color:#fff3;transform:translateY(-5px)}@media (max-width: 768px){.calendar-grid{grid-template-columns:1fr;gap:20px;max-height:85vh;overflow-y:auto}.timeline-container{width:98%}.timeline-bar{padding:0 5px}.timeline-year{font-size:.8rem;padding:6px 5px}.timeline-year.current{font-size:1.3rem;padding:8px 5px}.timeline-connector{margin:0 5px;min-width:5px}}.settings-content{max-width:700px!important;height:calc(100vh - 40px);overflow-y:auto}.settings-container{padding:20px 30px}.settings-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.settings-section{margin-bottom:40px}.section-header{margin-bottom:20px}.settings-section-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.settings-section-icon{color:#fff;flex-shrink:0;transform:translateY(1px)}.settings-section-title h2{color:#fffffff2;font-size:20px;font-weight:600;margin:0}.section-description{color:#ffffff80;font-size:14px;margin:0}.settings-card{background:linear-gradient(135deg,#3c3c3c59,#28282840);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;margin-bottom:15px;transition:all .3s ease}.settings-card:hover{border-color:#ffffff40;box-shadow:0 8px 32px #00ffff1a}.settings-card.disabled{opacity:.5;cursor:not-allowed}.settings-card.disabled:hover{border-color:#ffffff26;box-shadow:none}.card-header{display:flex;align-items:center;gap:16px}.card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0ff3,#aa46ff33);display:flex;align-items:center;justify-content:center;color:#0ff;flex-shrink:0}.card-info{flex:1}.card-info h3{color:#fffffff2;font-size:18px;font-weight:600;margin:0 0 4px}.card-info p{color:#fff9;font-size:14px;margin:0}.card-actions{margin-top:16px;display:flex;justify-content:flex-end}.reset-button{background:linear-gradient(135deg,#ff46644d,#ff14504d);border:1px solid rgba(255,70,100,.5);color:#fff;padding:10px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button:hover{background:linear-gradient(135deg,#ff466480,#ff145080);border-color:#ff4664cc;box-shadow:0 4px 16px #ff46644d}.reset-button:disabled{opacity:.5;cursor:not-allowed}.success-message{display:flex;align-items:center;gap:8px;color:#4ade80;font-size:15px;font-weight:600;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-dialog{background:linear-gradient(135deg,#282828f2,#1e1e1ef2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;max-width:450px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-icon-warning{color:#fbbf24;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.confirm-dialog h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px}.confirm-dialog p{color:#ffffffb3;font-size:15px;line-height:1.6;margin-bottom:30px}.confirm-dialog p strong{color:#fffffff2;font-weight:600}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-button{padding:12px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.confirm-button.cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.confirm-button.cancel:hover{background:#ffffff26;border-color:#ffffff4d}.confirm-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(255,255,255,.2)}.confirm-button.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #ef444466}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.settings-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.settings-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.recurring-overview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.recurring-overview-container{width:90%;max-width:500px;max-height:80vh;background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #00000080}.recurring-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.recurring-header h2{margin:0;font-size:1.2rem;color:#fff;font-weight:600}.close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.recurring-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.area-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;opacity:.9}.area-todos-list{display:flex;flex-direction:column;gap:8px}.recurring-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:12px;transition:all .2s}.recurring-item:hover{background:#ffffff0f}.recurring-item.completed .title{text-decoration:line-through;color:#fff6}.checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.checkbox:hover{border-color:#fff9}.content{flex:1;display:flex;flex-direction:column;gap:4px}.title{font-size:.95rem;color:#ffffffe6}.meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#ffffff80}.frequency{display:flex;align-items:center;gap:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#ffffff80;gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.food-tracker-container{padding:20px;color:#fff;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.food-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-tracker-header h2{margin:0;font-size:24px;font-weight:600}.settings-btn{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s}.settings-btn:hover{background:#fff3}.food-settings-panel{background:#0003;padding:20px;border-radius:16px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-size:14px;color:#ffffffb3}.setting-group input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#fff;font-size:16px}.save-btn{background:#22c55e;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500}.daily-summary{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.macro-card{background:#ffffff0d;padding:12px 8px;border-radius:12px;display:flex;flex-direction:column;gap:2px}.macro-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:8px 0 0}.macro-icon{color:#ffffffe6}.macro-text{font-size:13px;color:#ffffffb3;font-weight:400}.macro-value-big{font-size:13px;font-weight:600;color:#fff}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.search-section{display:flex;flex-direction:column;gap:6px}.search-bar{display:flex;gap:10px}.search-bar input{flex:1;background:#ffffff1a;border:none;border-radius:12px;padding:12px 16px;color:#fff;font-size:16px}.search-bar input::placeholder{color:#ffffff80}.search-bar button{background:#ffffff1a;border:none;border-radius:12px;width:48px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.search-bar button:hover{background:#ffffff26}.scanner-container{background:#000;border-radius:12px;overflow:hidden;position:relative;padding-bottom:40px}.close-scanner-btn{position:absolute;bottom:0;left:0;width:100%;background:#ef4444;border:none;color:#fff;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.search-results{background:#0000004d;border-radius:12px;max-height:300px;overflow-y:auto}.product-item{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s;gap:6px}.product-item:last-child{border-bottom:none}.product-item:hover{background:#ffffff0d}.product-image{width:40px;height:40px;border-radius:6px;object-fit:cover;background:#ffffff1a}.product-icon-container{width:40px;height:40px;border-radius:6px;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.product-icon{color:#ffffffb3}.product-info{display:flex;flex-direction:column;flex:1}.product-name{font-weight:500}.product-brand{font-size:12px;color:#fff9}.product-nutrients{display:flex;gap:6px;margin-top:6px}.nutrient-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#fff9}.nutrient-item svg{color:#ffffff80}.add-btn-icon{background:none;border:none;color:#fff9;cursor:pointer}.add-product-modal{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.add-product-modal h3{margin:0;font-size:16px}.amount-input{display:flex;align-items:center;gap:10px}.amount-input input{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:#fff;width:80px}.nutrients-preview{display:flex;gap:6px;font-size:13px;color:#fffc}.modal-actions{display:flex;gap:8px;margin-top:8px}.modal-actions button{flex:1;padding:8px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.cancel-btn{background:#ffffff1a;color:#fff}.confirm-btn{background:#22c55e;color:#fff}.daily-log{display:flex;flex-direction:column;gap:10px}.daily-log h3{margin:0;font-size:18px}.log-list{display:flex;flex-direction:column;gap:8px}.log-entry{background:#ffffff0d;padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.entry-info{display:flex;flex-direction:column;gap:4px}.entry-name{font-weight:500}.entry-details{font-size:12px;color:#fff9}.delete-btn{background:#ef444433;border:none;color:#ef4444;padding:6px;border-radius:6px;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#ef44444d}.empty-log{font-style:italic;color:#ffffff80}.auth-container{min-height:100vh;background:#000 url(/images/0_1%20-%20Kopie.webp) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.auth-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:1}.auth-form{background:#0f0f0f4d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:25px;padding:40px;width:100%;max-width:450px;position:relative;z-index:10;box-shadow:0 25px 50px #0006,inset 0 1px #ffffff1a}.auth-form h1{color:#fff;text-align:center;margin-bottom:30px;font-size:28px;font-weight:700}.form-group{margin-bottom:20px;overflow:hidden;width:100%}.form-group label{display:block;color:#ffffffe6;margin-bottom:8px;font-size:14px;font-weight:500}.form-group input,.form-group select{width:100%;padding:14px 18px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;box-shadow:inset 0 2px 4px #0000001a;max-width:100%;min-width:0}.form-group input:focus,.form-group select:focus{outline:none;border-color:#fff6;background:#ffffff1f;box-shadow:inset 0 2px 4px #0000001a,0 0 20px #ffffff1a}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-group input::placeholder{color:#ffffff80}.auth-button{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.auth-button.primary{background:linear-gradient(135deg,#ffffff26,#ffffff0d);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 16px #0003,inset 0 1px #fff3}.auth-button.primary:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:translateY(-2px);box-shadow:0 12px 24px #0000004d,inset 0 1px #ffffff4d}.auth-button.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button.secondary{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2)}.auth-button.secondary:hover{background:#ffffff1a;color:#fff}.auth-switch{text-align:center;margin-top:20px}.auth-switch p{color:#ffffffb3;margin-bottom:10px;font-size:14px}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}@media (max-width: 768px){.auth-form{margin:20px;padding:30px;max-width:95vw}.auth-form h1{font-size:24px}.form-row.birth-gender{flex-direction:column;gap:0}.form-row.birth-gender .form-group{margin-bottom:15px}.form-row:not(.birth-gender){gap:10px}.form-row:not(.birth-gender) .form-group{flex:1;margin-bottom:20px}.form-group input,.form-group select{padding:12px 16px;font-size:16px}.form-group input[type=date]{max-width:100%!important;width:100%!important;overflow:hidden;min-height:48px!important;height:48px!important;line-height:1.2!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[type=date]::-webkit-datetime-edit{padding:0;margin:0;height:100%;display:flex;align-items:center}.form-group input[type=date]::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer;height:20px;width:20px}.form-group input[type=date]:invalid{color:#ffffff80}.form-group input[type=date]:valid{color:#fff}}@media (max-width: 480px){.auth-container{padding:10px}.auth-form{padding:25px 20px;margin:10px;max-width:98vw}.auth-form h1{font-size:22px;margin-bottom:25px}.form-group{margin-bottom:18px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select{padding:10px 14px;font-size:16px;border-radius:12px}.form-group input[type=date]{max-width:calc(100vw - 80px)!important;width:calc(100vw - 80px)!important;box-sizing:border-box!important;min-height:44px!important;height:44px!important}}.profile-image-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#ffffff08;border-radius:12px}.profile-image-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#ffffff0d;border:3px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.profile-image-preview img{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d}.upload-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.upload-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.crop-modal{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;flex-direction:column}.crop-container{position:relative;flex:1;background:#000}.crop-controls{padding:20px;background:#141414f2;display:flex;flex-direction:column;gap:15px}.crop-controls label{color:#fff;font-size:14px;font-weight:500}.zoom-slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:#ffffff1a;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px #ffffff4d}.zoom-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 0 10px #ffffff4d}.crop-buttons{display:flex;gap:10px}.crop-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.crop-btn.cancel{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.3)}.crop-btn.cancel:hover{background:#f871714d;border-color:#f8717180}.crop-btn.confirm{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.crop-btn.confirm:hover{background:#4ade804d;border-color:#4ade8080}.crop-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.profile-image-preview{width:100px;height:100px}.crop-controls{padding:15px}.crop-btn{padding:10px 15px;font-size:13px}}.container-playground{width:100vw;height:100vh;position:relative;background-image:url(/images/main-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}.container-playground:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1;pointer-events:none}.back-button{position:fixed;bottom:20px;right:20px;z-index:99999;padding:10px 20px;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff1a;border-color:#ffffff80;transform:scale(1.05)}.back-button:active{transform:scale(.95)}.container-toggle-button{position:fixed;bottom:20px;left:20px;z-index:99999;padding:10px 15px;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.container-toggle-button:hover{background:#ffffff1a;border-color:#ffffff80;transform:scale(1.05)}.container-toggle-button:active{transform:scale(.95)}.playground-container{position:fixed;left:0;width:100%;border:2px solid rgba(255,255,255,.3);z-index:10;transition:opacity .3s ease,visibility .3s ease;overflow:hidden;box-sizing:border-box}.container-playground:not(.show-containers) .playground-container{background:transparent!important;border:none!important}.container-playground:not(.show-containers) .sub-container{background:transparent!important;border:none!important}.container-playground:not(.show-containers) .container-label-wrapper{opacity:0;visibility:hidden}.container-label-wrapper{position:absolute;top:10px;left:10px;z-index:20;display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.container-label-wrapper.label-right{left:auto;right:10px}.container-label{font-size:10px;font-weight:700;color:#fff;background:#000c;padding:4px 8px;border-radius:4px;border:2px solid rgba(255,255,255,.5);cursor:help;transition:all .2s ease}.container-label:hover{background:#000000f2;border-color:#fffc;transform:scale(1.1)}.container-top>.container-label-wrapper .container-label{border-color:#ff6464cc;background:#ff64644d}.container-top>.container-label-wrapper .container-label:hover{border-color:#ff6464;background:#ff646480}.sub-top .container-label{border-color:#ffc864cc;background:#ffc8644d}.sub-top .container-label:hover{border-color:#ffc864;background:#ffc86480}.container-bottom>.container-label-wrapper .container-label{border-color:#6464ffcc;background:#6464ff4d}.container-bottom>.container-label-wrapper .container-label:hover{border-color:#6464ff;background:#6464ff80}.container-label-hover{position:relative;opacity:0;visibility:hidden;font-size:12px;font-weight:600;color:#fff;background:#000000e6;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.3);white-space:nowrap;transition:all .3s ease;transform:translate(-10px);flex-shrink:0}.container-label-wrapper:hover .container-label-hover{opacity:1;visibility:visible;transform:translate(0)}.container-top{top:0;height:61.8%;background:#ff64641a;border-bottom:2px solid rgba(255,100,100,.5);box-sizing:border-box}.container-bottom{bottom:0;height:38.2%;background:#6464ff1a;border-top:2px solid rgba(100,100,255,.5);box-sizing:border-box}.sub-container{position:absolute;left:0;width:100%;z-index:15;overflow:hidden;box-sizing:border-box}.sub-top{top:0;height:10%;background:#ffc86426;border:2px solid rgba(255,200,100,.6);border-top:none;box-sizing:border-box}.sub-middle{top:10%;height:66.4%;background:#64ffc826;border:2px solid rgba(100,255,200,.6);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;overflow:hidden;box-sizing:border-box;gap:0}.sub-bottom{top:76.4%;height:23.6%;background:#c864ff26;border:2px solid rgba(200,100,255,.6);border-bottom:none;display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden;box-sizing:border-box}.sub-middle .container-label{border-color:#64ffc8cc;background:#64ffc84d}.sub-middle .container-label:hover{border-color:#64ffc8;background:#64ffc880}.sub-bottom .container-label{border-color:#c864ffcc;background:#c864ff4d}.sub-bottom .container-label:hover{border-color:#c864ff;background:#c864ff80}.calendar-inner-container{height:90%;width:auto;aspect-ratio:3 / 2;max-width:95%;background:#ffa50026;border:2px solid rgba(255,165,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative;box-sizing:border-box;padding:0;gap:0;contain:size}@media (max-width: 600px){.calendar-inner-container{width:90%;height:auto;max-height:95%}}.calendar-inner-container>.container-label-wrapper{position:absolute;top:10px;left:10px;z-index:100}.calendar-inner-container>.container-label-wrapper .container-label{border-color:#ffa500cc;background:#ffa5004d}.calendar-inner-container>.container-label-wrapper .container-label:hover{border-color:orange;background:#ffa50080}.calendar-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex:1;z-index:20;overflow:visible;position:relative;padding:0;margin:0}.calendar-wrapper>.honeycomb-calendar{width:100%;height:100%;max-width:100%;max-height:100%;transform:none}.points-wrapper{width:100%;max-width:600px;margin-top:10px;z-index:20}.points-wrapper-a3{width:100%;height:90%;z-index:20;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;padding:0}.points-wrapper-a3>*{max-height:100%;width:auto!important;height:auto!important;transform:none}.hexagon-menu-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:#000;color:#fff;font-family:Arial,sans-serif;position:relative;overflow:hidden}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background-effects{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);animation:backgroundShift 10s ease-in-out infinite alternate}@keyframes backgroundShift{0%{transform:translate(-10px) translateY(-10px)}to{transform:translate(10px) translateY(10px)}}.app-main{width:100%;height:100vh;position:relative;z-index:5}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#000;color:#fff;text-align:center}.loading-screen .app-title{font-size:4rem;font-weight:700;background:linear-gradient(45deg,#0f8,#08f,#f08);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite;text-shadow:0 0 30px rgba(0,255,136,.5);margin-bottom:.5rem}.loading-screen .app-subtitle{font-size:1.2rem;color:#fff;opacity:.8;letter-spacing:2px;text-transform:uppercase;margin-bottom:2rem}.loading-text{font-size:1rem;color:#0f8;opacity:.7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-info{position:fixed;bottom:2rem;left:2rem;z-index:100;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,136,.3);border-radius:15px;padding:1.5rem;max-width:400px;box-shadow:0 0 30px #0f83}.section-title{font-size:1.5rem;font-weight:700;color:#0f8;margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,255,136,.5)}.section-description{font-size:1rem;color:#fff;opacity:.9;line-height:1.4}.version-switcher{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000}.test-link{display:inline-block;padding:12px 24px;background:#00ff881a;color:#0f8;text-decoration:none;border:2px solid rgba(0,255,136,.3);border-radius:25px;font-weight:700;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00ff881a}.test-link:hover{background:#0f83;border-color:#0f89;transform:translateY(-2px);box-shadow:0 5px 15px #00ff884d;color:#fff}.explore-button{background:linear-gradient(45deg,#0f8,#08f);border:none;border-radius:25px;padding:.8rem 1.5rem;color:#000;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:1px}.explore-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0f86;background:linear-gradient(45deg,#08f,#f08)}.section-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.close-panel{position:fixed;top:2rem;right:2rem;background:#f083;border:2px solid #ff0088;border-radius:50%;width:50px;height:50px;color:#f08;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:1001;display:flex;align-items:center;justify-content:center}.close-panel:hover{background:#f086;transform:scale(1.1);box-shadow:0 0 20px #ff008880}.section{padding:4rem 2rem;max-width:1200px;margin:0 auto;color:#fff}.section h1{font-size:3rem;text-align:center;margin-bottom:2rem;background:linear-gradient(45deg,#0f8,#08f,#f08);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}.section-content{text-align:center;margin-bottom:3rem}.section-content p{font-size:1.2rem;opacity:.8;margin-bottom:2rem;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,136,.3);border-radius:15px;padding:2rem;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);border-color:#0f89;box-shadow:0 10px 30px #0f83}.feature-card h3{font-size:1.5rem;color:#0f8;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,255,136,.5)}.feature-card p{font-size:1rem;opacity:.9;line-height:1.5}.core-section .feature-card{border-color:#ff00884d}.core-section .feature-card:hover{border-color:#f089;box-shadow:0 10px 30px #f083}.core-section .feature-card h3{color:#f08;text-shadow:0 0 10px rgba(255,0,136,.5)}.money-section .feature-card{border-color:#00ff884d}.body-section .feature-card{border-color:#0088ff4d}.body-section .feature-card:hover{border-color:#08f9;box-shadow:0 10px 30px #08f3}.body-section .feature-card h3{color:#08f;text-shadow:0 0 10px rgba(0,136,255,.5)}.creation-section .feature-card{border-color:#ff88004d}.creation-section .feature-card:hover{border-color:#f809;box-shadow:0 10px 30px #f803}.creation-section .feature-card h3{color:#f80;text-shadow:0 0 10px rgba(255,136,0,.5)}.lifestyle-section .feature-card{border-color:#8800ff4d}.lifestyle-section .feature-card:hover{border-color:#80f9;box-shadow:0 10px 30px #80f3}.lifestyle-section .feature-card h3{color:#80f;text-shadow:0 0 10px rgba(136,0,255,.5)}.canvas-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#000;color:#f08;text-align:center;padding:2rem}.canvas-error h2{font-size:2rem;margin-bottom:1rem;color:#f08}.canvas-error p{font-size:1rem;opacity:.8;max-width:600px;line-height:1.5}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUpCentered{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}