.navigation-edit-toggle,.navigation-editor button{border:1px solid color-mix(in srgb,var(--text-main) 16%,transparent);border-radius:10px;padding:10px 12px;background:var(--bg-card);color:var(--text-main);font:inherit;font-size:13px;min-height:44px;cursor:pointer}
.navigation-edit-toggle{width:100%;margin-top:16px}.navigation-help{font-size:12px;line-height:1.6;color:var(--text-secondary);margin:2px 0 14px}.navigation-editor{margin-top:16px}.navigation-editor h3{font-size:15px;margin:0 0 12px}.navigation-slot{display:flex;gap:6px;align-items:center;margin-bottom:7px}.navigation-slot>span{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}.navigation-slot button{flex-shrink:0;min-width:40px}.navigation-editor button:disabled{opacity:.35;cursor:default}.navigation-pin-options{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.navigation-announcement{font-size:12px;color:var(--accent-color);min-height:1em;margin-top:8px}
.mobile-tabs button,.mobile-more-grid>button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.navigation-dragging .mobile-tabs{z-index:12010!important;box-shadow:0 -5px 30px #0004}.navigation-dragging .mobile-tabs button{outline:1px dashed var(--accent-color);outline-offset:-3px}.navigation-dragging .mobile-tabs button.navigation-drop{outline:3px solid var(--accent-color);background:var(--bg-card)}#navigationGhost{position:fixed;z-index:20001;pointer-events:none;transform:translate(-50%,-130%);border-radius:14px;padding:12px 18px;background:var(--accent-color);color:var(--accent-on,#fff);font-size:14px;font-weight:600;box-shadow:0 8px 28px #0005;max-width:75vw}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 .mobile-header{height:calc(62px + var(--safe-area-inset-top,env(safe-area-inset-top)));padding:calc(7px + var(--safe-area-inset-top,env(safe-area-inset-top))) max(16px,env(safe-area-inset-right)) 7px max(16px,env(safe-area-inset-left))}
 .mobile-brand img{width:31px;height:31px;border-radius:9px}.mobile-brand span{font-size:9px;letter-spacing:1.4px}.mobile-brand strong{font-size:17px}.mobile-brand>div{gap:2px}
 .mobile-tabs{height:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));padding-top:5px;padding-bottom:calc(5px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));gap:2px}
 .mobile-tabs button{min-height:48px;border-radius:11px;gap:4px;font-size:10px;letter-spacing:0}.mobile-tabs svg{width:20px;height:20px}.mobile-tabs button span{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.15}
 .view-container{margin-top:calc(62px + var(--safe-area-inset-top,env(safe-area-inset-top)));margin-bottom:calc(80px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)))}
 #syncStatus{top:auto;left:auto;right:12px;height:auto;bottom:calc(65px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)))}
 #view-home{padding:18px 16px 24px;gap:14px}.mobile-more .modal-content{max-height:calc(100dvh - 24px);overflow:auto}.mobile-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-more-grid button{min-width:0;min-height:72px;padding:12px 6px;overflow-wrap:anywhere;font-size:12px}
}
@media(max-width:350px){.mobile-tabs button{font-size:9px}.navigation-slot{gap:3px}.navigation-slot button{padding:8px;min-width:36px}.mobile-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html:root *,html:root *::before,html:root *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}