*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0d1b2a);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#667eea66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#667eea99}::selection{background:#667eea66;color:#fff}:focus-visible{outline:2px solid rgba(102,126,234,.6);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;font-size:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-in{animation:slideIn .3s cubic-bezier(.34,1.56,.64,1)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(90deg,#fff,#a0a0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width: 767px){input,textarea,select{font-size:16px!important}button{min-height:44px;min-width:44px}.app-header{padding:0 16px!important;height:8vh!important;min-height:56px}.app-header-title{font-size:18px!important}.app-header-subtitle,.app-header-stats{display:none!important}.modal-fullscreen-mobile{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;transform:none!important}.notepad-content{flex-direction:column!important}.notepad-images-panel,.notepad-notes-panel{width:100%!important;height:50%!important}.instructions-box{display:none!important}.bottom-button{width:48px!important;height:48px!important}::-webkit-scrollbar{width:4px;height:4px}}@media screen and (min-width: 768px) and (max-width: 1023px){.app-header{padding:0 24px!important}.app-header-title{font-size:20px!important}}@supports (padding: max(0px)){.app-header{padding-top:max(0px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.modal-fullscreen-mobile{padding-bottom:max(0px,env(safe-area-inset-bottom))}}