.app-root{background:var(--c-bg);min-height:100vh}.desktop-container{margin:0 auto;max-width:35rem;padding:0 .8rem}.mobile-container{padding:0 .6rem}.desktop-topbar{-webkit-align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:rgba(255,251,247,.95);border-bottom:.025rem solid hsla(24,41%,85%,.3);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:.4rem .8rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.desktop-logo{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--c-accent-dark);font-family:ZCOOL KuaiLe,cursive;font-size:.6rem;gap:.3rem}.desktop-nav{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.2rem}.desktop-nav-item{border-radius:.2rem;color:var(--c-text-muted);cursor:pointer;font-size:.35rem;padding:.25rem .5rem;-webkit-transition:all .2s ease;transition:all .2s ease}.desktop-nav-item:hover{background:var(--c-bg-warm);color:var(--c-accent)}.desktop-nav-item.active{background:var(--gradient-accent);color:#fff}.desktop-actions{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.4rem}.desktop-user-info{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:var(--c-bg-warm);border-radius:.6rem;color:var(--c-text-muted);font-size:.325rem;gap:.2rem;padding:.2rem .4rem}.desktop-main{display:grid;gap:.8rem;grid-template-columns:6rem 1fr;min-height:calc(100vh - 1.7rem);padding:.8rem}.desktop-sidebar{background:var(--c-card);border-radius:.4rem;-webkit-box-shadow:0 .1rem .6rem rgba(61,43,34,.06);box-shadow:0 .1rem .6rem rgba(61,43,34,.06);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;position:-webkit-sticky;position:sticky;top:2.5rem}.desktop-sidebar-section{margin-bottom:.6rem}.desktop-sidebar-section:last-child{margin-bottom:0}.desktop-sidebar-title{color:var(--c-text-light);font-size:.3rem;font-weight:600;letter-spacing:.025rem;margin-bottom:.3rem;text-transform:uppercase}.desktop-sidebar-link{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:.2rem;color:var(--c-text-muted);cursor:pointer;font-size:.35rem;gap:.3rem;margin-bottom:.1rem;padding:.25rem .3rem;-webkit-transition:all .2s ease;transition:all .2s ease}.desktop-sidebar-link:hover{background:var(--c-bg-warm);color:var(--c-accent)}.desktop-sidebar-link.active{background:-webkit-linear-gradient(315deg,rgba(212,114,92,.1),hsla(13,73%,67%,.1));background:linear-gradient(135deg,rgba(212,114,92,.1),hsla(13,73%,67%,.1));color:var(--c-accent);font-weight:600}.desktop-sidebar-link .sidebar-icon{font-size:.45rem}.desktop-content{min-width:0}.desktop-grid-2{display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)}.desktop-grid-3{display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.desktop-grid-4{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.device-toggle{-webkit-align-items:center;bottom:.6rem;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;right:.6rem;z-index:1000;-ms-flex-align:center;align-items:center;background:var(--c-card);border:.025rem solid var(--c-border);border-radius:.6rem;-webkit-box-shadow:0 .1rem .5rem rgba(61,43,34,.12);box-shadow:0 .1rem .5rem rgba(61,43,34,.12);color:var(--c-text-muted);cursor:pointer;font-size:.325rem;gap:.2rem;padding:.3rem .5rem;-webkit-transition:all .2s ease;transition:all .2s ease}.device-toggle:hover{-webkit-box-shadow:0 .15rem .7rem rgba(61,43,34,.18);box-shadow:0 .15rem .7rem rgba(61,43,34,.18);-webkit-transform:translateY(-.05rem);-ms-transform:translateY(-.05rem);transform:translateY(-.05rem)}.device-toggle .device-icon{font-size:.4rem}.device-toggle.mobile-only{display:none}.mobile-nav{background:#fff;border-top:.025rem solid var(--c-border);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;padding:.2rem 0 env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}.mobile-nav-item{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;color:var(--c-text-light);cursor:pointer;font-size:.275rem;gap:.1rem;padding:.2rem 0}.mobile-nav-item.active{color:var(--c-accent)}.mobile-nav-item .nav-icon{font-size:.55rem}@media screen and (max-width:767px){.desktop-only{display:none!important}.device-toggle{bottom:2.5rem;font-size:.3rem;padding:.25rem .4rem;right:.4rem}}@media screen and (min-width:768px) and (max-width:1023px){.desktop-sidebar{width:4.5rem}.desktop-main{grid-template-columns:4.5rem 1fr;padding:.5rem}.desktop-grid-4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.mobile-only{display:none!important}.device-toggle.mobile-only{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}