*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-width:0}button,a,div[role=button]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button:not(:disabled):active,a:active,div[role=button]:active{opacity:.6}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;height:100%;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}@supports (height:100dvh){html,body{min-height:100dvh}}@media screen and (max-width:768px){input,select,textarea{font-size:1rem}}body{-webkit-overflow-scrolling:touch;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@layer utilities{input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}:root{--tutti-background:#e6a8b9;--tutti-body:#e7d5db;--tutti-readonly:#e6abb9;--tutti-input:#f1f7f5;--tutti-button:#6caa96;--tutti-selected:#a3d5c5;--tutti-button-hover:#29745c;--tutti-placeholder-font:#381e32;--tutti-label-font:#381e32;--tutti-error-messages:#f11b90;--tutti-red-text:#f87171;--tutti-warning-text:#c0c021;--tutti-body-glass:#decdd39e;--tutti-list-item-one:#eecfda;--tutti-body-gradient:linear-gradient(178deg, #f4d3dc 0%, #ecb9c7 46%, #e5a6b7 100%);--tutti-dark:#1b1f2b;--tutti-surface:#fff;--tutti-border:#e5e7eb;--tutti-disabled:#ccc;--tutti-ink-rgb:56, 30, 50;--tutti-readonly-rgb:230, 171, 185;--tutti-form-font:.92rem;--tutti-font-labels:.85rem;--tutti-font-popups-title:1.3rem;--tutti-add-materials-button:1.1rem;--calculator-size-vh:92vh;--calculator-size-dvh:92dvh;--calculator-content-width:27.5rem;--nav-sidebar-width:23rem;--nav-topbar-height:3rem;--nav-dock-reserved:4rem}@media screen and (min-width:60rem){body{padding-left:var(--nav-sidebar-width)}}@media screen and (max-width:59.99rem){body{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)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.nav-topbar{z-index:110;height:var(--nav-topbar-height);padding:env(safe-area-inset-top) 1rem 0;background:var(--tutti-background);grid-template-columns:auto 1fr auto;align-items:center;gap:.625rem;display:grid;position:fixed;top:0;left:0;right:0}.nav-topbar-avatar{background:var(--tutti-dark);width:2.625rem;height:2.625rem;color:var(--tutti-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:800;text-decoration:none;display:flex}.nav-topbar-title{text-align:center;letter-spacing:-.02em;color:var(--tutti-label-font);white-space:nowrap;text-overflow:ellipsis;font-size:1.0625rem;font-weight:800;overflow:hidden}.nav-topbar-toggle{cursor:pointer;background:#ffffff80;border-radius:.875rem;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.3rem;width:2.625rem;height:2.625rem;display:flex}.nav-topbar-toggle-bar{background:var(--tutti-placeholder-font);border-radius:.125rem;width:1.25rem;height:.14rem}@media screen and (min-width:60rem){.nav-topbar{display:none}}
.nav-list,.nav-footer{flex-direction:column;gap:.625rem;display:flex}.nav-brand{align-items:center;gap:.6875rem;padding:0 .375rem 1.25rem;display:flex}.nav-brand-mark{background:var(--tutti-button);width:2.5rem;height:2.5rem;color:var(--tutti-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.nav-brand-text{flex-direction:column;line-height:1.15;display:flex}.nav-brand-name{letter-spacing:-.02em;color:var(--tutti-label-font);font-size:1.0625rem;font-weight:800}.nav-brand-tagline{color:rgba(var(--tutti-ink-rgb), .5);font-size:.71875rem;font-weight:600}.nav-group-label{letter-spacing:.09em;text-transform:uppercase;color:rgba(var(--tutti-ink-rgb), .4);padding:.75rem .375rem .5rem;font-size:.65625rem;font-weight:700;display:block}.nav-group-label:first-child{padding-top:0}.nav-spacer{flex:1}.nav-divider{background:rgba(var(--tutti-ink-rgb), .08);height:1px;margin:.75rem .375rem}
.nav-skeleton-circle,.nav-skeleton-square,.nav-skeleton-bar,.nav-skeleton-dot{background:linear-gradient(90deg, var(--tutti-input) 25%, rgba(var(--tutti-ink-rgb), .06) 37%, var(--tutti-input) 63%);background-size:400% 100%;border-radius:.75rem;animation:1.4s infinite nav-skeleton-shimmer}.nav-skeleton-circle,.nav-skeleton-dot{border-radius:50%;flex:none;width:2.625rem;height:2.625rem}.nav-skeleton-circle--brand{width:2.75rem;height:2.75rem;margin-bottom:1rem}.nav-skeleton-square{border-radius:.875rem;flex:none;width:2.625rem;height:2.625rem}.nav-skeleton-bar{height:1.25rem;margin:.5rem 0}.nav-skeleton-bar--title{width:40%;height:1.0625rem;margin:0}.nav-skeleton-bar--short{width:60%}.nav-skeleton-dot{width:3.2rem;height:3.2rem}@keyframes nav-skeleton-shimmer{0%{background-position:100%}to{background-position:0}}