:root{--neon1: #4CAF50;--neon2: #45a049;--neon3: #8BC34A;--bg-dark: #0a0f0a;--bg-darker: #050805;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(76, 175, 80, .2);--border-hover: rgba(76, 175, 80, .4);--shadow-glow: 0 0 20px rgba(76, 175, 80, .3);--shadow-strong: 0 0 30px rgba(76, 175, 80, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:auto;transition:background-color .3s ease,color .3s ease}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.theme-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;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}.theme-guide{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:2px solid var(--neon1);border-radius:15px;padding:1.5rem;box-shadow:var(--shadow-strong);z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:bounceIn .5s ease;text-align:center;max-width:300px;width:90%}.header,.footer{z-index:1000}.theme-modal{background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideUp .4s ease}.theme-modal-header{text-align:center;margin-bottom:2rem}.theme-modal-header h2{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--neon1),var(--neon2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-modal-header p{color:var(--text-secondary);font-size:1rem}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.theme-option{background:var(--bg-card);border:2px solid var(--border-color);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.theme-option:hover{border-color:var(--neon1);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.theme-preview{width:100%;height:120px;border-radius:10px;margin-bottom:1rem;overflow:hidden;border:2px solid var(--border-color)}.main-content{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 140px)}.split-layout{display:flex;min-height:calc(100vh - 140px);padding:40px 20px;gap:40px;align-items:center;justify-content:center;max-width:1600px;margin:0 auto;width:100%;flex:1}.left-panel{flex:1;display:flex;justify-content:center;align-items:center;min-height:500px;max-width:800px}.right-panel{flex:1;max-width:600px;min-height:500px;display:flex;align-items:center;justify-content:center}.right-panel-content{border-radius:20px;padding:40px;width:100%;height:auto;min-height:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;position:relative;overflow-y:auto;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.header{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:relative;z-index:1000;box-shadow:0 4px 20px #0000001a;width:100%}.header-mobile{position:sticky;top:0;padding:.5rem 1rem;background:var(--bg-card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid var(--border-color);min-height:60px;z-index:1000;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;width:100%}.logo-section{display:flex;align-items:center;gap:.8rem}.brand-logo{width:50px;height:50px;object-fit:contain}.header-mobile .brand-logo{width:35px;height:35px}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--neon1),var(--neon2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.header-mobile .logo-title{font-size:1.1rem}.logo-subtitle{font-size:.8rem;color:var(--text-secondary);letter-spacing:1px}.header-mobile .logo-subtitle{font-size:.65rem}.theme-controls{display:flex;align-items:center;gap:8px}.auto-theme-indicator{font-size:10px;color:var(--neon1);background:var(--bg-card);padding:2px 6px;border-radius:8px;cursor:help;font-weight:600;border:1px solid var(--border-color)}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:8px;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.header-mobile .theme-toggle{width:32px;height:32px;padding:5px}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--neon1);box-shadow:var(--shadow-glow)}.theme-icon{font-size:16px}.header-mobile .theme-icon{font-size:12px}.footer{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:2rem;margin-top:auto;width:100%}.footer-content{max-width:1600px;margin:0 auto;text-align:center}.copyright{color:var(--text-muted);font-size:.8rem}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,195,74,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(76,175,80,.05) 0%,transparent 50%);animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.welcome-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;padding:20px 0}.welcome-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:30px;background:linear-gradient(135deg,var(--neon1),var(--neon2),var(--neon3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;text-shadow:0 0 30px rgba(76,175,80,.3)}.welcome-description{font-size:clamp(1rem,2vw,1.3rem);color:var(--text-secondary);margin-bottom:50px;line-height:1.7;max-width:min(400px,90%);font-weight:400}.typing-animation{margin-top:40px;padding:20px 30px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-glow);min-width:min(300px,90%)}.typing-text{font-size:clamp(1rem,2vw,1.4rem);color:var(--neon1);min-height:40px;display:flex;align-items:center;justify-content:center;gap:2px;font-weight:600;font-style:italic;margin:0;text-shadow:0 0 10px rgba(76,175,80,.3)}.typing-cursor{animation:blink 1s infinite;color:var(--neon1);font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.back-button-container{display:flex;justify-content:center;margin-bottom:30px;width:100%}.back-button{background:var(--bg-card);border:1px solid var(--neon1);color:var(--text-primary);padding:10px 20px;border-radius:25px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.back-button:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.panel-detail-icon{display:flex;justify-content:center;margin-bottom:30px}.panel-detail-icon svg{width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);color:var(--neon1);filter:drop-shadow(0 0 10px rgba(76,175,80,.3))}.panel-detail-title{font-size:clamp(1.8rem,4vw,2.5rem);text-align:center;margin-bottom:20px;background:linear-gradient(135deg,var(--neon1),var(--neon2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.panel-detail-description{text-align:center;font-size:clamp(.9rem,2vw,1.1rem);color:var(--text-secondary);margin-bottom:40px;line-height:1.8;max-width:min(500px,90%);margin-left:auto;margin-right:auto}.panel-detail-actions{display:flex;justify-content:center}.btn{padding:12px 30px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--neon1),var(--neon2));color:#fff;box-shadow:0 4px 15px #4caf504d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.desktop-container,.mobile-container{min-height:100vh;display:flex;flex-direction:column}.desktop-container .split-layout{flex:1}.mobile-container{padding-top:80px}.mobile-welcome{text-align:center;margin-bottom:2rem;padding:1.5rem 1rem 1rem}.welcome-title-animated{font-size:clamp(1.5rem,6vw,2rem);font-weight:800;background:linear-gradient(135deg,var(--neon1),var(--neon2),var(--neon3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.2;animation:titleSlideIn .8s ease-out,titleGlow 2s ease-in-out infinite alternate;text-shadow:0 0 20px rgba(76,175,80,.3)}.welcome-subtitle-animated{color:var(--text-secondary);font-size:clamp(.8rem,3vw,1rem);font-weight:500;animation:subtitleFadeIn 1s ease-out .3s both;line-height:1.4}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleGlow{0%{text-shadow:0 0 20px rgba(76,175,80,.3)}to{text-shadow:0 0 30px rgba(76,175,80,.6),0 0 40px rgba(76,175,80,.4)}}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-layout{padding:0 1rem 1rem;max-width:500px;margin:0 auto;flex:1;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--neon1),var(--neon2));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--neon2),var(--neon1))}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--neon1),var(--neon2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:0 0 10px rgba(76,175,80,.3)}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.theme-toggle-draggable,.draggable-toggle-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(max-width:1023px){.theme-toggle-draggable{transition:transform .2s ease,box-shadow .2s ease!important}}@media(max-width:1920px){.split-layout{max-width:1600px;padding:60px 40px}}@media(max-width:1600px){.split-layout{max-width:1400px;padding:50px 30px}}@media(max-width:1440px){.split-layout{max-width:1200px;padding:40px 20px}}@media(max-width:1200px){.split-layout{gap:30px;padding:30px 15px}.right-panel{max-width:500px}.right-panel-content{padding:30px}}@media(max-width:1024px){.split-layout{flex-direction:column;align-items:center;gap:40px;padding:30px 20px;min-height:auto}.left-panel,.right-panel{width:100%;max-width:800px;min-height:400px}.right-panel{max-width:600px}.left-panel{min-height:450px}}@media(max-width:768px){.header{padding:1rem}.header-content{flex-direction:column;gap:1rem}.logo-section{justify-content:center;text-align:center}.split-layout{padding:20px 10px;gap:30px}.left-panel{min-height:400px}.right-panel-content{padding:20px}.panel-detail-title{font-size:1.8rem}.welcome-title{font-size:2rem;margin-bottom:20px}.welcome-description{font-size:1.1rem;margin-bottom:30px}.typing-animation{margin-top:30px;padding:15px 20px}.typing-text{font-size:1.1rem}}@media(max-width:480px){.header{padding:.5rem}.logo-title{font-size:1.2rem}.logo-subtitle{font-size:.7rem}.split-layout{padding:15px 5px;gap:20px}.right-panel-content{padding:15px;border-radius:15px}.panel-detail-title{font-size:1.6rem}.panel-detail-icon svg{width:70px;height:70px}.back-button{padding:8px 16px;font-size:13px}.btn{padding:10px 20px;font-size:.9rem}.footer{padding:1rem}.welcome-title{font-size:1.6rem}.welcome-description{font-size:1rem}.typing-animation{margin-top:20px;padding:12px 16px}.typing-text{font-size:1rem}}@media(min-width:2000px){.split-layout{max-width:1800px;padding:80px 60px}.left-panel{max-width:1000px}.right-panel{max-width:700px}}.theme-guide-tooltip{position:fixed;top:80px;right:20px;z-index:10000;animation:slideInRight .5s ease}.tooltip-content{background:var(--bg-card);border:2px solid var(--neon1);border-radius:12px;padding:1rem;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;max-width:200px}.tooltip-arrow{position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--neon1)}.tooltip-content p{margin-bottom:.8rem;color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:center}.tooltip-content button{background:var(--neon1);color:#fff;border:none;padding:.4rem 1rem;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:600;width:100%;transition:all .3s ease}.tooltip-content button:hover{background:var(--neon2);transform:translateY(-1px)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.theme-toggle.highlight{animation:togglePulse 2s ease-in-out infinite}@keyframes togglePulse{0%,to{box-shadow:0 0 0 3px var(--neon1),var(--shadow-glow)}50%{box-shadow:0 0 0 5px var(--neon1),0 0 30px var(--neon1)}}.theme-toggle.auto-mode{background:linear-gradient(135deg,var(--neon1),var(--neon3))!important}body.dark-theme{--neon1: #A0BDB2;--neon2: #8CAD9F;--neon3: #769E8C;--accent1: #355C3D;--accent2: #2E7D32;--accent3: #4CAF50;--bg-dark: #0a1a0f;--bg-darker: #051309;--bg-card: rgba(53, 92, 61, .8);--bg-card-hover: rgba(53, 92, 61, .7);--text-primary: #e8f5e9;--text-secondary: rgba(232, 245, 233, .8);--text-muted: rgba(232, 245, 233, .6);--border-color: rgba(160, 189, 178, .3);--border-hover: rgba(160, 189, 178, .6);--shadow-glow: 0 0 20px rgba(160, 189, 178, .2);--shadow-strong: 0 0 30px rgba(160, 189, 178, .3)}body.dark-theme{background:var(--bg-dark);color:var(--text-primary)}body.dark-theme .header,body.dark-theme .header-mobile{background:#355c3dfa;border-bottom:2px solid rgba(255,255,255,.4);box-shadow:0 4px 30px #355c3d80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.dark-theme .footer{background:#355c3dfa;border-top:2px solid rgba(255,255,255,.4);box-shadow:0 -4px 30px #355c3d66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.dark-theme .header .logo-title,body.dark-theme .header .logo-subtitle,body.dark-theme .header-mobile .logo-title,body.dark-theme .header-mobile .logo-subtitle{color:#a0bdb2!important;-webkit-text-fill-color:#A0BDB2!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600}body.dark-theme .footer,body.dark-theme .footer *{color:#fff!important}body.dark-theme .theme-toggle{background:#355c3de6;border:2px solid rgba(255,255,255,.5);color:#fff;box-shadow:0 4px 15px #355c3d66,inset 0 1px 2px #ffffff4d;font-weight:700;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-theme .theme-toggle:hover{background:#355c3d;border-color:#fffc;box-shadow:0 6px 25px #355c3d99,0 0 0 2px #ffffff4d,inset 0 1px 3px #fff6;transform:scale(1.05);color:#fff}body.dark-theme .theme-icon{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease;color:#fff}body.dark-theme .auto-theme-indicator{background:#355c3de6;border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 8px;border-radius:6px;font-size:11px;letter-spacing:.5px}body.dark-theme .bg-overlay{background:radial-gradient(circle at 20% 20%,rgba(160,189,178,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(140,173,159,.08) 0%,transparent 50%),radial-gradient(circle at 40% 70%,rgba(118,158,140,.05) 0%,transparent 45%),linear-gradient(180deg,#0a1a0f,#051309);animation:subtlePulse 10s ease-in-out infinite}body.dark-theme .circular-panel{background:linear-gradient(135deg,#355c3df2,#2e5236d9,#27482ff2);border:2px solid rgba(255,255,255,.5);box-shadow:0 8px 25px #355c3d4d,inset 0 4px 12px #ffffff4d,inset 0 -4px 12px #213e2966,0 0 20px #355c3d80,0 0 40px #355c3d4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.25,.46,.45,.94);color:#a0bdb2}body.dark-theme .circular-panel:hover{background:linear-gradient(135deg,#355c3dfa,#2e5236e6,#27482ffa);border-color:#ffffffb3;box-shadow:0 12px 35px #355c3d80,inset 0 6px 18px #fff6,inset 0 -6px 18px #213e2999,0 0 30px #355c3dcc,0 0 60px #355c3d80,0 0 90px #355c3d4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:15}body.dark-theme .circular-panel.active{background:linear-gradient(135deg,#2e7d32f2,#296e2dd9,#245f28f2);border-color:#fffc;box-shadow:0 15px 40px #2e7d3299,inset 0 8px 20px #ffffff80,inset 0 -8px 20px #245f28b3,0 0 40px #2e7d32e6,0 0 80px #2e7d3299,0 0 120px #2e7d3266;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:20}body.dark-theme .circular-panel .panel-icon svg{color:#a0bdb2!important;filter:drop-shadow(0 0 8px rgba(160,189,178,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.1))}body.dark-theme .circular-panel .panel-title{color:#a0bdb2;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.5)}body.dark-theme .right-panel-content{background:#0a1a0ff2;border:2px solid rgba(160,189,178,.2);box-shadow:0 8px 32px #a0bdb226;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#e8f5e9}body.dark-theme .right-panel-content.default-content{background:#0a1a0ff2}body.dark-theme .welcome-title{background:linear-gradient(135deg,#a0bdb2,#8cad9f)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.dark-theme .welcome-description{color:#e8f5e9cc!important}body.dark-theme .typing-animation{background:#355c3df2;border:2px solid rgba(53,92,61,.3);color:#fff}body.dark-theme .typing-text{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.3);font-weight:600}body.dark-theme .right-panel-content.active-panel{background:#0a1a0ff2}body.dark-theme .panel-detail-title{background:linear-gradient(135deg,#a0bdb2,#8cad9f)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.dark-theme .panel-detail-description{color:#e8f5e9cc!important}body.dark-theme .panel-detail-icon svg{color:#a0bdb2!important;filter:drop-shadow(0 0 10px rgba(160,189,178,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.1))}body.dark-theme .logo-circle{background:#355c3df2;box-shadow:0 12px 40px #355c3d40,0 0 0 3px #fff6,inset 0 2px 10px #ffffff4d;animation:logoFloat 4s ease-in-out infinite}body.dark-theme .logo-circle span{color:#a0bdb2!important;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-theme .btn-primary{background:#a0bdb2f2;color:#355c3d!important;box-shadow:0 6px 20px #a0bdb266,0 3px 8px #00000026;border:2px solid rgba(255,255,255,.5);font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5);transition:all .3s cubic-bezier(.25,.46,.45,.94)}body.dark-theme .btn-primary:hover{background:#a0bdb2;color:#355c3d!important;box-shadow:0 8px 25px #a0bdb299,0 5px 15px #0003;transform:translateY(-2px);border-color:#ffffffb3}body.dark-theme .back-button{background:#a0bdb2e6;border:2px solid rgba(255,255,255,.5);color:#355c3d;box-shadow:0 4px 15px #a0bdb24d;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.5)}body.dark-theme .back-button:hover{background:#a0bdb2;border-color:#ffffffb3;box-shadow:0 6px 20px #a0bdb266,0 0 0 2px #ffffff4d;color:#355c3d}body.dark-theme .panel-icon svg,body.dark-theme .menu-icon svg,body.dark-theme .modal-icon svg,body.dark-theme .panel-detail-icon svg{color:#a0bdb2!important;filter:drop-shadow(0 0 8px rgba(160,189,178,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media(max-width:1023px){body.dark-theme .header-mobile{background:#355c3dfa!important;border-bottom:2px solid rgba(255,255,255,.4)!important}body.dark-theme .mobile-menu-item{background:linear-gradient(135deg,#355c3df2,#2e5236d9,#27482ff2)!important}}body.normal-theme{--neon1: #A0BDB2;--neon2: #8CAD9F;--neon3: #769E8C;--accent1: #355C3D;--accent2: #2E7D32;--accent3: #4CAF50;--bg-dark: #ffffff;--bg-darker: #B8CDC3;--bg-card: rgba(53, 92, 61, .95);--bg-card-hover: rgba(53, 92, 61, .85);--text-primary: #1a1a1a;--text-secondary: rgba(0, 0, 0, .8);--text-muted: rgba(0, 0, 0, .6);--border-color: rgba(53, 92, 61, .3);--border-hover: rgba(53, 92, 61, .6);--shadow-glow: 0 0 20px rgba(53, 92, 61, .2);--shadow-strong: 0 0 30px rgba(53, 92, 61, .3)}body.normal-theme{background:var(--bg-dark);color:var(--text-primary)}body.normal-theme .header{background:#355c3dfa;border-bottom:2px solid rgba(234,179,179,.4);box-shadow:0 4px 30px #355c3d80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#a0bdb2}body.normal-theme .footer{background:#355c3dfa;border-top:2px solid rgba(255,255,255,.4);box-shadow:0 -4px 30px #355c3d66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.normal-theme .footer,body.normal-theme .footer *{color:#fff!important}body.normal-theme .header .logo-title,body.normal-theme .header .logo-subtitle{color:#a0bdb2!important;-webkit-text-fill-color:#A0BDB2!important;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600}body.normal-theme .theme-toggle{background:#355c3de6;border:2px solid rgba(255,255,255,.5);color:#fff;box-shadow:0 4px 15px #355c3d66,inset 0 1px 2px #ffffff4d;font-weight:700;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.normal-theme .theme-toggle:hover{background:#355c3d;border-color:#fffc;box-shadow:0 6px 25px #355c3d99,0 0 0 2px #ffffff4d,inset 0 1px 3px #fff6;transform:scale(1.05);color:#fff}body.normal-theme .auto-theme-indicator{background:#355c3de6;border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 8px;border-radius:6px;font-size:11px;letter-spacing:.5px}body.normal-theme .bg-overlay{background:radial-gradient(circle at 20% 20%,rgba(53,92,61,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(46,125,50,.05) 0%,transparent 50%),radial-gradient(circle at 40% 70%,rgba(76,175,80,.03) 0%,transparent 45%),linear-gradient(180deg,#e3f0ea 0% 100%);animation:subtlePulse 10s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.98}}body.normal-theme .circular-panel{background:linear-gradient(135deg,#355c3df2,#2e5236d9,#27482ff2);border:2px solid rgba(255,255,255,.5);box-shadow:0 8px 25px #355c3d4d,inset 0 4px 12px #ffffff4d,inset 0 -4px 12px #213e2966,0 0 20px #355c3d80,0 0 40px #355c3d4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.25,.46,.45,.94);color:#a0bdb2}body.normal-theme .circular-panel:hover{background:linear-gradient(135deg,#355c3dfa,#2e5236e6,#27482ffa);border-color:#ffffffb3;box-shadow:0 12px 35px #355c3d80,inset 0 6px 18px #fff6,inset 0 -6px 18px #213e2999,0 0 30px #355c3dcc,0 0 60px #355c3d80,0 0 90px #355c3d4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:15}body.normal-theme .circular-panel.active{background:linear-gradient(135deg,#2e7d32f2,#296e2dd9,#245f28f2);border-color:#fffc;box-shadow:0 15px 40px #2e7d3299,inset 0 8px 20px #ffffff80,inset 0 -8px 20px #245f28b3,0 0 40px #2e7d32e6,0 0 80px #2e7d3299,0 0 120px #2e7d3266;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:20}body.normal-theme .circular-panel .panel-icon svg{color:#2e7d32!important;filter:drop-shadow(0 0 15px rgba(46,125,50,.7)) drop-shadow(0 3px 8px rgba(0,0,0,.2))}body.normal-theme .circular-panel .panel-title{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}body.normal-theme .right-panel-content{background:#a0bdb2;border:2px solid rgba(53,92,61,.2);box-shadow:0 8px 32px #355c3d26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#1a1a1a}body.normal-theme .right-panel-content.default-content{background:#a0bdb2}body.normal-theme .welcome-title{background:linear-gradient(135deg,#355c3d,#2e7d32)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.normal-theme .welcome-description{color:#000c!important}body.normal-theme .typing-animation{background:#355c3df2;border:2px solid rgba(53,92,61,.3);color:#fff}body.normal-theme .typing-text{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.3);font-weight:600}body.normal-theme .right-panel-content.active-panel{background:#a0bdb2!important;border:2px solid rgba(53,92,61,.3);box-shadow:0 12px 40px #355c3d33;color:#355c3d!important}body.normal-theme .panel-detail-title{background:linear-gradient(135deg,#355c3d,#2e7d32)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.normal-theme .panel-detail-description{color:#000c!important}body.normal-theme .panel-detail-icon svg{color:#2e7d32!important;filter:drop-shadow(0 0 20px rgba(46,125,50,.8)) drop-shadow(0 4px 10px rgba(0,0,0,.2))}body.normal-theme .logo-circle{background:#355c3df2;box-shadow:0 12px 40px #355c3d40,0 0 0 3px #fff6,inset 0 2px 10px #ffffff4d;animation:logoFloat 4s ease-in-out infinite}body.normal-theme .logo-circle span{color:#a0bdb2!important;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes logoFloat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}body.normal-theme .btn-primary{background:#a0bdb2f2;color:#355c3d!important;box-shadow:0 6px 20px #a0bdb266,0 3px 8px #00000026;border:2px solid rgba(255,255,255,.5);font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5);transition:all .3s cubic-bezier(.25,.46,.45,.94)}body.normal-theme .btn-primary:hover{background:#a0bdb2;color:#355c3d!important;box-shadow:0 8px 25px #a0bdb299,0 5px 15px #0003;transform:translateY(-2px);border-color:#ffffffb3}body.normal-theme .back-button{background:#a0bdb2e6;border:2px solid rgba(255,255,255,.5);color:#355c3d;box-shadow:0 4px 15px #a0bdb24d;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.5)}body.normal-theme .back-button:hover{background:#a0bdb2;border-color:#ffffffb3;box-shadow:0 6px 20px #a0bdb266,0 0 0 2px #ffffff4d;color:#355c3d}body.normal-theme .panel-icon svg,body.normal-theme .modal-icon svg,body.normal-theme .panel-detail-icon svg{color:#2e7d32!important;filter:drop-shadow(0 0 12px rgba(46,125,50,.6)) drop-shadow(0 2px 6px rgba(0,0,0,.15))}@media(max-width:1023px){body.normal-theme .header-mobile{background:#355c3dfa!important;border-bottom:2px solid rgba(255,255,255,.4)!important}body.normal-theme .mobile-menu-item{background:linear-gradient(135deg,#355c3df2,#2e5236d9,#27482ff2)!important}}.circular-layout{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;min-height:400px}.circular-container{position:relative;width:min(500px,90vw);height:min(500px,90vw);display:flex;justify-content:center;align-items:center;margin:0 auto}.circular-panel{position:absolute;width:clamp(100px,20vw,140px);height:clamp(100px,20vw,140px);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.circular-panel.active{z-index:100}.circular-panel.hidden{opacity:.3;pointer-events:none}.panel-icon{width:clamp(35px,8vw,50px);height:clamp(35px,8vw,50px);margin-bottom:clamp(5px,2vw,10px);display:flex;align-items:center;justify-content:center}.panel-icon svg{width:100%;height:100%}.panel-title{font-size:clamp(.65rem,2vw,.8rem);font-weight:600;text-align:center;line-height:1.2;max-width:clamp(70px,15vw,100px)}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;transition:opacity .3s ease}.logo-circle{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.logo-circle span{font-size:clamp(1rem,3vw,1.5rem);font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mobile-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-dark);padding-top:0}.mobile-layout{padding:.5rem 1rem 1rem;max-width:500px;margin:0 auto;flex:1;width:100%}.mobile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,2vw,.8rem);padding:.5rem 0}.mobile-menu-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:16px;padding:clamp(.8rem,3vw,1rem) clamp(.3rem,2vw,.5rem)!important;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);gap:.5rem;min-height:clamp(85px,25vw,100px);width:100%!important;background:linear-gradient(135deg,#355c3df2,#2e5236d9,#27482ff2)!important;border:2px solid rgba(255,255,255,.5)!important;box-shadow:0 6px 20px #355c3d26,inset 0 4px 12px #ffffff4d,inset 0 -4px 12px #213e2966,0 0 20px #355c3d80!important}.mobile-menu-item:hover,.mobile-menu-item:active{background:linear-gradient(135deg,#355c3dfa,#2e5236e6,#27482ffa)!important;border-color:#ffffffb3!important;box-shadow:0 8px 25px #355c3d40,inset 0 6px 18px #fff6,inset 0 -6px 18px #213e2999,0 0 30px #355c3dcc!important;transform:translateY(-2px)}.mobile-menu-item .menu-icon{width:clamp(30px,10vw,40px)!important;height:clamp(30px,10vw,40px)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto .5rem!important;padding:0!important}.mobile-menu-item .menu-icon svg{width:100%!important;height:100%!important;color:#fff!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.3))!important;margin:0 auto!important;display:block!important}.mobile-menu-item .menu-title{font-size:clamp(.7rem,2.8vw,.8rem)!important;font-weight:700!important;line-height:1.3!important;text-align:center!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%!important;margin:0 auto!important;letter-spacing:.3px;padding:0!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5),0 2px 6px rgba(53,92,61,.3)!important}.header-mobile{position:fixed!important;top:0!important;left:0!important;right:0!important;padding:.5rem 1rem!important;background:#355c3dfa!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border-bottom:2px solid rgba(255,255,255,.4)!important;min-height:60px!important;z-index:1000!important;width:100%!important;display:flex!important;align-items:center!important;box-shadow:0 4px 20px #0000004d!important}.header-mobile .header-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;margin:0!important;height:60px!important;flex-wrap:nowrap!important}.header-mobile .logo-section{display:flex!important;align-items:center!important;gap:.8rem!important;flex-shrink:0!important;min-width:0!important}.header-mobile .logo-title{font-size:1.1rem!important;font-weight:700!important;color:#a0bdb2!important;-webkit-text-fill-color:#A0BDB2!important;line-height:1.2!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.header-mobile .logo-subtitle{font-size:.65rem!important;color:#a0bdb2!important;letter-spacing:1px!important;text-shadow:0 1px 1px rgba(0,0,0,.3)!important}.header-mobile .brand-logo{width:35px!important;height:35px!important;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important}.mobile-container{padding-top:70px!important}@media(max-width:480px){.header-mobile{padding:.4rem .8rem!important;min-height:55px!important}.header-mobile .header-content{height:55px!important}.header-mobile .logo-section{gap:.6rem!important}.mobile-container{padding-top:65px!important}}@media(max-width:380px){.header-mobile{padding:.3rem .6rem!important;min-height:50px!important}.header-mobile .header-content{height:50px!important}.header-mobile .logo-title{font-size:1rem!important}.header-mobile .logo-subtitle{font-size:.6rem!important}.header-mobile .brand-logo{width:32px!important;height:32px!important}.mobile-container{padding-top:60px!important}}@media(max-width:320px){.header-mobile{padding:.2rem .4rem!important}.header-mobile .logo-section{gap:.5rem!important}.header-mobile .logo-title{font-size:.9rem!important}.header-mobile .logo-subtitle{font-size:.55rem!important}}body.normal-theme .mobile-welcome{text-align:center;margin-bottom:1rem;margin-top:1.5rem;padding:1.5rem 1rem;background:#355c3de6;border-radius:16px;border:2px solid rgba(255,255,255,.3);color:#fff}body.normal-theme .mobile-welcome h1{font-size:clamp(1.4rem,5vw,1.6rem);font-weight:700;color:#fff!important;-webkit-text-fill-color:#ffffff!important;margin-bottom:.3rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.normal-theme .mobile-welcome p{color:#ffffffe6!important;font-size:clamp(.75rem,3vw,.85rem)}body.dark-theme .mobile-welcome{text-align:center;margin-bottom:1rem;margin-top:1.5rem;padding:1.5rem 1rem;background:#355c3de6;border-radius:16px;border:2px solid rgba(76,175,80,.3);color:#fff}body.dark-theme .mobile-welcome h1{font-size:clamp(1.4rem,5vw,1.6rem);font-weight:700;color:#a0bdb2!important;-webkit-text-fill-color:#A0BDB2!important;margin-bottom:.3rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-theme .mobile-welcome p{color:#ffffffe6!important;font-size:clamp(.75rem,3vw,.85rem)}.mobile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.mobile-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body.normal-theme .mobile-modal{position:relative;background:#a0bdb2fa;border:2px solid rgba(255,255,255,.4);border-radius:20px;width:100%;max-width:min(400px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #a0bdb266;animation:modalSlideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.dark-theme .mobile-modal{position:relative;background:#355c3df2;border:2px solid rgba(160,189,178,.4);border-radius:20px;width:100%;max-width:min(400px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #355c3d66;animation:modalSlideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:flex-end;padding:1rem 1rem 0}body.normal-theme .modal-close{background:#355c3de6;border:2px solid rgba(255,255,255,.5);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #355c3d4d}body.normal-theme .modal-close:hover,body.normal-theme .modal-close:active{background:#355c3d;border-color:#ffffffb3;box-shadow:0 6px 20px #355c3d66,0 0 0 2px #ffffff4d}body.dark-theme .modal-close{background:#a0bdb2e6;border:2px solid rgba(255,255,255,.5);color:#355c3d;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #a0bdb24d}body.dark-theme .modal-close:hover,body.dark-theme .modal-close:active{background:#a0bdb2;border-color:#ffffffb3;box-shadow:0 6px 20px #a0bdb266,0 0 0 2px #ffffff4d}.modal-body{padding:clamp(1rem,4vw,1rem) clamp(1.5rem,5vw,2rem) clamp(1.5rem,5vw,2rem);text-align:center}.modal-icon{width:clamp(60px,20vw,80px);height:clamp(60px,20vw,80px);margin:0 auto clamp(1rem,4vw,1.5rem);display:flex;align-items:center;justify-content:center}body.normal-theme .modal-icon svg{width:100%;height:100%;color:#355c3d!important;filter:drop-shadow(0 0 10px rgba(53,92,61,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.2))}body.dark-theme .modal-icon svg{width:100%;height:100%;color:#a0bdb2!important;filter:drop-shadow(0 0 10px rgba(160,189,178,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.2))}body.normal-theme .modal-title{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700;text-align:center;margin-bottom:1rem;color:#355c3d!important;-webkit-text-fill-color:#355C3D!important;line-height:1.3}body.dark-theme .modal-title{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700;text-align:center;margin-bottom:1rem;color:#a0bdb2!important;-webkit-text-fill-color:#A0BDB2!important;line-height:1.3}body.normal-theme .modal-description{text-align:center;color:#355c3de6!important;margin-bottom:clamp(1.5rem,5vw,2rem);line-height:1.5;font-size:clamp(.85rem,3vw,.95rem)}body.dark-theme .modal-description{text-align:center;color:#ffffffe6!important;margin-bottom:clamp(1.5rem,5vw,2rem);line-height:1.5;font-size:clamp(.85rem,3vw,.95rem)}.modal-actions{display:flex;justify-content:center}.mobile-container{padding-top:60px!important}@media(max-width:480px){.mobile-layout{padding:.3rem .8rem .8rem}.mobile-welcome{margin-bottom:1rem}.mobile-grid{grid-template-columns:repeat(3,1fr);gap:.7rem}.mobile-menu-item{padding:.8rem .4rem!important;min-height:90px!important}.mobile-menu-item .menu-icon{width:35px!important;height:35px!important}.mobile-menu-item .menu-title{font-size:.7rem!important}.mobile-modal{max-width:350px}.header-mobile{padding:.5rem .8rem!important}.header-mobile .logo-section{gap:.6rem!important}.header-mobile .theme-controls{gap:6px!important}}@media(max-width:380px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.mobile-menu-item{padding:.7rem .3rem!important;min-height:85px!important}.mobile-menu-item .menu-icon{width:32px!important;height:32px!important}.mobile-menu-item .menu-title{font-size:.65rem!important;font-weight:600!important;line-height:1.2!important}.mobile-modal{max-width:320px;margin:.5rem}.modal-body{padding:.8rem 1.2rem 1.2rem}.modal-icon{width:60px;height:60px}.modal-title{font-size:1.2rem}.header-mobile{padding:.4rem .6rem!important;min-height:55px!important}.header-mobile .header-content{height:55px!important}.header-mobile .logo-section{gap:.5rem!important}.logo-text{max-width:120px!important}.mobile-container{padding-top:55px!important}}@media(max-width:320px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.mobile-menu-item{padding:.6rem .2rem!important;min-height:80px!important}.mobile-menu-item .menu-title{font-size:.6rem!important;line-height:1.1!important}}@media(hover:none)and (pointer:coarse){.mobile-menu-item:hover{transform:none}.mobile-menu-item:active,.btn:active{transform:scale(.95)}.modal-close:active{transform:scale(.9)}}.mobile-modal::-webkit-scrollbar{width:6px}body.normal-theme .mobile-modal::-webkit-scrollbar-track{background:#a0bdb233;border-radius:3px}body.normal-theme .mobile-modal::-webkit-scrollbar-thumb{background:#355c3db3;border-radius:3px}body.normal-theme .mobile-modal::-webkit-scrollbar-thumb:hover{background:#355c3de6}body.dark-theme .mobile-modal::-webkit-scrollbar-track{background:#a0bdb233;border-radius:3px}body.dark-theme .mobile-modal::-webkit-scrollbar-thumb{background:#355c3db3;border-radius:3px}body.dark-theme .mobile-modal::-webkit-scrollbar-thumb:hover{background:#355c3de6}.theme-toggle-draggable{width:55px!important;height:55px!important;border-radius:50%!important;background:#355c3df2!important;border:2px solid rgba(255,255,255,.7)!important;color:#fff!important;cursor:grab!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 25px #355c3d66,0 4px 15px #0003,inset 0 1px #fff6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .2s cubic-bezier(.25,.46,.45,.94)!important;user-select:none!important;-webkit-user-select:none!important;touch-action:none!important;will-change:transform}.theme-toggle-draggable:hover{background:#355c3d!important;border-color:#ffffffe6!important;box-shadow:0 12px 35px #355c3d99,0 6px 20px #0000004d,inset 0 1px #fff9!important;transform:scale(1.05)!important}.theme-toggle-draggable.dragging{cursor:grabbing!important;transform:scale(1.15) rotate(5deg)!important;box-shadow:0 15px 40px #355c3dcc,0 8px 25px #0006,inset 0 1px #fffc!important;border-color:#fff!important;transition:none!important}.draggable-toggle-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none!important}.theme-icon-draggable{font-size:22px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;transition:transform .2s ease!important;pointer-events:none!important}.theme-toggle-draggable.dragging .theme-icon-draggable{transform:scale(.9)!important}.auto-badge{position:absolute;top:3px;right:3px;background:#fffffff2;color:#355c3d;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(53,92,61,.8);pointer-events:none!important}.drag-handle{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:22px;height:3px;background:#ffffffb3;border-radius:2px;opacity:.8;pointer-events:none!important;transition:opacity .2s ease}.theme-toggle-draggable:hover .drag-handle{opacity:1;width:24px}.theme-toggle-draggable.dragging .drag-handle{opacity:.6;width:20px}.theme-toggle-draggable.auto-mode{background:linear-gradient(135deg,#355c3df2,#4caf50e6)!important;animation:auto-pulse 3s ease-in-out infinite!important}@keyframes auto-pulse{0%,to{box-shadow:0 8px 25px #355c3d66,0 4px 15px #0003}50%{box-shadow:0 8px 25px #355c3d66,0 4px 15px #0003,0 0 20px #4caf5099}}.header-mobile .theme-controls{display:none!important}@media(max-width:480px){.theme-toggle-draggable{width:52px!important;height:52px!important}.theme-icon-draggable{font-size:20px!important}}@media(max-width:380px){.theme-toggle-draggable{width:50px!important;height:50px!important}.theme-icon-draggable{font-size:18px!important}.auto-badge{width:14px;height:14px;font-size:9px}}.theme-toggle-draggable{z-index:9999!important}.photos-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem 0;margin-top:1.5rem}.photo-item{flex:0 0 auto;width:280px;scroll-snap-align:start;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #355c3d4d}.photo-item img{width:100%;height:150px;object-fit:fit}.photo-caption{background:#355c3df2;color:#fff;padding:.8rem;text-align:center;font-size:.8rem;font-weight:600}