.app-subnav{padding:10px 14px;animation:.4s cubic-bezier(.16,1,.3,1) both app-subnav-enter}@keyframes app-subnav-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-page-intro{padding:18px 20px}.profile-page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:700}.profile-page-subtitle{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.app-header{background:var(--surface-pop);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none;flex-direction:column;align-items:stretch;gap:14px;padding:16px 20px;display:flex;overflow:visible}.logo-section h1,.app-name-display{font-family:var(--font-script);letter-spacing:0;color:var(--text-primary);font-size:32px;font-weight:600;line-height:1.15}.logo-section p{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:700}.page-nav{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.page-nav-link{text-align:center;border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid #0000;flex:0 auto;justify-content:center;align-items:center;padding:10px 14px;font-size:10px;font-weight:700;text-decoration:none;display:flex;position:relative}.page-nav-link:hover{color:var(--text-primary);background:var(--surface-hover)}.page-nav-link.active{color:var(--text-primary);background:var(--accent-tint-strong);box-shadow:none}.page-nav-link.has-alert{background:var(--accent-tint);gap:6px}.page-nav-alert-dot{color:var(--link-accent);font-size:9px;line-height:1}.page-nav-link .nav-badge{top:-4px;right:-4px}.nav-badge{background:var(--color-pink);min-width:18px;height:18px;color:var(--on-accent);text-align:center;border:none;border-radius:999px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #f4a7b98c}.page-title{font-family:var(--font-script);letter-spacing:0;color:var(--text-primary);margin-bottom:20px;font-size:30px;font-weight:600;line-height:1.2}.noted-app-name-header{border-left:6px solid var(--link-accent);color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.04em;align-items:center;margin-bottom:18px;padding-left:15px;font-size:clamp(20px,3vw,30px);font-weight:800;line-height:1.1;display:inline-flex}.section-subtitle{font-family:var(--font-script);color:var(--text-secondary);margin-bottom:12px;font-size:17px;font-weight:500;line-height:1.45}.section-heading{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);margin-bottom:12px;font-size:13px;font-weight:700}.section-block{margin-bottom:30px}.nav-links{gap:8px;display:flex}.nav-button{color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 16px;font-size:11px;font-weight:700}.nav-button:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-button.active{color:var(--text-primary);background:var(--accent-tint-strong);box-shadow:none;border:none}.header-menu{flex-shrink:0;position:relative}.header-menu-trigger{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-elevated);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}.header-menu-trigger:hover,.header-menu-trigger:focus-visible{background:var(--surface-solid);border-color:var(--border-focus);color:var(--text-primary)}.header-menu-dialog{inset:unset;background:0 0;border:none;width:auto;max-width:none;margin:0;padding:0;position:fixed;overflow:visible}.header-menu-dialog::backdrop{-webkit-backdrop-filter:var(--overlay-blur);background:#14101c61}.header-menu-list{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-solid);min-width:180px;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;margin:0;padding:6px;display:flex}.header-menu-trigger.has-alert{border-color:var(--link-accent);color:var(--link-accent)}.header-menu-trigger.has-alert:after{display:none}.header-menu-alert-count{background:var(--link-accent);color:#fff;min-width:16px;height:16px;font-family:var(--font-display);text-align:center;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 10px #e63946a6}.header-menu-item{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-primary);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:500;display:flex}.header-menu-item:hover,.header-menu-item:focus-visible{background:var(--surface-hover);outline:none}.header-menu-item.is-danger{color:var(--accent-rose)}.header-menu-item.is-danger:hover,.header-menu-item.is-danger:focus-visible{background:color-mix(in srgb, var(--accent-rose) 12%, transparent)}.header-menu-item.has-alert .header-menu-item-label{color:var(--priority-high-text)}.header-menu-alert-dot{color:var(--link-accent);flex-shrink:0;font-size:10px;line-height:1}@media (max-width:640px){.header-menu-list{border-radius:var(--radius-md);min-width:180px;padding:8px}}.page-nav-link.has-alert{border-color:color-mix(in srgb, var(--link-accent) 45%, var(--border-soft))}.logo-subtitle-button{text-align:left;cursor:default;font:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0}.app-name-display{cursor:text;transition:background var(--transition-fast);border-radius:4px}.app-name-display:hover{background:#c8b6e226}.app-name-input{width:100%;max-width:220px;font-family:var(--font-script);letter-spacing:0;color:var(--text-primary);border:1px solid var(--border-focus);background:#ffffffb3;border-radius:6px;outline:none;padding:2px 6px;font-size:32px;font-weight:600;display:block}.hidden-page{background:#111;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hidden-page-image{object-fit:contain}.hidden-page-back{z-index:2;color:#ffffff59;transition:color var(--transition-fast);font-size:20px;text-decoration:none;position:fixed;top:16px;left:16px}.hidden-page-back:hover{color:#ffffffb3}.logo-subtitle-button p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.superuser-badge{background:var(--badge-bg);border:1px solid var(--border-focus);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--badge-text);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}.app-header-compact{gap:0}.app-header-apply .logo-row,.app-header-zenote .logo-row{align-items:flex-start}.app-header-apply .logo-title-block,.app-header-zenote .logo-title-block{flex:1;min-width:0}.app-header-zenote .logo-subtitle-button{margin-bottom:14px}.logo-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}@media (max-width:640px){.logo-row{flex-direction:column;align-items:stretch}.logo-row .header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}