:root{--touch-target-min:44px;--safe-area-bottom:env(safe-area-inset-bottom, 0px);--safe-area-top:env(safe-area-inset-top, 0px);--safe-area-left:env(safe-area-inset-left, 0px);--safe-area-right:env(safe-area-inset-right, 0px);--mobile-bottom-nav-height:60px;--real-vh:1vh;--z-mobile-nav:99000;--z-mobile-panel:98000;--z-mobile-overlay:97000;--z-mobile-keyboard-aware:96000}.mobile-full-height{height:calc(var(--real-vh,1vh) * 100)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}[contenteditable],input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--popup-bg,rgba(15,20,40,.97));border-top:1px solid var(--popup-border,rgba(255,255,255,.1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-mobile-nav);box-shadow:0 -4px 20px rgba(0,0,0,.3)}#mobile-bottom-nav .mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;height:var(--mobile-bottom-nav-height);padding:0 8px}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;min-width:var(--touch-target-min);background:0 0;border:none;cursor:pointer;color:var(--color-text-muted,rgba(255,255,255,.5));font-size:10px;font-weight:600;letter-spacing:.3px;transition:color .2s,transform .15s;position:relative;-webkit-tap-highlight-color:transparent}.mobile-nav-btn i{font-size:18px;line-height:1}.mobile-nav-btn .mobile-nav-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px}.mobile-nav-btn.active{color:var(--color-primary,#3b82f6)}.mobile-nav-btn.active::before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:32px;height:3px;background:var(--color-primary,#3b82f6);border-radius:0 0 3px 3px}.mobile-nav-btn:active{transform:scale(.9)}.mobile-nav-btn .mobile-nav-badge{position:absolute;top:6px;right:calc(50% - 18px);min-width:16px;height:16px;padding:0 4px;background:var(--color-danger,#ef4444);color:#fff;border-radius:8px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-app,#0a0a1a)}#mobile-side-menu{display:none;position:fixed;top:0;left:0;width:80vw;max-width:320px;height:100%;background:var(--popup-bg,rgba(15,20,40,.99));border-right:1px solid var(--popup-border,rgba(255,255,255,.1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:calc(var(--z-mobile-nav) + 10);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);overflow-y:auto;padding-top:var(--safe-area-top);padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom));box-shadow:4px 0 30px rgba(0,0,0,.5)}#mobile-side-menu.open{transform:translateX(0)}#mobile-side-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:calc(var(--z-mobile-nav) + 9);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s}#mobile-side-menu-overlay.open{opacity:1}.mobile-side-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light,rgba(255,255,255,.08))}.mobile-side-menu-logo{display:flex;align-items:center;gap:10px;color:var(--color-primary,#3b82f6);font-size:18px;font-weight:700}.mobile-side-menu-close{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--color-text-muted,rgba(255,255,255,.5));font-size:20px;cursor:pointer;border-radius:8px}.mobile-side-menu-section{padding:12px 0;border-bottom:1px solid var(--color-border-light,rgba(255,255,255,.08))}.mobile-side-menu-section-title{padding:4px 20px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted,rgba(255,255,255,.4))}.mobile-side-menu-item{display:flex;align-items:center;gap:14px;padding:12px 20px;color:var(--popup-text,#e2e8f0);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;min-height:var(--touch-target-min);border:none;background:0 0;width:100%;text-align:left}.mobile-side-menu-item i{width:20px;text-align:center;color:var(--color-primary,#3b82f6);font-size:16px}.mobile-side-menu-item:active{background:rgba(59,130,246,.1)}.mobile-side-menu-item.active{background:rgba(59,130,246,.12);color:var(--color-primary,#3b82f6)}@media (max-width:768px){#canvas-container,#main-canvas,.canvas-wrapper,svg#map-svg{height:calc(var(--real-vh,1vh) * 100 - 60px - var(--mobile-bottom-nav-height) - var(--safe-area-bottom))!important;touch-action:none;user-select:none;-webkit-user-select:none}body.canvas-active{overflow:hidden;position:fixed;width:100%}#mobile-zoom-controls{display:flex!important}.desktop-zoom-controls{display:none!important}}#mobile-zoom-controls{display:none;position:fixed;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom) + 16px);right:16px;z-index:calc(var(--z-mobile-panel) - 1);flex-direction:column;gap:2px;background:var(--popup-bg,rgba(15,20,40,.95));border:1px solid var(--popup-border,rgba(255,255,255,.1));border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.4)}.mobile-zoom-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--popup-text,#e2e8f0);font-size:18px;cursor:pointer;transition:background .15s}.mobile-zoom-btn:active{background:rgba(59,130,246,.15)}.mobile-zoom-btn+.mobile-zoom-btn{border-top:1px solid var(--color-border-light,rgba(255,255,255,.08))}#mobile-zoom-label{font-size:9px;font-weight:700;color:var(--color-text-muted);text-align:center;padding:4px 0;border-top:1px solid var(--color-border-light,rgba(255,255,255,.08));letter-spacing:.3px}#mobile-center-btn{display:none;position:fixed;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom) + 110px);right:16px;z-index:calc(var(--z-mobile-panel) - 1);width:44px;height:44px;border-radius:12px;background:var(--popup-bg,rgba(15,20,40,.95));border:1px solid var(--popup-border,rgba(255,255,255,.1));color:var(--popup-text,#e2e8f0);font-size:16px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.4);align-items:center;justify-content:center}@media (max-width:768px){#mobile-center-btn,#mobile-zoom-controls{display:flex!important}#session-header-dock,.session-header-dock{padding:0 10px!important;height:52px!important;min-height:52px!important;flex-wrap:nowrap!important;gap:6px!important;overflow:hidden}#nav-logo span,.session-header-dock .app-logo-text{display:none!important}#current-phase-label{font-size:11px!important;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#session-title-display,.session-name{font-size:12px!important;max-width:100px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions button,.session-header-dock button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:0 10px!important;font-size:13px!important}.header-actions .btn-text,.session-header-dock .btn-label{display:none!important}#chat-alert{bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom) + 12px)!important;left:50%!important;transform:translateX(-50%)!important;max-width:90vw!important;font-size:12px!important;padding:8px 14px!important}#main-navbar{display:none!important}#phase-nav-dock,.phase-buttons-container,.phase-dock{position:fixed!important;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important;left:0!important;right:0!important;display:flex!important;justify-content:space-around!important;background:var(--popup-bg,rgba(15,20,40,.95))!important;border-top:1px solid var(--popup-border,rgba(255,255,255,.1))!important;padding:6px 8px!important;gap:4px!important;z-index:calc(var(--z-mobile-nav) - 2)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;height:auto!important;box-shadow:0 -2px 10px rgba(0,0,0,.2)!important}.nav-phase-btn,.phase-btn{flex:1!important;min-height:var(--touch-target-min)!important;font-size:10px!important;padding:6px 4px!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.nav-phase-btn i,.phase-btn i{font-size:16px!important}}#mobile-context-menu{display:none;position:fixed;z-index:calc(var(--z-mobile-panel) + 10);background:var(--popup-bg,rgba(15,20,40,.98));border:1px solid var(--popup-border,rgba(255,255,255,.12));border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;min-width:200px;animation:.2s cubic-bezier(.34,1.56,.64,1) contextMenuPop}@keyframes contextMenuPop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mobile-context-menu-header{padding:12px 16px 8px;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--color-border-light,rgba(255,255,255,.08))}.mobile-context-item{display:flex;align-items:center;gap:12px;padding:13px 16px;font-size:14px;font-weight:600;color:var(--popup-text,#e2e8f0);cursor:pointer;transition:background .12s;border:none;background:0 0;width:100%;text-align:left;min-height:var(--touch-target-min)}.mobile-context-item i{width:20px;text-align:center;font-size:15px;color:var(--color-primary,#3b82f6)}.mobile-context-item:active{background:rgba(59,130,246,.12)}.mobile-context-item.danger,.mobile-context-item.danger i{color:var(--color-danger,#ef4444)}.mobile-context-divider{height:1px;background:var(--color-border-light,rgba(255,255,255,.08));margin:4px 0}body.keyboard-open #acquisition-panel .concept-cards-grid{max-height:35vh!important}@media (max-width:768px){.unified-popup{position:fixed!important;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:70vh!important;animation:.3s cubic-bezier(.4,0,.2,1) mobileBottomSheetSlideUp!important;z-index:var(--z-mobile-panel)!important;padding:16px!important}@keyframes mobileBottomSheetSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.unified-popup::before{content:'';display:block;width:36px;height:4px;background:var(--color-border,rgba(255,255,255,.2));border-radius:2px;margin:-8px auto 12px}.popup-actions{flex-direction:column!important;gap:8px!important}.popup-btn,.unified-btn{width:100%!important;min-height:var(--touch-target-min)!important;font-size:14px!important;justify-content:center!important}#link-popup,.link-label-popup{position:fixed!important;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important;left:0!important;right:0!important;top:auto!important;width:100%!important;border-radius:20px 20px 0 0!important;z-index:var(--z-mobile-panel)!important}#auth-modal{align-items:flex-end!important;padding-bottom:var(--safe-area-bottom)!important}.auth-modal-content{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;padding:24px 20px 20px!important;max-height:90vh!important;overflow-y:auto!important;animation:.35s cubic-bezier(.4,0,.2,1) mobileBottomSheetSlideUp!important}.auth-modal-content::before{content:'';display:block;width:36px;height:4px;background:var(--color-border,rgba(255,255,255,.2));border-radius:2px;margin:-8px auto 16px}.auth-tabs{gap:8px!important}.auth-tab{padding:10px 8px!important;font-size:12px!important;min-height:var(--touch-target-min)!important}.auth-form-group input{min-height:var(--touch-target-min)!important;font-size:16px!important;padding:12px 14px!important}.auth-button{min-height:var(--touch-target-min)!important;font-size:15px!important;padding:14px!important}.auth-modal-content h2{font-size:20px!important}#user-profile-panel{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;overflow-y:auto!important;padding-top:var(--safe-area-top)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important}.profile-header{border-radius:0!important;padding:20px 16px!important}.profile-actions{flex-direction:column!important;gap:10px!important;padding:16px!important}.profile-action-btn{min-height:var(--touch-target-min)!important;font-size:14px!important}.profile-mobile-close{position:absolute;top:calc(var(--safe-area-top) + 12px);right:16px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}#acquisition-panel,.acquisition-panel,[id*=acquisition]{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;display:flex!important;flex-direction:column!important;padding:var(--safe-area-top) 0 0 0!important;margin:0!important;overflow:hidden}.acq-header,.acquisition-panel-header{flex-shrink:0;padding:12px 16px!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;border-bottom:1px solid var(--color-border-light,rgba(255,255,255,.08))!important}.acquisition-grid,.cards-container,.concept-cards-grid{grid-template-columns:1fr!important;padding:12px!important;gap:12px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important}.acquisition-card,.concept-card{width:100%!important;max-width:100%!important}.acquisition-card .card-content-area,.concept-card textarea{min-height:140px!important;font-size:15px!important;line-height:1.6!important;padding:12px!important;resize:none!important;-webkit-appearance:none!important}.acquisition-quick-add,.quick-add-bar{position:sticky!important;bottom:0!important;background:var(--popup-bg)!important;border-top:1px solid var(--color-border-light,rgba(255,255,255,.08))!important;padding:10px 14px calc(10px + var(--safe-area-bottom))!important;z-index:10!important}#quick-add-title,.quick-add-bar input{font-size:16px!important;min-height:var(--touch-target-min)!important;padding:10px 14px!important}.acq-toolbar,.acquisition-toolbar{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;padding:8px 14px!important;scrollbar-width:none!important;flex-shrink:0!important}.acq-toolbar::-webkit-scrollbar{display:none!important}.acq-toolbar button{flex-shrink:0!important;min-height:36px!important;padding:0 14px!important;font-size:12px!important;white-space:nowrap!important}#wiki-panel,.wiki-panel{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;max-height:60vh!important;border-radius:20px 20px 0 0!important;z-index:calc(var(--z-mobile-panel) + 5)!important;overflow-y:auto!important}#storage-panel,.storage-panel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;display:flex!important;flex-direction:column!important;padding-top:var(--safe-area-top)!important;overflow:hidden!important}.storage-panel-header{flex-shrink:0!important;padding:12px 16px!important;min-height:52px!important}#storage-canvas,.storage-canvas,.storage-test-area{flex:1!important;overflow:hidden!important;touch-action:none!important}.storage-node-card{padding:18px 16px!important;font-size:18px!important;min-height:80px!important;border-radius:12px!important;cursor:pointer!important}.storage-control-bar,.storage-controls{flex-shrink:0!important;display:flex!important;gap:8px!important;padding:10px 14px calc(10px + var(--safe-area-bottom))!important;background:var(--popup-bg)!important;border-top:1px solid var(--color-border-light,rgba(255,255,255,.08))!important;justify-content:center!important}.storage-controls button{min-height:var(--touch-target-min)!important;min-width:var(--touch-target-min)!important;padding:0 18px!important;font-size:14px!important;flex:1!important;max-width:140px!important}.storage-hint-text{font-size:13px!important;padding:10px 16px!important}.storage-progress-bar{height:6px!important;border-radius:3px!important;margin:0 16px 8px!important}#maintenance-panel,.maintenance-panel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:var(--safe-area-top) 0 calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important}.maintenance-card-grid,.maintenance-review-grid{grid-template-columns:1fr!important;padding:12px!important;gap:12px!important}.maintenance-card{padding:16px!important;border-radius:12px!important;min-height:80px!important}.maintenance-answer-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:14px!important}.maintenance-answer-btn{min-height:var(--touch-target-min)!important;font-size:14px!important;border-radius:10px!important}.maintenance-card-back,.maintenance-card-front{font-size:18px!important;padding:20px!important;min-height:160px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}#nexus-panel,#social-hub-panel,.nexus-container,.social-hub-panel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;display:flex!important;flex-direction:column!important;padding-top:var(--safe-area-top)!important;overflow:hidden!important}.nexus-header,.social-hub-header{flex-shrink:0!important;padding:12px 16px!important;border-bottom:1px solid var(--color-border-light,rgba(255,255,255,.08))!important}.nexus-tabs,.social-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:6px 12px!important;gap:6px!important;flex-shrink:0!important}.social-tabs::-webkit-scrollbar{display:none!important}.nexus-tab,.social-tab-btn{flex-shrink:0!important;min-height:36px!important;padding:6px 14px!important;font-size:12px!important;white-space:nowrap!important;border-radius:20px!important}.nexus-feed,.social-content-area,.social-feed{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px!important}.nexus-post,.social-post-card{border-radius:12px!important;padding:14px!important;margin-bottom:12px!important}.nexus-composer,.social-composer{flex-shrink:0!important;padding:10px 14px calc(10px + var(--safe-area-bottom))!important;border-top:1px solid var(--color-border-light,rgba(255,255,255,.08))!important}.nexus-composer textarea,.social-composer input{font-size:16px!important;min-height:var(--touch-target-min)!important}#chat-panel,.chat-panel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;display:flex!important;flex-direction:column!important;padding-top:var(--safe-area-top)!important}.chat-header{flex-shrink:0!important;padding:12px 16px!important;min-height:52px!important}.chat-messages,.chat-messages-area{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px 14px!important}.chat-message-bubble{max-width:85%!important;font-size:14px!important;padding:10px 14px!important;border-radius:16px!important;line-height:1.5!important}.chat-composer,.chat-input-area{flex-shrink:0!important;padding:10px 12px calc(10px + var(--safe-area-bottom))!important;border-top:1px solid var(--color-border-light,rgba(255,255,255,.08))!important;display:flex!important;gap:8px!important;align-items:flex-end!important;background:var(--popup-bg)!important}#chat-message-input,.chat-input,.chat-input-area textarea{font-size:16px!important;flex:1!important;min-height:var(--touch-target-min)!important;max-height:120px!important;resize:none!important;border-radius:20px!important;padding:10px 14px!important;-webkit-appearance:none!important}.chat-send-btn{width:44px!important;height:44px!important;border-radius:22px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}body.keyboard-open #chat-panel .chat-messages-area{max-height:calc(var(--real-vh,1vh) * 100 - 200px)!important}#session-manager-overlay,.session-manager-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;display:flex!important;flex-direction:column!important;padding-top:var(--safe-area-top)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important;overflow:hidden!important}.session-manager-header{flex-shrink:0!important;padding:12px 16px!important;min-height:52px!important}.session-list,.sessions-grid{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px!important;display:flex!important;flex-direction:column!important;gap:10px!important}.sessions-grid{grid-template-columns:1fr!important}.session-card{border-radius:14px!important;padding:16px!important;min-height:80px!important}.session-card-actions{display:flex!important;gap:8px!important;margin-top:10px!important}.session-card-actions button{min-height:36px!important;padding:0 14px!important;font-size:12px!important;flex:1!important}#session-create-form,.session-create-modal{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;border-radius:24px 24px 0 0!important;padding:20px 16px calc(20px + var(--safe-area-bottom))!important;z-index:calc(var(--z-mobile-panel) + 5)!important;animation:.3s cubic-bezier(.4,0,.2,1) mobileBottomSheetSlideUp!important}#session-create-form input,#session-create-form textarea,.session-create-modal input{font-size:16px!important;min-height:var(--touch-target-min)!important;margin-bottom:12px!important}#settings-panel,#theme-panel,.settings-panel,.theme-panel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:var(--safe-area-top) 0 calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important}.theme-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:16px!important}.theme-option{border-radius:12px!important;min-height:60px!important}.settings-section{padding:16px!important;border-bottom:1px solid var(--color-border-light,rgba(255,255,255,.08))!important}.settings-row{min-height:var(--touch-target-min)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 0!important}.settings-toggle,input[type=checkbox].toggle{width:50px!important;height:28px!important}#toast-container{top:calc(var(--safe-area-top) + 10px)!important;left:10px!important;right:10px!important;transform:none!important;max-width:100%!important}.toast{min-width:0!important;width:100%!important;max-width:100%!important;border-radius:14px!important;padding:12px 14px!important}.toast-message{font-size:13px!important}#nav-notifications-menu,.notifications-menu{position:fixed!important;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important;left:0!important;right:0!important;top:auto!important;width:100%!important;border-radius:20px 20px 0 0!important;transform:none!important;animation:.3s cubic-bezier(.4,0,.2,1) mobileBottomSheetSlideUp!important;z-index:var(--z-mobile-panel)!important;max-height:60vh!important}.notifications-list{max-height:calc(60vh - 60px)!important}.notification-item{padding:12px 16px!important;min-height:var(--touch-target-min)!important}.glass-panel,.unified-panel{position:fixed!important;inset:0!important;width:100%!important;max-height:100%!important;height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;padding-top:var(--safe-area-top)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important;animation:.25s mobileFadeInPanel!important}@keyframes mobileFadeInPanel{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-panel .close-icon,.panel-close-btn,.unified-panel .close-icon{position:absolute!important;top:calc(var(--safe-area-top) + 12px)!important;right:16px!important;width:40px!important;height:40px!important;z-index:10!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important}.modal-overlay,.unified-modal{align-items:flex-end!important;padding-bottom:var(--safe-area-bottom)!important}.modal-content,.unified-modal .modal-inner{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;animation:.3s cubic-bezier(.4,0,.2,1) mobileBottomSheetSlideUp!important;max-height:85vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:20px 16px!important}.modal-content h2{font-size:18px!important;margin-bottom:12px!important}.modal-actions{flex-direction:column!important;gap:10px!important}.modal-content button{width:100%!important;max-width:100%!important;min-height:var(--touch-target-min)!important;font-size:15px!important}.modal-content input{font-size:16px!important;min-height:var(--touch-target-min)!important}#tutorial-overlay,.tutorial-overlay{z-index:calc(var(--z-mobile-panel) + 20)!important}.tutorial-step-card,.tutorial-tooltip{position:fixed!important;bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom) + 16px)!important;left:16px!important;right:16px!important;top:auto!important;max-width:100%!important;border-radius:16px!important;padding:18px 16px!important;font-size:14px!important;animation:.3s mobileBottomSheetSlideUp!important}.tutorial-tooltip::before{display:none!important}.tutorial-nav-btns{display:flex!important;gap:10px!important;margin-top:14px!important}.tutorial-nav-btns button{flex:1!important;min-height:var(--touch-target-min)!important;font-size:14px!important}.tutorial-step-dots{display:flex!important;justify-content:center!important;gap:6px!important;margin-top:12px!important}#profile-panel,.profile-panel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-top:var(--safe-area-top)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom))!important}.profile-stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important}.profile-stat-card{padding:14px!important;border-radius:12px!important;text-align:center!important}.profile-stat-card .stat-value{font-size:24px!important;font-weight:700!important}.profile-stat-card .stat-label{font-size:11px!important}#collaborative-editor,.collaborative-editor{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;display:flex!important;flex-direction:column!important;padding-top:var(--safe-area-top)!important}.editor-toolbar{flex-shrink:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;gap:4px!important;padding:6px 10px!important;scrollbar-width:none!important;border-bottom:1px solid var(--color-border-light,rgba(255,255,255,.08))!important}.editor-toolbar::-webkit-scrollbar{display:none!important}.editor-toolbar button{flex-shrink:0!important;min-width:36px!important;min-height:36px!important;border-radius:6px!important}.editor-body,.editor-content-area{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:16px!important;font-size:15px!important;line-height:1.7!important}body.keyboard-open .collaborative-editor .editor-content-area{max-height:calc(var(--real-vh,1vh) * 100 - var(--keyboard-height,0px) - 100px)!important}#encoding-panel,.encoding-panel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:var(--z-mobile-panel)!important;display:flex!important;flex-direction:column!important;padding-top:var(--safe-area-top)!important;overflow:hidden!important}.encoding-editor-area{flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.encoding-syntax-input,.encoding-text-area{flex:1!important;font-size:14px!important;font-family:'Courier New',monospace!important;line-height:1.7!important;padding:14px!important;resize:none!important;-webkit-appearance:none!important}.encoding-preview-area{max-height:40vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{font-size:16px!important;-webkit-appearance:none!important;appearance:none!important}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url]{min-height:var(--touch-target-min)!important}button:not(.mobile-zoom-btn):not(.mobile-nav-btn):not(.mobile-context-item){min-height:var(--touch-target-min);min-width:var(--touch-target-min)}select{min-height:var(--touch-target-min)!important;padding:10px 36px 10px 14px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}#user-profile-panel,.chat-messages-area,.concept-cards-grid,.maintenance-review-grid,.profile-panel,.sessions-grid,.social-feed{scrollbar-width:none!important;-ms-overflow-style:none!important}#user-profile-panel::-webkit-scrollbar,.chat-messages-area::-webkit-scrollbar,.concept-cards-grid::-webkit-scrollbar,.maintenance-review-grid::-webkit-scrollbar,.profile-panel::-webkit-scrollbar,.sessions-grid::-webkit-scrollbar,.social-feed::-webkit-scrollbar{display:none!important}}body.keyboard-open #mobile-bottom-nav,body.keyboard-open #phase-nav-dock,body.keyboard-open .phase-dock{display:none!important}body.keyboard-open .chat-composer,body.keyboard-open .chat-input-area{padding-bottom:10px!important}@supports (height:100dvh){#canvas-container,#main-canvas{height:calc(100dvh - 60px - var(--mobile-bottom-nav-height))!important}body.keyboard-open .mobile-full-height{height:100dvh!important}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){#mobile-bottom-nav{height:calc(50px + var(--safe-area-bottom))!important}.mobile-nav-btn{font-size:9px!important}.mobile-nav-btn i{font-size:15px!important}#acquisition-panel,#chat-panel,#session-manager-overlay,#social-hub-panel,.glass-panel,.unified-panel{width:380px!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;height:100%!important;border-radius:0!important;animation:.3s slideInRight!important}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}#canvas-container{right:380px!important;height:100dvh!important}.unified-popup{position:fixed!important;top:50%!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;max-width:480px!important;width:90vw!important;animation:.2s contextMenuPop!important}.auth-modal-content{border-radius:20px!important;max-height:95vh!important;overflow-y:auto!important;width:90vw!important;max-width:420px!important}#auth-modal{align-items:center!important}}@media (max-width:360px){.mobile-nav-btn{font-size:8px!important}.mobile-nav-btn i{font-size:16px!important}.mobile-nav-btn .mobile-nav-label{display:none!important}.auth-modal-content h2{font-size:18px!important}.theme-grid{grid-template-columns:repeat(3,1fr)!important}}#pull-to-refresh-indicator{position:fixed;top:var(--safe-area-top);left:50%;transform:translateX(-50%) translateY(-60px);z-index:calc(var(--z-mobile-panel) + 5);background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--color-primary);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .3s;pointer-events:none}#pull-to-refresh-indicator.visible{transform:translateX(-50%) translateY(10px)}#pull-to-refresh-indicator .ptr-spinner{width:16px;height:16px;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.swipe-edge-indicator{position:fixed;top:0;bottom:0;width:4px;z-index:calc(var(--z-mobile-panel) + 1);pointer-events:none;opacity:0;transition:opacity .2s}.swipe-edge-indicator.left{left:0;background:linear-gradient(90deg,var(--color-primary,#3b82f6),transparent)}.swipe-edge-indicator.right{right:0;background:linear-gradient(270deg,var(--color-primary,#3b82f6),transparent)}.swipe-edge-indicator.active{opacity:1;width:6px}.touch-ripple{position:fixed;border-radius:50%;background:rgba(59,130,246,.25);pointer-events:none;z-index:calc(var(--z-mobile-panel) + 50);transform:scale(0);animation:.4s ease-out forwards rippleExpand}@keyframes rippleExpand{to{transform:scale(1);opacity:0}}.mobile-skeleton{background:linear-gradient(90deg,var(--color-bg-panel,rgba(255,255,255,.05)) 0,var(--color-border-light,rgba(255,255,255,.12)) 50%,var(--color-bg-panel,rgba(255,255,255,.05)) 100%);background-size:200% 100%;animation:1.5s infinite skeletonShimmer;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}