.nav-item{background:var(--tutti-surface);box-shadow:0 1px 2px rgba(var(--tutti-ink-rgb), .05);cursor:pointer;font:inherit;text-align:left;border-radius:1rem;align-items:center;gap:.8rem;padding:.6rem .775rem;text-decoration:none;display:flex}.nav-item--active{background:var(--tutti-selected);border:1.5px solid var(--tutti-button);box-shadow:none}.nav-item--locked{box-shadow:none;background:#fff9}.nav-item--locked .nav-item-icon{background:rgba(var(--tutti-ink-rgb), .06);color:rgba(var(--tutti-ink-rgb), .35)}.nav-item--locked .nav-item-title{color:rgba(var(--tutti-ink-rgb), .45)}.nav-item--locked .nav-item-subtitle{color:rgba(var(--tutti-ink-rgb), .4)}.nav-item-icon{background:var(--tutti-input);width:2.625rem;height:2.625rem;color:var(--tutti-button-hover);border-radius:.75rem;flex:none;justify-content:center;align-items:center;display:flex}.nav-item--active .nav-item-icon{background:var(--tutti-button);color:var(--tutti-surface)}.nav-menu-icon{fill:currentColor;width:1.3rem;height:1.3rem;color:inherit}.nav-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.nav-item-title{color:var(--tutti-label-font);font-size:.97rem;font-weight:700}.nav-item--active .nav-item-title{color:var(--tutti-button-hover)}.nav-item-subtitle{color:rgba(var(--tutti-ink-rgb), .55);margin-top:.0625rem;font-size:.78rem}.nav-item--active .nav-item-subtitle{color:var(--tutti-button-hover);opacity:.85}.nav-item-status{display:contents}.nav-item:has(.nav-item-status--pending){background:var(--tutti-selected);border:1.5px solid var(--tutti-button);box-shadow:none}.nav-item-status-spinner{border:.125rem solid rgba(var(--tutti-ink-rgb), .15);border-top-color:var(--tutti-button-hover);border-radius:50%;flex:none;width:.875rem;height:.875rem;animation:.7s linear infinite nav-item-status-spin}@keyframes nav-item-status-spin{to{transform:rotate(360deg)}}.calculator-premium-container-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.crown-icon{fill:#ffff57;z-index:1;width:.85rem;height:.85rem;position:absolute;top:-.55rem;right:-.3rem;transform:rotate(15deg)}
.nav-sidebar{display:none}@media screen and (min-width:60rem){.nav-sidebar{z-index:110;width:var(--nav-sidebar-width);padding:2rem 1rem calc(1.5rem + env(safe-area-inset-bottom));background:var(--tutti-body);box-shadow:8px 0 30px rgba(var(--tutti-ink-rgb), .1);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.nav-sidebar>*{flex-shrink:0}}
.app-frame{flex-direction:column;min-height:100vh;display:flex}@supports (height:100dvh){.app-frame{min-height:100dvh}}.app-frame>.container-root{flex-grow:1}@media screen and (min-width:60rem){.app-frame{padding-left:var(--nav-sidebar-width)}}@media screen and (max-width:59.99rem){.app-frame{padding-top:calc(var(--nav-topbar-height) + env(safe-area-inset-top));padding-bottom:calc(var(--nav-dock-reserved) + env(safe-area-inset-bottom));background:var(--tutti-background)}}