.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1050;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);will-change:transform}.mobile-bottom-nav.nav-visible{transform:translateY(0);opacity:1}.mobile-bottom-nav.nav-hidden{transform:translateY(100%);opacity:0}.mobile-nav-inner{display:flex;align-items:flex-end;justify-content:space-around;padding:6px 4px 4px;max-width:500px;margin:0 auto}.safe-area-spacer{height:env(safe-area-inset-bottom,0px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-decoration:none!important;color:var(--text-muted);font-size:.65rem;font-weight:500;letter-spacing:.02em;padding:4px 0 2px;position:relative;-webkit-tap-highlight-color:transparent;transition:color .25s ease;-webkit-user-select:none;user-select:none}.mobile-nav-item:hover,.mobile-nav-item:focus{text-decoration:none!important}.mobile-nav-item.active{color:var(--brand)}.mobile-nav-item.active .nav-label{font-weight:700}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:32px;border-radius:16px;transition:background .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.mobile-nav-item.active .nav-icon-wrap{background:var(--brand-light);transform:scale(1)}.nav-icon-wrap i{font-size:1.25rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mobile-nav-item.active .nav-icon-wrap i{transform:scale(1.1)}.nav-dot{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--brand);animation:dotAppear .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes dotAppear{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.nav-label{margin-top:2px;transition:opacity .2s ease,transform .2s ease;line-height:1}.nav-ripple{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:var(--brand-glow);transform:translate(-50%,-50%) scale(0);animation:navRipple .6s ease-out forwards;pointer-events:none}@keyframes navRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.nav-post-cta{flex:1;padding:0;background:none;border:0;appearance:none;cursor:pointer}.post-btn-wrap{display:flex;align-items:center;justify-content:center;position:relative;top:-8px}.post-btn-circle{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px var(--brand-glow),0 2px 8px #0000001a;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;animation:postBtnPulse 3s ease-in-out infinite}.post-btn-circle:active{transform:scale(.9)}.nav-post-cta.active .post-btn-circle{background:linear-gradient(135deg,var(--brand-hover),var(--brand));transform:scale(1.05)}.nav-post-cta.sheet-open .post-btn-circle{transform:scale(1.05) rotate(135deg);animation:none}@keyframes postBtnPulse{0%,to{box-shadow:0 4px 20px var(--brand-glow),0 2px 8px #0000001a}50%{box-shadow:0 4px 30px var(--brand-glow),0 2px 12px #00000026,0 0 0 8px #2563eb0f}}.post-sheet-layer{position:fixed;inset:0;z-index:1040}.post-sheet-backdrop{position:absolute;inset:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:sheetFade .25s ease both}.post-sheet{position:absolute;left:0;right:0;bottom:0;max-width:500px;margin:0 auto;background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -8px 40px #0f172a38;padding:10px 16px calc(76px + env(safe-area-inset-bottom,0px));animation:sheetSlideUp .3s cubic-bezier(.32,.72,0,1) both}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.post-sheet-grabber{width:40px;height:4px;border-radius:4px;background:var(--border);margin:0 auto 14px}.post-sheet-head{display:flex;flex-direction:column;text-align:center;margin-bottom:14px}.post-sheet-head .post-sheet-title{font-size:1.05rem;font-weight:700;color:var(--text)}.post-sheet-head .post-sheet-sub{font-size:.8rem;color:var(--text-muted);margin-top:2px}.post-sheet-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px;margin-bottom:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-decoration:none!important;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.post-sheet-option:active{transform:scale(.985);border-color:var(--brand);box-shadow:0 4px 16px var(--brand-glow)}.post-sheet-icon{flex-shrink:0;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem}.post-sheet-icon.tone-vehicle{background:var(--brand-light);color:var(--brand)}.post-sheet-icon.tone-part{background:#f59e0b24;color:#d97706}.post-sheet-option-text{display:flex;flex-direction:column;min-width:0}.post-sheet-option-title{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.25}.post-sheet-option-copy{font-size:.78rem;color:var(--text-muted);line-height:1.35;margin-top:3px}.post-sheet-chevron{margin-left:auto;font-size:.9rem;color:var(--text-muted)}.post-sheet-cancel{width:100%;padding:12px;border:0;border-radius:14px;background:var(--brand-light);color:var(--brand);font-weight:700;font-size:.9rem;-webkit-tap-highlight-color:transparent}[data-theme=dark] .post-sheet-backdrop{background:#0009}[data-theme=dark] .post-sheet{box-shadow:0 -8px 40px #00000080}[data-theme=dark] .post-sheet-icon.tone-part{background:#f59e0b2e;color:#fbbf24}[data-theme=dark] .mobile-bottom-nav{background:color-mix(in srgb,var(--surface) 88%,transparent);border-top-color:color-mix(in srgb,var(--border) 40%,transparent)}[data-theme=dark] .post-btn-circle{box-shadow:0 4px 20px #3b82f64d,0 2px 8px #0000004d}.page-transition{will-change:opacity,transform}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.page-settled{opacity:1;transform:none;will-change:auto}