:root{--ink: #0a0a0a;--body-strong: #1a1a1a;--body: #3a3a3a;--muted: #6a6a6a;--muted-soft: #9a9a9a;--hairline: #e5e5e5;--hairline-soft: #f0f0f0;--canvas: #fffaf0;--surface-soft: #faf5e8;--surface-card: #f5f0e0;--surface-strong: #ebe6d6;--surface-dark: #0a1a1a;--surface-dark-elevated: #1a2a2a;--white: #ffffff;--brand-pink: #ff4d8b;--brand-teal: #1a3a3a;--brand-lavender: #b8a4ed;--brand-peach: #ffb084;--brand-ochre: #e8b94a;--brand-mint: #a4d4c5;--brand-coral: #ff6b5a;--brand-magenta: #df0e7a;--primary: #0a0a0a;--primary-active: #1f1f1f;--primary-disabled: #e5e5e5;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--text-heading: var(--ink);--text-body: var(--body);--text-body-strong: var(--body-strong);--text-muted: var(--muted);--text-caption: var(--muted-soft);--text-on-primary: #ffffff;--text-on-dark: #ffffff;--text-on-dark-soft: #a0a0a0;--text-link: var(--ink);--surface-page: var(--canvas);--surface-band: var(--surface-soft);--surface-elevated: var(--white);--surface-footer: var(--surface-soft);--border-default: var(--hairline);--border-subtle: var(--hairline-soft);--border-strong: var(--ink);--font-display: "Fredoka", "Nunito", "Quicksand", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--weight-display: 500;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--type-display-xl-size: 72px;--type-display-xl-lh: 1;--type-display-xl-ls: -2.5px;--type-display-lg-size: 56px;--type-display-lg-lh: 1.05;--type-display-lg-ls: -2px;--type-display-md-size: 40px;--type-display-md-lh: 1.1;--type-display-md-ls: -1px;--type-display-sm-size: 32px;--type-display-sm-lh: 1.15;--type-display-sm-ls: -.5px;--type-title-lg-size: 24px;--type-title-lg-lh: 1.3;--type-title-lg-ls: -.3px;--type-title-md-size: 18px;--type-title-md-lh: 1.4;--type-title-sm-size: 16px;--type-title-sm-lh: 1.4;--type-body-md-size: 16px;--type-body-md-lh: 1.55;--type-body-sm-size: 14px;--type-body-sm-lh: 1.55;--type-caption-size: 13px;--type-caption-lh: 1.4;--type-caption-upper-size: 12px;--type-caption-upper-lh: 1.4;--type-caption-upper-ls: 1.5px;--type-button-size: 14px;--type-button-lh: 1;--type-nav-size: 14px;--type-nav-lh: 1.4;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-section: 96px;--pad-card: var(--space-lg);--pad-feature-card: var(--space-xl);--gap-grid: var(--space-lg);--container-max: 1280px;--nav-height: 64px;--control-height: 44px;--sidebar-width: 248px;--mobile-bp: 820px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-feature-card: var(--radius-xl);--radius-badge: var(--radius-pill);--shadow-hover: 0 4px 16px rgba(10, 10, 10, .06);--shadow-raised: 0 8px 28px rgba(10, 10, 10, .08);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out-soft: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--transition-control: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);--transition-card: transform var(--duration-base) var(--ease-out-soft), box-shadow var(--duration-base) var(--ease-out-soft)}.fk-display-xl{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--type-display-xl-size);line-height:var(--type-display-xl-lh);letter-spacing:var(--type-display-xl-ls)}.fk-display-lg{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--type-display-lg-size);line-height:var(--type-display-lg-lh);letter-spacing:var(--type-display-lg-ls)}.fk-display-md{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--type-display-md-size);line-height:var(--type-display-md-lh);letter-spacing:var(--type-display-md-ls)}.fk-display-sm{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--type-display-sm-size);line-height:var(--type-display-sm-lh);letter-spacing:var(--type-display-sm-ls)}.fk-title-lg{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--type-title-lg-size);line-height:var(--type-title-lg-lh);letter-spacing:var(--type-title-lg-ls)}.fk-title-md{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--type-title-md-size);line-height:var(--type-title-md-lh)}.fk-title-sm{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--type-title-sm-size);line-height:var(--type-title-sm-lh)}.fk-body-md{font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--type-body-md-size);line-height:var(--type-body-md-lh)}.fk-body-sm{font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh)}.fk-caption{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--type-caption-size);line-height:var(--type-caption-lh)}.fk-caption-upper{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--type-caption-upper-size);line-height:var(--type-caption-upper-lh);letter-spacing:var(--type-caption-upper-ls);text-transform:uppercase}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--type-body-md-size);line-height:var(--type-body-md-lh)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);color:var(--text-heading);margin:0}h4,h5,h6{font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--text-heading);margin:0}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:var(--transition-control)}a:hover{color:var(--brand-magenta)}img{display:block;max-width:100%}button{font-family:var(--font-body)}::selection{background:var(--brand-pink);color:#fff}@keyframes bo-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes bo-pop{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.app{display:flex;height:100vh;overflow:hidden;background:var(--canvas);color:var(--body);font-family:var(--font-body)}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px;background:var(--surface-soft);border-right:1px solid var(--hairline-soft);overflow:auto}.sidebar__brand{display:flex;flex-direction:column;gap:2px;padding:4px 8px 0}.sidebar__eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__role{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--hairline)}.main{flex:1;min-width:0;height:100vh;overflow:auto}.main__mobile-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 16px;background:var(--canvas);border-bottom:1px solid var(--hairline-soft)}.main__content{max-width:1360px;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(16px,3vw,32px) 112px;display:flex;flex-direction:column;gap:32px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.page-header__text{display:flex;flex-direction:column;gap:6px;min-width:0}.page-header__eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.page-header__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(28px,3.4vw,40px);letter-spacing:-1px;line-height:1.1;color:var(--ink);text-wrap:balance}.page-header__sub{font-size:15px;color:var(--body)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--canvas);border-top:1px solid var(--hairline);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;border:none;border-radius:12px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer}.bottom-nav__item--active{color:var(--ink)}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44}.menu-sheet{position:fixed;left:8px;right:8px;bottom:76px;z-index:45;background:var(--canvas);border:1px solid var(--hairline);border-radius:24px;box-shadow:var(--shadow-raised);padding:16px;display:flex;flex-direction:column;gap:4px;animation:bo-pop .24s var(--ease-out-soft)}.screen-placeholder{background:var(--surface-card);border-radius:var(--radius-card);padding:32px;color:var(--muted);font-size:15px}.nav-btn{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border:none;border-radius:12px;background:transparent;color:var(--body);font-family:var(--font-body);font-size:16px;font-weight:500;cursor:pointer;text-align:left;transition:var(--transition-control)}.nav-btn:hover{background:var(--surface-strong);color:var(--ink)}.nav-btn--active{background:var(--surface-strong);color:var(--ink);font-weight:600}.nav-btn__count{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:#fde4e1;color:#8a1c1c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);padding:0 20px;border:1px solid transparent;border-radius:var(--radius-button);font-family:var(--font-body);font-size:var(--type-button-size);font-weight:500;line-height:1;cursor:pointer;text-decoration:none;transition:var(--transition-control);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-active);color:#fff}.btn--secondary{background:var(--canvas);color:var(--ink);border-color:var(--hairline)}.btn--secondary:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.btn--text{background:transparent;color:var(--ink);padding:0 8px}.btn--text:hover:not(:disabled){color:var(--brand-magenta);text-decoration:underline}.btn--on-color{background:var(--canvas);color:var(--ink)}.btn--on-color:hover:not(:disabled){background:#fff}.btn--sm{min-height:36px;padding:0 14px;font-size:13px}.btn--lg{min-height:52px;padding:0 26px;font-size:15px}.cat-tab{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--canvas);color:var(--body);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-control)}.cat-tab:hover{border-color:var(--ink)}.cat-tab--active{background:var(--ink);color:#fff;border-color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-badge);background:var(--surface-card);color:var(--ink);font-size:12px;font-weight:500}.badge--outline{background:transparent;border:1px solid var(--hairline)}.badge--ochre{background:var(--brand-ochre);color:var(--ink)}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:14px;font-weight:500;color:var(--ink)}.field__input{height:48px;padding:0 16px;border:1px solid var(--hairline);border-radius:var(--radius-input);background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:16px;outline:none;transition:var(--transition-control)}.field__input:focus{border-color:var(--ink)}.field__input--invalid{border-color:var(--error)}.field__hint{font-size:13px;color:var(--muted)}.field__hint--invalid{color:#8a1c1c}.panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0a0a3d}.panel{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:41;background:var(--canvas);border-left:1px solid var(--hairline);box-shadow:var(--shadow-raised);padding:24px;overflow:auto;display:flex;flex-direction:column;gap:20px;animation:bo-in .32s var(--ease-out-soft)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px}.modal-scrim__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a3d}.modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);background:var(--canvas);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised);display:flex;flex-direction:column;overflow:hidden;animation:bo-pop .32s var(--ease-out-soft)}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;border-radius:var(--radius-pill);padding:12px 20px;font-size:14px;font-weight:500;max-width:calc(100% - 32px);animation:bo-pop .24s var(--ease-out-soft)}