:root{font-family:Inter,system-ui,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--transition-speed: .3s;--semantic-error: #ef4444;--semantic-error-medium: #f87171;--semantic-error-light: #fca5a5;--semantic-success: #22c55e;--semantic-success-light: #86efac;--semantic-warning: #f59e0b;--semantic-warning-light: #fde047;--semantic-highlight: #fbbf24;--semantic-info: #3b82f6;--semantic-info-light: #bfdbfe;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--radius-card: 16px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000;--z-sos: 3000;--focus-ring-color: #2563eb;--focus-ring-width: 3px;--surface-border: var(--border);--surface-radius: var(--radius-card)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.colorblind{--semantic-error: #2563eb;--semantic-error-medium: #60a5fa;--semantic-error-light: #bfdbfe;--semantic-success: #eab308;--semantic-success-light: #fef08a;--semantic-warning: #facc15;--semantic-warning-light: #fef9c3;--semantic-highlight: #a855f7;--semantic-info: #0891b2;--semantic-info-light: #a5f3fc}*,*:before,*:after{box-sizing:border-box}img,video,canvas,svg{max-width:100%;height:auto}[data-theme=cocon]{--bg-primary: #fafaf9;--bg-secondary: #ffffff;--text-primary: #44403c;--text-secondary: #78716c;--accent: #d6ccc2;--accent-hover: #a8a29e;--border: #e7e5e4;--detail: #d6ccc2;--success: #84cc16;--warning: #fbbf24;--error: #ef4444;--card-gradient: linear-gradient(135deg, #fafaf9 0%, #ffffff 100%)}[data-theme=abysse]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--accent: #334155;--accent-hover: #475569;--border: #334155;--detail: #475569;--success: #22c55e;--warning: #facc15;--error: #f87171;--card-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%)}[data-theme=eclosion]{--bg-primary: #f0fdf4;--bg-secondary: #ffffff;--text-primary: #14532d;--text-secondary: #15803d;--accent: #86efac;--accent-hover: #4ade80;--border: #bbf7d0;--detail: #86efac;--success: #16a34a;--warning: #d97706;--error: #dc2626;--card-gradient: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%)}[data-theme=focus]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent: #3b82f6;--accent-hover: #2563eb;--border: #e2e8f0;--detail: #cbd5e1;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--card-gradient: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%)}[data-theme=sakura]{--bg-primary: #fdf2f8;--bg-secondary: #ffffff;--text-primary: #831843;--text-secondary: #be185d;--accent: #f9a8d4;--accent-hover: #f472b6;--border: #fce7f3;--detail: #fbcfe8;--success: #84cc16;--warning: #fbbf24;--error: #ef4444;--card-gradient: linear-gradient(135deg, #fdf2f8 0%, #ffffff 100%)}[data-theme=aurora]{--bg-primary: #0c0a1a;--bg-secondary: #1a1333;--text-primary: #e2e8f0;--text-secondary: #a78bfa;--accent: #8b5cf6;--accent-hover: #7c3aed;--border: #2d2454;--detail: #4c1d95;--success: #22c55e;--warning: #facc15;--error: #f87171;--card-gradient: linear-gradient(135deg, #1a1333 0%, #0c0a1a 100%)}[data-theme=honey]{--bg-primary: #fffbeb;--bg-secondary: #ffffff;--text-primary: #78350f;--text-secondary: #b45309;--accent: #f59e0b;--accent-hover: #d97706;--border: #fef3c7;--detail: #fde68a;--success: #16a34a;--warning: #ea580c;--error: #dc2626;--card-gradient: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%)}[data-theme=ocean]{--bg-primary: #ecfeff;--bg-secondary: #ffffff;--text-primary: #164e63;--text-secondary: #0e7490;--accent: #06b6d4;--accent-hover: #0891b2;--border: #cffafe;--detail: #a5f3fc;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--card-gradient: linear-gradient(135deg, #ecfeff 0%, #ffffff 100%)}@keyframes sakura-fall{0%{transform:translateY(-10vh) rotate(0) translate(0);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(105vh) rotate(360deg) translate(80px);opacity:0}}@keyframes sakura-sway{0%,to{transform:translate(0)}50%{transform:translate(30px)}}.theme-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.sakura-petal{position:absolute;width:15px;height:20px;background-color:#ffc1cc;border-radius:15px 0;opacity:0;animation:sakura-fall linear infinite}.sakura-petal:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s;width:12px;height:16px}.sakura-petal:nth-child(2){left:25%;animation-duration:15s;animation-delay:2s;width:18px;height:22px}.sakura-petal:nth-child(3){left:40%;animation-duration:11s;animation-delay:4s}.sakura-petal:nth-child(4){left:55%;animation-duration:14s;animation-delay:1s;width:10px;height:14px}.sakura-petal:nth-child(5){left:70%;animation-duration:13s;animation-delay:3s;width:16px;height:20px}.sakura-petal:nth-child(6){left:85%;animation-duration:16s;animation-delay:5s}.sakura-petal:nth-child(7){left:5%;animation-duration:10s;animation-delay:6s;width:14px;height:18px}.sakura-petal:nth-child(8){left:50%;animation-duration:17s;animation-delay:7s;width:11px;height:15px}@keyframes aurora-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes aurora-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.aurora-star{position:absolute;width:4px;height:4px;background:#e2e8f0;border-radius:50%;box-shadow:0 0 8px 3px #8b5cf680,0 0 16px 6px #8b5cf633;animation:aurora-twinkle ease-in-out infinite}.aurora-star:nth-child(1){top:5%;left:10%;animation-duration:3s;width:5px;height:5px}.aurora-star:nth-child(2){top:15%;left:35%;animation-duration:4s;animation-delay:.5s}.aurora-star:nth-child(3){top:8%;left:60%;animation-duration:2.5s;animation-delay:1s;width:6px;height:6px}.aurora-star:nth-child(4){top:28%;left:20%;animation-duration:3.5s;animation-delay:1.5s}.aurora-star:nth-child(5){top:3%;left:82%;animation-duration:4.5s;animation-delay:.3s;width:5px;height:5px}.aurora-star:nth-child(6){top:40%;left:55%;animation-duration:3s;animation-delay:2s}.aurora-star:nth-child(7){top:22%;left:5%;animation-duration:5s;animation-delay:.8s;width:5px;height:5px}.aurora-star:nth-child(8){top:45%;left:30%;animation-duration:2.8s;animation-delay:2.5s}.aurora-star:nth-child(9){top:12%;left:48%;animation-duration:3.2s;animation-delay:.2s;width:3px;height:3px}.aurora-star:nth-child(10){top:35%;left:75%;animation-duration:4.2s;animation-delay:1.8s;width:5px;height:5px}.aurora-star:nth-child(11){top:55%;left:15%;animation-duration:3.8s;animation-delay:.6s}.aurora-star:nth-child(12){top:18%;left:90%;animation-duration:2.6s;animation-delay:3s;width:6px;height:6px}.aurora-star:nth-child(13){top:50%;left:45%;animation-duration:4.8s;animation-delay:1.2s}.aurora-star:nth-child(14){top:7%;left:25%;animation-duration:3.4s;animation-delay:2.2s;width:4px;height:4px}.aurora-star:nth-child(15){top:60%;left:68%;animation-duration:5.2s;animation-delay:.4s;width:5px;height:5px}.aurora-star:nth-child(16){top:32%;left:92%;animation-duration:3.6s;animation-delay:1.6s}.aurora-star:nth-child(17){top:48%;left:8%;animation-duration:4.4s;animation-delay:2.8s;width:3px;height:3px}.aurora-star:nth-child(18){top:25%;left:52%;animation-duration:2.9s;animation-delay:.9s;width:6px;height:6px}.aurora-star:nth-child(19){top:65%;left:40%;animation-duration:3.1s;animation-delay:1.4s}.aurora-star:nth-child(20){top:10%;left:70%;animation-duration:5.5s;animation-delay:2.4s;width:4px;height:4px}@keyframes honey-float{0%{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}to{transform:translateY(0) rotate(360deg);opacity:.3}}.honey-sparkle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#FFD700 20%,rgba(255,215,0,.4) 50%,transparent 70%);border-radius:50%;box-shadow:0 0 6px 2px #ffa50080,0 0 12px 4px #ffd70033;animation:honey-float ease-in-out infinite}.honey-sparkle:nth-child(1){top:8%;left:15%;animation-duration:5s;width:10px;height:10px}.honey-sparkle:nth-child(2){top:25%;left:45%;animation-duration:6s;animation-delay:.5s;width:12px;height:12px}.honey-sparkle:nth-child(3){top:12%;left:75%;animation-duration:4s;animation-delay:1.5s}.honey-sparkle:nth-child(4){top:40%;left:30%;animation-duration:7s;animation-delay:.3s;width:7px;height:7px}.honey-sparkle:nth-child(5){top:20%;left:60%;animation-duration:5.5s;animation-delay:2s;width:10px;height:10px}.honey-sparkle:nth-child(6){top:50%;left:10%;animation-duration:6.5s;animation-delay:1s;width:9px;height:9px}.honey-sparkle:nth-child(7){top:5%;left:40%;animation-duration:4.5s;animation-delay:2.5s}.honey-sparkle:nth-child(8){top:35%;left:85%;animation-duration:5.8s;animation-delay:.8s;width:11px;height:11px}.honey-sparkle:nth-child(9){top:55%;left:55%;animation-duration:6.2s;animation-delay:1.8s;width:7px;height:7px}.honey-sparkle:nth-child(10){top:15%;left:25%;animation-duration:4.8s;animation-delay:3s;width:10px;height:10px}.honey-sparkle:nth-child(11){top:45%;left:70%;animation-duration:5.2s;animation-delay:.4s}.honey-sparkle:nth-child(12){top:60%;left:35%;animation-duration:7.5s;animation-delay:2.2s;width:9px;height:9px}.honey-sparkle:nth-child(13){top:30%;left:5%;animation-duration:3.8s;animation-delay:1.2s;width:11px;height:11px}.honey-sparkle:nth-child(14){top:3%;left:90%;animation-duration:6.8s;animation-delay:1.6s;width:8px;height:8px}.honey-sparkle:nth-child(15){top:65%;left:20%;animation-duration:5.4s;animation-delay:.6s}@keyframes ocean-rise{0%{transform:translateY(100vh) scale(.5);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-10vh) scale(1);opacity:0}}.ocean-bubble{position:absolute;width:12px;height:12px;border:2px solid rgba(8,145,178,.5);border-radius:50%;background:radial-gradient(circle at 30% 30%,#06b6d440,#0891b214);box-shadow:0 0 6px #06b6d44d,inset 0 -2px 4px #fff6;animation:ocean-rise linear infinite}.ocean-bubble:nth-child(1){left:8%;animation-duration:10s;animation-delay:0s;width:14px;height:14px}.ocean-bubble:nth-child(2){left:25%;animation-duration:13s;animation-delay:1s;width:18px;height:18px}.ocean-bubble:nth-child(3){left:42%;animation-duration:9s;animation-delay:3s;width:10px;height:10px}.ocean-bubble:nth-child(4){left:58%;animation-duration:12s;animation-delay:.5s;width:15px;height:15px}.ocean-bubble:nth-child(5){left:75%;animation-duration:11s;animation-delay:2s;width:16px;height:16px}.ocean-bubble:nth-child(6){left:18%;animation-duration:14s;animation-delay:4s;width:8px;height:8px}.ocean-bubble:nth-child(7){left:88%;animation-duration:10s;animation-delay:5s;width:12px;height:12px}.ocean-bubble:nth-child(8){left:35%;animation-duration:11.5s;animation-delay:1.5s;width:20px;height:20px}.ocean-bubble:nth-child(9){left:52%;animation-duration:13.5s;animation-delay:3.5s;width:9px;height:9px}.ocean-bubble:nth-child(10){left:68%;animation-duration:9.5s;animation-delay:6s;width:14px;height:14px}[data-theme=sakura] body,[data-theme=sakura] #root{position:relative}@media(prefers-reduced-motion:reduce){.sakura-petal,.aurora-star,.honey-sparkle,.ocean-bubble{animation:none;opacity:.3}}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden;max-width:100vw}html{overflow-x:hidden;max-width:100vw}#root,.app-container{overflow-x:hidden;max-width:100vw;width:100%}button{background-color:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-md);padding:.6em var(--spacing-md);font-size:1em;font-weight:500;cursor:pointer;transition:background-color .25s,transform .1s}button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}input:disabled,textarea:disabled{opacity:.7;cursor:not-allowed;background-color:#7f7f7f1a;color:var(--text-secondary)}input,textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;width:100%;box-sizing:border-box}input:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ds-surface{background-color:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--surface-radius)}.ds-btn-primary{border:1px solid transparent;border-radius:12px;background:var(--accent);color:#fff;font-weight:600}.ds-btn-secondary{border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:var(--spacing-xl);box-sizing:border-box}.card{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-card);box-shadow:0 4px 6px #0000000d;overflow:hidden;max-width:100%;box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere}.hidden{display:none}.main-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background-color:var(--bg-secondary);position:sticky;top:0;z-index:100;transition:padding var(--transition-speed);max-width:100vw;box-sizing:border-box;overflow-x:hidden}.app-logo{height:40px;width:auto;transition:height var(--transition-speed)}.app-title{font-size:1.5rem;font-weight:700;display:block}.main-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.main-nav::-webkit-scrollbar{display:none}.nav-link,.nav-btn{background:transparent;padding:.5rem;color:var(--text-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;position:relative}.nav-btn{border:none;cursor:pointer}.nav-link:hover,.nav-btn:hover,.nav-link.active{background-color:var(--bg-primary);color:var(--accent)}.nav-icon{width:24px;height:24px}.main-content{padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden;position:relative;z-index:1}.welcome-title{font-size:2.5rem;margin-bottom:.5rem;font-weight:300}.welcome-subtitle{font-size:1.2rem;color:var(--text-secondary)}.feed-card-content{padding:3rem 2rem}@media(max-width:768px){.main-header{padding:.75rem 1rem}.app-logo{height:32px}.app-title{font-size:1.2rem;display:none}.main-nav{gap:0px;justify-content:flex-end}.nav-link,.nav-btn{padding:.5rem}.nav-icon{width:24px;height:24px}.main-content,.container{padding:1rem}.card{padding:1.5rem}h1,.welcome-title{font-size:1.75rem}.welcome-subtitle{font-size:1rem}.home-header{flex-direction:column-reverse;align-items:flex-start!important;gap:1rem}.home-header>div:last-child{align-self:center;margin-bottom:1rem}.feed-card-content{padding:1.5rem 1rem!important;min-height:300px!important}}.toggle-checkbox{opacity:0;position:absolute;left:0;width:0;height:0;pointer-events:none}.toggle-label{display:block;background-color:var(--border);width:50px;height:26px;border-radius:50px;position:relative;cursor:pointer;transition:background-color .2s}.toggle-checkbox:checked+.toggle-label{background-color:var(--accent)}.toggle-switch,.toggle-ball{position:absolute;top:2px;left:2px;width:22px;height:22px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-checkbox:checked+.toggle-label .toggle-switch,.toggle-checkbox:checked+.toggle-label .toggle-ball{transform:translate(24px)}.profile-header-card{text-align:center;margin-bottom:3rem;padding:3rem}@media(max-width:768px){.profile-header-card{padding:1.5rem!important;margin-bottom:1.5rem!important}}@keyframes skeleton-loading{0%{background-color:var(--bg-secondary)}50%{background-color:var(--border)}to{background-color:var(--bg-secondary)}}.skeleton{animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:8px;width:100%;height:100%}.skeleton-text{height:1rem;margin-bottom:.5rem;border-radius:4px}.skeleton-circle{border-radius:50%}.toggle-ball{background-color:#fff;width:22px;height:22px;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 2px 2px #0003}.toggle-checkbox:checked+.toggle-label .toggle-ball{transform:translate(24px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.main-content{animation:fadeSlideIn .3s ease-out}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}button:active:not(:disabled){transform:scale(.98)}a{position:relative}a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--accent);transition:width .2s ease}a:hover:after{width:100%}.nav-link:after,.nav-btn:after,button a:after,a.btn:after,a.btn-primary:after,a.no-underline:after{display:none}.toast-enter{animation:slideInRight .3s ease-out}.toast-exit{animation:fadeIn .2s ease-out reverse}.modal-backdrop{animation:fadeIn .2s ease-out}.modal-content{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.skeleton{animation:pulse 1.5s ease-in-out infinite}.confetti-container{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden}@media(max-width:480px){.profile-tabs{gap:.25rem!important;padding:0!important}.profile-tabs button{padding:.6rem .5rem!important}.profile-tabs .tab-label,.diary-controls .control-label,.mobile-hidden{display:none!important}.modal-content,.card[style*=maxWidth]{max-height:95vh!important;margin:.5rem!important}.theme-picker-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}button{white-space:nowrap}.entraide-response-form{flex-direction:column!important}.entraide-response-form textarea{width:100%!important}.entraide-response-form button{align-self:flex-end!important}.calendar-grid button{font-size:.75rem!important}.form-flow-options,.form-pain-options,.form-emotion-options{grid-template-columns:repeat(2,1fr)!important}.card-actions{flex-wrap:wrap!important;gap:.5rem!important}}@media(max-width:768px){.theme-picker-grid{grid-template-columns:repeat(3,1fr)!important}[style*="position: sticky"]{position:relative!important}.modal-content{max-width:95vw!important}}@media(max-width:600px){.diary-header{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.diary-header>button{align-self:flex-start}.search-filter-row{flex-direction:column!important;gap:.75rem!important}.search-filter-row input,.search-filter-row select{width:100%!important}.page-card-content{padding:1rem!important}.reading-nav{flex-wrap:wrap!important;justify-content:center!important;gap:.5rem!important}.reading-nav button{padding:.4rem .6rem!important;font-size:.8rem!important}}@media(max-width:360px){.container{padding:.5rem!important}.card{padding:1rem!important}h1{font-size:1.4rem!important}h2{font-size:1.2rem!important}.theme-picker-grid,.form-flow-options,.form-pain-options{grid-template-columns:1fr!important}}.mobile-bottom-nav{display:none}@media(max-width:768px){.desktop-nav .main-nav{display:none!important}.theme-toggle-btn{display:flex!important;margin-left:auto}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background-color:var(--bg-secondary);border-top:1px solid var(--border);justify-content:space-around;align-items:center;z-index:9999;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 12px #0000001a}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);padding:.5rem;border-radius:12px;transition:all .2s;gap:.25rem;min-width:60px}.mobile-nav-item span{font-size:.65rem;font-weight:500;white-space:nowrap}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item.active svg{transform:scale(1.1)}.mobile-nav-item:active{transform:scale(.95);background-color:var(--bg-primary)}.main-content{padding-bottom:100px!important}.app-footer{padding-bottom:calc(2rem + 80px)!important}}