@keyframes nav-fade{0%{opacity:0}to{opacity:1}}@keyframes nav-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-drawer{z-index:130;position:fixed;inset:0}.nav-drawer-overlay{background:rgba(var(--tutti-ink-rgb), .45);animation:.2s nav-fade;position:absolute;inset:0}.nav-drawer-panel{background:var(--tutti-body);width:83%;max-width:22rem;box-shadow:-10px 0 40px rgba(var(--tutti-ink-rgb), .25);padding:3.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;animation:.26s cubic-bezier(.22,1,.36,1) nav-slide-in;display:flex;position:absolute;top:0;bottom:0;right:0}.nav-drawer-header{justify-content:space-between;align-items:center;padding:0 .375rem .5rem;display:flex}.nav-drawer-header .nav-brand{padding:0}@media screen and (min-width:60rem){.nav-drawer{display:none}}
.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 .nav-list{overflow-y:auto}}
::view-transition-group(root){animation:none}::view-transition-group(nav-dock){animation:none}::view-transition-image-pair(root){animation:none}::view-transition-image-pair(nav-dock){animation:none}::view-transition-old(root){opacity:0;mix-blend-mode:normal;animation:none}::view-transition-old(nav-dock){opacity:0;mix-blend-mode:normal;animation:none}::view-transition-new(root){opacity:1;mix-blend-mode:normal;animation:none}::view-transition-new(nav-dock){opacity:1;mix-blend-mode:normal;animation:none}