@media(max-width:768px){html,body{min-height:100vh!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:auto!important}.app-container{min-height:100vh!important;height:auto!important}.main-content{overflow:visible!important;overflow-y:visible!important;height:auto!important;min-height:100vh!important;padding:12px 12px 100px!important}#views-container{overflow:visible!important;height:auto!important;min-height:calc(100vh - 180px)!important}.view{position:relative!important;height:auto!important;overflow:visible!important;display:none!important;pointer-events:none!important}.view.active{display:block!important;pointer-events:auto!important}.glass-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px!important;width:100%!important;z-index:10000!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto!important}.glass-nav::-webkit-scrollbar{display:none}.nav-brand{display:none!important}.nav-items,.nav-actions{display:flex!important;flex-direction:row!important;gap:4px!important;flex-shrink:0!important;width:auto!important;max-width:none!important;flex:0 0 auto!important}.nav-btn{flex-shrink:0!important;min-width:52px!important;width:52px!important;height:52px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.nav-btn span{display:none!important}.nav-btn i{font-size:20px!important;margin:0!important}*{box-sizing:border-box!important}.calc-grid,.grid.grid-cols-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:clamp(4px,1.5vw,8px)!important;width:100%!important}.calc-btn,.calc-grid button,.grid.grid-cols-4 button{font-size:clamp(.875rem,3.5vw,1rem)!important;padding:clamp(8px,2vw,12px)!important;min-height:36px!important;max-height:48px!important;width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.grid.grid-cols-4 .col-span-2{grid-column:span 2!important}#calcDisplay{font-size:clamp(1.25rem,5vw,1.875rem)!important;padding:clamp(12px,3vw,16px)!important;min-height:60px!important;width:100%!important}.glass-panel:has(.grid.grid-cols-4){width:100%!important;max-width:100%!important;overflow:hidden!important}.tools-grid{grid-template-columns:1fr!important;gap:clamp(8px,2vw,12px)!important}.tool-card{padding:clamp(12px,3vw,16px)!important;width:100%!important;max-width:100%!important}.tool-card h3,.tool-card h4{font-size:clamp(1rem,4vw,1.125rem)!important}.tool-card p{font-size:clamp(.75rem,3vw,.875rem)!important}.tool-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tool-tabs::-webkit-scrollbar{display:none}.tool-tab-btn{font-size:clamp(.7rem,3vw,.875rem)!important;padding:clamp(6px,2vw,10px) clamp(8px,2.5vw,12px)!important;white-space:nowrap!important;flex-shrink:0!important}button{font-size:clamp(.75rem,3.5vw,1rem)!important;padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px)!important;min-height:44px!important}.btn-primary,.btn-secondary{padding:clamp(10px,2.5vw,14px) clamp(16px,4vw,24px)!important}input,textarea,select{font-size:clamp(.875rem,4vw,1rem)!important;padding:clamp(10px,2.5vw,14px)!important;width:100%!important;max-width:100%!important}h1{font-size:clamp(1.25rem,6vw,1.75rem)!important}h2{font-size:clamp(1.125rem,5vw,1.5rem)!important}h3{font-size:clamp(1rem,4vw,1.25rem)!important}h4{font-size:clamp(.875rem,3.5vw,1.125rem)!important}.dashboard-grid{grid-template-columns:1fr!important;gap:clamp(10px,2.5vw,16px)!important}.grid-item{padding:clamp(14px,3.5vw,20px)!important}.grid-item h3{margin-bottom:clamp(8px,2vw,12px)!important}.grid-item p{font-size:clamp(.8rem,3.5vw,.9rem)!important;line-height:1.5!important}.weather-widget{font-size:clamp(.7rem,3vw,.875rem)!important}#weather-temp{font-size:clamp(1.75rem,7vw,2.5rem)!important}.glass-header{padding:clamp(10px,2.5vw,14px)!important}#page-title{font-size:clamp(1.125rem,5vw,1.5rem)!important}.news-card,.market-card{padding:clamp(12px,3vw,16px)!important;margin-bottom:clamp(10px,2.5vw,14px)!important}.news-card h4,.market-card h4{font-size:clamp(.9rem,4vw,1.1rem)!important}.news-card p,.market-card p{font-size:clamp(.75rem,3vw,.875rem)!important}.modal-content,.glass-modal{width:90vw!important;max-width:90vw!important;padding:clamp(16px,4vw,24px)!important;margin:0 auto!important}i{font-size:clamp(1rem,4.5vw,1.5rem)!important}.text-xl i,.text-2xl i{font-size:clamp(1.25rem,5vw,2rem)!important}#spotlight-input{font-size:clamp(1rem,4vw,1.25rem)!important;padding:clamp(12px,3vw,16px)!important}.spotlight-result{padding:clamp(10px,2.5vw,14px)!important;font-size:clamp(.875rem,3.5vw,1rem)!important}.mb-2{margin-bottom:clamp(4px,1vw,8px)!important}.mb-4{margin-bottom:clamp(8px,2vw,16px)!important}.mb-6{margin-bottom:clamp(12px,3vw,24px)!important}.mb-8{margin-bottom:clamp(16px,4vw,32px)!important}.mt-2{margin-top:clamp(4px,1vw,8px)!important}.mt-4{margin-top:clamp(8px,2vw,16px)!important}.mt-6{margin-top:clamp(12px,3vw,24px)!important}.mt-8{margin-top:clamp(16px,4vw,32px)!important}.p-4{padding:clamp(8px,2vw,16px)!important}.p-6{padding:clamp(12px,3vw,24px)!important}.p-8{padding:clamp(16px,4vw,32px)!important}.gap-2{gap:clamp(4px,1vw,8px)!important}.gap-4{gap:clamp(8px,2vw,16px)!important}.gap-6{gap:clamp(12px,3vw,24px)!important}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important}.grid-cols-4{grid-template-columns:repeat(2,1fr)!important}.glass-panel,.glass-card,.hero-card,.tool-card,.grid-item{overflow:hidden!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.glass-panel>*,.glass-card>*,.tool-card>*{max-width:100%!important}.glass-panel,.glass-card,.tool-card,.grid-item,.hero-card{padding:clamp(16px,4vw,24px)!important}.glass-panel h1,.glass-card h1,.tool-card h1,.grid-item h1{margin-bottom:clamp(12px,3vw,20px)!important;margin-top:0!important}.glass-panel h2,.glass-card h2,.tool-card h2,.grid-item h2{margin-bottom:clamp(10px,2.5vw,16px)!important;margin-top:0!important}.glass-panel h3,.glass-card h3,.tool-card h3,.grid-item h3{margin-bottom:clamp(8px,2vw,12px)!important;margin-top:0!important}.glass-panel h4,.glass-card h4,.tool-card h4,.grid-item h4{margin-bottom:clamp(6px,1.5vw,10px)!important;margin-top:0!important}.glass-panel p,.glass-card p,.tool-card p,.grid-item p{margin-bottom:clamp(8px,2vw,12px)!important;line-height:1.6!important}.glass-panel button,.glass-card button,.tool-card button{margin-top:clamp(8px,2vw,12px)!important}.glass-panel>*:first-child,.glass-card>*:first-child,.tool-card>*:first-child,.grid-item>*:first-child{margin-top:0!important}.glass-panel>*:last-child,.glass-card>*:last-child,.tool-card>*:last-child,.grid-item>*:last-child{margin-bottom:0!important}.glass-panel input,.glass-card input,.glass-panel textarea,.glass-card textarea{margin-bottom:clamp(10px,2.5vw,16px)!important}.flex.items-center{gap:clamp(6px,1.5vw,10px)!important}}@media(min-width:769px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.glass-panel,.glass-card,.tool-card{padding:24px!important}h1{margin-bottom:20px!important}h2{margin-bottom:16px!important}h3{margin-bottom:12px!important}h4{margin-bottom:10px!important}p{margin-bottom:14px!important}}html.dark-mode,.dark-mode{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--secondary: #ec4899;--bg-dark: #09090b;--glass-bg: rgba(18, 18, 24, .4);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--text-main: #ffffff;--text-muted: #a1a1aa}body.dark-mode{background-color:var(--bg-darker);color:var(--text-main)}body.dark-mode .glass-header,body.dark-mode .glass-nav{background:#12121880;border-color:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.dark-mode .glass-panel{background:#12121899;border-color:#ffffff14}body.dark-mode .atmosphere-bg{opacity:1}html.light-mode,.light-mode{--primary: #4f46e5;--primary-glow: rgba(79, 70, 229, .3);--secondary: #db2777;--bg-dark: #f8fafc;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .12);--glass-highlight: rgba(255, 255, 255, .95);--glass-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);--text-main: #0f172a;--text-muted: #475569}body.light-mode{background-color:#f1f5f9;color:var(--text-main)}body.light-mode .glass-header{background:#ffffffe6;border-bottom:1px solid rgba(15,23,42,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body.light-mode .glass-header h1,body.light-mode .glass-header .header-left,body.light-mode .glass-header .header-right{color:#0f172a}body.light-mode .weather-widget{color:#64748b}body.light-mode .glass-nav{background:#ffffffe6;border-right:1px solid rgba(15,23,42,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.light-mode .nav-btn{color:#64748b}body.light-mode .nav-btn:hover{background:#6366f11a;color:#4f46e5}body.light-mode .nav-btn.active{background:#4f46e5;color:#fff}body.light-mode .main-content,body.light-mode #views-container{background:transparent!important}body.light-mode .atmosphere-bg{background:transparent;opacity:.6}body.light-mode .glass-panel,body.light-mode .hero-card,body.light-mode .tool-card,body.light-mode .grid-item{background:#fffc;border:1px solid rgba(15,23,42,.08);color:#0f172a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6,body.light-mode p,body.light-mode span,body.light-mode div{color:inherit}body.light-mode .text-muted,body.light-mode [class*=text-muted]{color:#64748b}body.light-mode button{color:#0f172a}body.light-mode .spotlight-trigger{background:#ffffffe6;border:1px solid rgba(15,23,42,.12);color:#475569}body.light-mode .spotlight-trigger:hover{background:#fff;border-color:#4f46e54d;color:#0f172a}body.light-mode input,body.light-mode textarea,body.light-mode select{background:#ffffffe6;border:1px solid rgba(15,23,42,.15);color:#0f172a}body.light-mode input::-moz-placeholder,body.light-mode textarea::-moz-placeholder{color:#94a3b8}body.light-mode input::placeholder,body.light-mode textarea::placeholder{color:#94a3b8}body.light-mode .modal{background:#fffffff2;border:1px solid rgba(15,23,42,.1);color:#0f172a}body.light-mode .news-item,body.light-mode .market-card{background:#ffffffb3;border:1px solid rgba(15,23,42,.08)}body.light-mode .news-item:hover,body.light-mode .market-card:hover{background:#fffffff2;border-color:#4f46e533}body.performance-mode .atmosphere-bg{animation:none!important;background-image:none!important}body.performance-mode.dark-mode .atmosphere-bg{background:var(--bg-darker)!important}body.performance-mode.light-mode .atmosphere-bg{background:#f1f5f9!important}body.performance-mode *{transition:none!important;animation:none!important}body.performance-mode .nav-btn:hover,body.performance-mode .nav-btn.active{transition:background .1s ease!important}.shortcuts-grid{display:flex;flex-wrap:wrap;gap:12px;padding:4px;content-visibility:auto;contain-intrinsic-size:1px 5000px}.shortcut-group-title{font-size:1.1rem;font-weight:600;color:var(--primary);margin-bottom:.8rem;margin-top:2rem;padding-left:.8rem;border-left:4px solid var(--primary);display:flex;align-items:center;letter-spacing:.5px;width:100%;flex-basis:100%}.shortcut-group:first-child .shortcut-group-title{margin-top:.5rem}.shortcut-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;transition:transform .2s ease,background .2s ease;display:flex;flex-direction:column;gap:10px;min-height:90px;will-change:transform;flex:1 1 auto;min-width:250px;width:-moz-fit-content;width:fit-content;max-width:100%}.shortcut-card:hover{background:#ffffff14;border-color:var(--primary);transform:translateY(-2px)}.shortcut-keys{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.shortcut-keys::-webkit-scrollbar{display:none}.shortcut-keys kbd{background:#0006;border:1px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 12px;font-family:Consolas,Courier New,monospace;font-size:.95rem;font-weight:600;color:#40e0d0;display:inline-block;flex-shrink:0}.key-plus{color:#fff6;font-size:14px;font-weight:700}.shortcut-action{font-size:.9rem;color:#fffc;line-height:1.4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut-tab-btn,.dev-tab-btn{transition:background-color .2s ease,color .2s ease}.shortcut-tab-btn:hover,.dev-tab-btn:hover{background:#ffffff14!important}.shortcut-tab-btn.active,.dev-tab-btn.active{background:var(--primary)!important;color:#fff!important}body.light-mode .shortcut-card{background:#ffffffb3;border-color:#0000001a}body.light-mode .shortcut-card:hover{background:#fff;border-color:var(--primary)}body.light-mode .shortcut-group-title{color:var(--primary-dark);border-color:var(--primary-dark)}body.light-mode .shortcut-keys kbd{background:#f0f0f0;border-color:#ccc;color:var(--primary-dark)}body.light-mode .shortcut-action{color:#333}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:768px){.shortcuts-grid{gap:8px}.shortcut-card{padding:12px;min-width:100%}}