:root{--howmz-surface-app: #f2f1ea;--howmz-surface-card: #fff;--howmz-surface-muted: #e8e7e0;--howmz-surface-soft: #eee;--howmz-surface-subtle: #f5f5f5;--howmz-surface-softest: #f8f8f8;--howmz-surface-cool: #f8fafc;--howmz-surface-cool-strong: #e2e8f0;--howmz-surface-navy: #0f172a;--howmz-surface-inverse: #010101;--howmz-ink-pure: #000;--howmz-ink: #010101;--howmz-ink-strong: #0b0b0b;--howmz-ink-soft: #0f0f0f;--howmz-text-primary: #010101;--howmz-text-strong: #111827;--howmz-text-stronger: #1a202c;--howmz-text-deep: #333;--howmz-text-dim: #525252;--howmz-text-dimmer: #666;--howmz-text-muted-strong: #4a5568;--howmz-text-slate: #475569;--howmz-text-tertiary: #4b5563;--howmz-text-secondary: #6b7280;--howmz-text-secondary-alt: #718096;--howmz-text-muted: #9ca3af;--howmz-text-placeholder: #999;--howmz-text-inverse: #f2f1ea;--howmz-text-accent: #c39f5c;--howmz-border-light: #ccc;--howmz-border-default: #ddd;--howmz-border-muted: #e4e4df;--howmz-accent: #c39f5c;--howmz-accent-hover: #b08d4a;--howmz-accent-strong: #a67c00;--howmz-accent-deep: #8a6b35;--howmz-accent-darker: #7a5b17;--howmz-accent-darkest: #6b5200;--howmz-accent-ink: #5a3e0b;--howmz-accent-soft: #f6e5a8;--howmz-status-success: #2f855a;--howmz-status-success-strong: #059669;--howmz-status-success-stronger: #047857;--howmz-status-success-bright: #16a34a;--howmz-status-success-brighter: #22c55e;--howmz-status-success-deep: #15803d;--howmz-status-success-soft: #9ae6b4;--howmz-status-success-bg: #f0fff4;--howmz-status-info: #2563eb;--howmz-status-info-strong: #1d4ed8;--howmz-status-info-soft: #3182ce;--howmz-status-info-bright: #3b82f6;--howmz-status-warning: #b45309;--howmz-status-warning-strong: #e55332;--howmz-status-warning-soft: #f6ad55;--howmz-status-warning-bg: #fffaf0;--howmz-status-danger-deep: #991b1b;--howmz-status-danger-strong: #b91c1c;--howmz-status-danger: #c53030;--howmz-status-danger-bright: #dc2626;--howmz-status-danger-stronger: #dc3545;--howmz-status-danger-soft: #e53e3e;--howmz-status-danger-alt: #ef4444;--howmz-status-danger-border: #fecaca;--howmz-status-danger-softest: #feb2b2;--howmz-status-danger-bg: #fee2e2;--howmz-status-danger-bg-soft: #fff5f5;--howmz-role-purple: #553c9a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--howmz-surface-app);color:var(--howmz-text-primary)}.hub-app-shell{background:var(--howmz-surface-app);color:var(--howmz-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;height:100dvh}.hub-app-content{background:var(--howmz-surface-app);flex:1;overflow:auto}.hub-app-content>*{box-sizing:content-box}.hub-app-content.fullscreen{overflow:hidden}.app-nav-header{align-items:center;background:var(--howmz-surface-inverse);box-sizing:content-box;box-shadow:0 2px 8px #01010126;display:flex;flex-shrink:0;height:64px;padding:0 4.25rem 0 2rem;position:relative}.app-nav-header.hidden,.app-nav-accent.hidden{display:none}.app-nav-logo{align-items:center;display:flex;gap:.75rem}.app-nav-logo h1{font-size:1.35rem;font-weight:600;letter-spacing:.02em;margin:0}.app-nav-logo a{align-items:center;color:var(--howmz-text-inverse);display:flex;gap:.5rem;text-decoration:none}.app-nav-logo a:hover{color:var(--howmz-text-accent)}.app-nav-logo-mark{display:flex;height:32px;justify-content:center;width:32px}.app-nav-logo-mark svg{height:100%;width:100%}.brand-accent{color:var(--howmz-text-accent)}.app-nav-active-item{color:var(--howmz-text-accent);font-size:1rem;font-weight:600;left:50%;letter-spacing:.01em;line-height:1.1;max-width:min(42vw,28rem);overflow:hidden;padding-bottom:.45rem;position:absolute;text-align:center;text-decoration:none;text-overflow:ellipsis;transform:translate(-50%);transition:color .18s ease;white-space:nowrap;z-index:0}.app-nav-active-item:after{background:var(--howmz-accent);border-radius:999px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:32px}.app-nav-active-item:hover{color:var(--howmz-text-inverse)}.app-nav-active-item:focus-visible{outline:2px solid rgba(195,159,92,.55);outline-offset:3px}.app-nav-link,.app-nav-mobile-link{position:relative}.app-nav-badge{align-items:center;background:var(--howmz-accent);border-radius:999px;color:var(--howmz-text-primary);display:inline-flex;font-size:.7rem;font-weight:700;height:1.2rem;justify-content:center;min-width:1.2rem;padding:0 .35rem;position:absolute;right:6px;top:2px}.app-nav-accent{background:var(--howmz-accent);flex-shrink:0;height:3px}.app-nav-mobile-overlay{cursor:pointer}.app-nav-mobile-toggle-shell{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:3}.app-nav-mobile-toggle{display:none;--howmz-button-icon-size: 40px}.app-nav-menu-icon{display:block;height:20px;width:20px}.app-nav-menu-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.25}.app-nav-mobile-overlay{background:#01010166;border:none;inset:0;position:fixed;z-index:1200}.app-nav-mobile-menu{background:var(--howmz-ink-strong);box-sizing:content-box;box-shadow:-12px 0 24px #0006;color:var(--howmz-text-inverse);display:flex;flex-direction:column;gap:1.5rem;height:100vh;overflow-y:auto;padding:1.5rem 1.25rem 2rem;position:fixed;right:0;top:0;width:min(320px,85vw);z-index:1210}.app-nav-mobile-menu-header{align-items:center;display:flex;font-size:1rem;font-weight:600;justify-content:space-between}.app-nav-mobile-nav,.app-nav-mobile-user{display:flex;flex-direction:column;gap:.35rem}.app-nav-mobile-close{--howmz-button-bg: rgba(242, 241, 234, .14);--howmz-button-border-color: transparent;--howmz-button-color: var(--howmz-text-inverse)}.app-nav-mobile-link,.app-nav-mobile-user a{border-radius:10px;color:#f2f1ead9;font-size:.95rem;font-weight:500;padding:.75rem;text-decoration:none;transition:background-color .16s ease,color .16s ease}.app-nav-mobile-link:hover,.app-nav-mobile-user a:hover{background:#c39f5c26;color:var(--howmz-text-inverse)}.app-nav-mobile-link.active{background:#c39f5c1f;color:var(--howmz-text-accent)}.app-nav-mobile-divider{margin-top:1rem}.app-nav-mobile-user{gap:.75rem;margin-top:.75rem}.app-nav-mobile-user-link{border-radius:10px;color:#f2f1ead9;font-size:.95rem;font-weight:600;padding:.75rem;text-decoration:none;transition:background-color .16s ease,color .16s ease}.app-nav-mobile-user-link:hover{background:#c39f5c26;color:var(--howmz-text-inverse)}.app-nav-mobile-user-link:focus-visible{outline:2px solid rgba(195,159,92,.55);outline-offset:2px}.app-nav-mobile-logout{width:fit-content}@media(max-width:900px){.app-nav-header{padding:0 3.75rem 0 1rem}.app-nav-logo h1{font-size:1.1rem}.app-nav-logo-mark{height:28px;width:28px}}@media(max-width:680px){.app-nav-header{height:56px;padding:.65rem .75rem}.app-nav-mobile-toggle{display:inline-flex}.app-nav-logo h1{font-size:1rem}.app-nav-logo a{gap:.25rem}.app-nav-logo-mark{height:24px;width:24px}.app-nav-active-item{font-size:.9rem;max-width:34vw}}@media(max-width:480px){.app-nav-header{padding:.5rem 3.25rem .5rem .5rem}.app-nav-logo h1{font-size:.9rem}.app-nav-logo-mark{height:20px;width:24px}.app-nav-logo .brand-accent{display:none}.app-nav-active-item{font-size:.82rem;max-width:42vw}.app-nav-active-item:after{width:24px}.app-nav-mobile-toggle-shell{right:.5rem}.app-nav-mobile-toggle{--howmz-button-icon-size: 36px}}.app-nav-mobile-toggle{display:inline-flex}.howmz-page-header-react{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:var(--howmz-page-header-justify, space-between);min-width:0}.howmz-page-header-main{align-items:center;display:flex;gap:.75rem;justify-content:var(--howmz-page-header-main-justify, flex-start);min-width:0}.howmz-page-header-main.no-leading{align-items:flex-start;gap:0;justify-content:var( --howmz-page-header-main-no-leading-justify, flex-start )}.howmz-page-header-leading{align-items:center;display:flex;flex-shrink:0}.howmz-page-header-text{display:flex;flex-direction:column;gap:.35rem;min-width:0}.howmz-page-header-title{color:var(--howmz-page-header-title-color, var(--howmz-text-primary));font-size:var(--howmz-page-header-title-size, 1.75rem);font-weight:var(--howmz-page-header-title-weight, 600);letter-spacing:var(--howmz-page-header-title-letter-spacing, -.01em);line-height:var(--howmz-page-header-title-line-height, 1.15);margin:0;min-width:0}.howmz-page-header-subtitle{color:var(--howmz-page-header-subtitle-color, var(--howmz-text-secondary));font-size:var(--howmz-page-header-subtitle-size, .95rem);line-height:var(--howmz-page-header-subtitle-line-height, 1.4)}.howmz-page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;flex-shrink:0;justify-content:flex-end;margin-left:auto}@media(max-width:600px){.howmz-page-header-react{align-items:stretch;flex-direction:column}.howmz-page-header-actions{justify-content:flex-start;margin-left:0}}