:root{--bg-color: #e0e5ec;--text-main: #2d3748;--text-muted: #718096;--primary-color: #4f46e5;--primary-hover: #4338ca;--accent-color: #10b981;--danger-color: #ef4444;--neu-flat: 9px 9px 16px rgba(163, 177, 198, .6), -9px -9px 16px rgba(255, 255, 255, .8);--neu-flat-sm: 5px 5px 10px rgba(163, 177, 198, .5), -5px -5px 10px rgba(255, 255, 255, .8);--neu-flat-hover: 12px 12px 20px rgba(163, 177, 198, .7), -12px -12px 20px rgba(255, 255, 255, .9);--neu-pressed: inset 6px 6px 12px rgba(163, 177, 198, .7), inset -6px -6px 12px rgba(255, 255, 255, .9);--neu-inset: inset 5px 5px 10px rgba(163, 177, 198, .6), inset -5px -5px 10px rgba(255, 255, 255, .8);--card-bg: #e0e5ec;--border-radius-lg: 24px;--border-radius-md: 16px;--border-radius-sm: 10px}[data-theme=dark]{--bg-color: #18191c;--text-main: #e2e8f0;--text-muted: #94a3b8;--primary-color: #6366f1;--primary-hover: #818cf8;--accent-color: #34d399;--danger-color: #f87171;--neu-flat: 8px 8px 16px #121315, -8px -8px 16px #1e1f23;--neu-flat-sm: 4px 4px 8px #121315, -4px -4px 8px #1e1f23;--neu-flat-hover: 12px 12px 20px #0f1012, -12px -12px 20px #212226;--neu-pressed: inset 4px 4px 8px #121315, inset -4px -4px 8px #1e1f23;--neu-inset: inset 5px 5px 10px #121315, inset -5px -5px 10px #1e1f23;--card-bg: #18191c}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}html,body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}img,canvas,video,svg{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.neu-card{background:var(--card-bg);box-shadow:var(--neu-flat);border-radius:var(--border-radius-lg);padding:24px;max-width:100%}.neu-card-sm{background:var(--card-bg);box-shadow:var(--neu-flat-sm);border-radius:var(--border-radius-md);padding:16px;max-width:100%}.neu-inset{background:var(--card-bg);box-shadow:var(--neu-inset);border-radius:var(--border-radius-md);padding:16px;max-width:100%}.neu-btn{background:var(--card-bg);box-shadow:var(--neu-flat-sm);border:none;border-radius:var(--border-radius-md);padding:12px 20px;color:var(--text-main);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;outline:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:44px}.neu-btn:hover{box-shadow:var(--neu-flat-hover);transform:translateY(-1px)}.neu-btn:active,.neu-btn.active{box-shadow:var(--neu-pressed);transform:translateY(0);color:var(--primary-color)}.neu-btn-primary{background:var(--primary-color);color:#fff!important;box-shadow:6px 6px 12px #4f46e566,-6px -6px 12px #ffffff80;border-radius:var(--border-radius-md)}.neu-btn-primary:hover{background:var(--primary-hover);box-shadow:8px 8px 16px #4f46e580,-8px -8px 16px #fff9}.neu-btn-accent{background:var(--accent-color);color:#fff!important;box-shadow:6px 6px 12px #10b98166}.neu-btn-icon{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%}.neu-input,.neu-select,.neu-textarea{width:100%;background:var(--card-bg);box-shadow:var(--neu-inset);border:none;border-radius:var(--border-radius-md);padding:14px 18px;color:var(--text-main);font-size:.95rem;outline:none;min-height:44px}.neu-input:focus,.neu-select:focus,.neu-textarea:focus{box-shadow:var(--neu-inset),0 0 0 2px var(--primary-color)}.neu-slider{-webkit-appearance:none;width:100%;height:12px;border-radius:6px;background:var(--card-bg);box-shadow:var(--neu-inset);outline:none}.neu-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-color);box-shadow:2px 2px 6px #0000004d;cursor:pointer;transition:transform .1s ease}.neu-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.neu-badge{background:var(--card-bg);box-shadow:var(--neu-flat-sm);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;color:var(--primary-color);display:inline-flex;align-items:center;gap:6px}.neu-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.neu-modal-card{max-height:90vh;overflow-y:auto;width:100%;max-width:600px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{display:grid;grid-template-columns:280px 1fr;gap:28px;max-width:1440px;margin:0 auto;padding:24px;width:100%}.mobile-tool-bar{display:none;overflow-x:auto;white-space:nowrap;padding:4px 2px 14px;margin-bottom:14px;gap:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-tool-bar::-webkit-scrollbar{display:none}.mobile-only{display:none!important}.mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;display:flex;animation:fadeIn .2s ease}.mobile-drawer-content{width:82%;max-width:320px;height:100%;background:var(--bg-color);box-shadow:10px 0 25px #0000004d;padding:20px;overflow-y:auto;display:flex;flex-direction:column;animation:slideRight .25s cubic-bezier(.16,1,.3,1)}@media print{body{background:#fff!important;color:#000!important;padding:0!important;margin:0!important}header,footer,nav,.mobile-tool-bar,.sidebar-nav-desktop,.neu-badge,.mobile-only,button{display:none!important}.main-content{display:block!important;padding:0!important;margin:0!important;max-width:100%!important}.neu-card{box-shadow:none!important;padding:0!important;background:transparent!important}}@media (max-width: 1024px){.main-content{grid-template-columns:1fr;padding:16px;gap:16px}.mobile-only{display:inline-flex!important}.desktop-only,.sidebar-nav-desktop{display:none!important}.mobile-tool-bar{display:flex}}@media (max-width: 640px){.main-content{padding:10px}.neu-card{padding:14px 12px;border-radius:18px}.neu-card-sm{padding:12px 10px;border-radius:14px}.neu-btn{padding:10px 14px;font-size:.86rem}h1{font-size:1.15rem!important}h2{font-size:1.05rem!important}.donate-btn-text{display:none}.tool-grid-responsive{grid-template-columns:1fr!important}.btn-group-responsive{flex-direction:column!important;width:100%!important}.btn-group-responsive>button{width:100%!important}}