.nps-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c282580;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:nps-fadeIn .2s ease}.nps-modal{background:var(--bg-warm);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-md);animation:nps-slideUp .25s ease}.nps-title{font-family:var(--font-heading);font-size:1.125rem;color:var(--text-primary);text-align:center;margin:0;line-height:1.4}.nps-scores{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.nps-score-btn{width:32px;height:36px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.nps-score--detractor{border-color:#e8a0a0}.nps-score--passive{border-color:#e8d4a0}.nps-score--promoter{border-color:#a0c8a0}.nps-score--detractor.nps-score--selected{background:var(--error);color:var(--bg-card);border-color:var(--error)}.nps-score--passive.nps-score--selected{background:var(--warning);color:var(--bg-card);border-color:var(--warning)}.nps-score--promoter.nps-score--selected{background:var(--success);color:var(--bg-card);border-color:var(--success)}.nps-scale-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);padding:0 var(--space-xs);margin-top:calc(-1 * var(--space-sm))}.nps-comment{width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);background:var(--bg-card);resize:vertical;min-height:60px}.nps-comment::placeholder{color:var(--text-secondary)}.nps-comment:focus{outline:none;border-color:var(--accent-sage)}.nps-submit{width:100%;padding:var(--space-sm) var(--space-md);background:var(--accent-sage);color:var(--bg-card);border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity .15s}.nps-submit:disabled{opacity:.5;cursor:not-allowed}.nps-defer{background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;text-align:center;padding:var(--space-xs);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.nps-defer:hover{text-decoration-color:var(--text-secondary)}@keyframes nps-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes nps-slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.layout{min-height:100dvh;display:flex;flex-direction:column}.layout-main{flex:1;padding-top:60px;padding-bottom:72px;overflow-y:auto}.layout:before{content:"";position:fixed;top:0;left:0;right:0;height:calc(56px + env(safe-area-inset-top,0px));background:var(--bg-warm);z-index:150;pointer-events:none}.layout-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:64px;background:var(--bg-card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-size:.75rem;font-weight:500;text-decoration:none;min-width:64px;min-height:44px;justify-content:center;transition:color .2s}.nav-item.active{color:var(--accent-sage)}.nav-item svg{width:22px;height:22px}.layout-version{position:fixed;bottom:68px;left:var(--space-md);font-size:.6875rem;color:var(--text-secondary);opacity:.7;z-index:101;background:var(--bg-warm);padding:2px 6px;border-radius:4px}.layout-brand{position:fixed;top:var(--space-md);left:var(--space-md);z-index:200;background:var(--bg-warm);padding:4px 8px;border-radius:8px}.user-menu{position:fixed;top:var(--space-md);right:var(--space-md);z-index:200}.user-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent-sage);color:var(--bg-card);font-family:var(--font-body);font-weight:600;font-size:.875rem;-webkit-user-select:none;user-select:none}.user-dropdown{position:absolute;top:44px;right:0;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-elevated);min-width:180px;overflow:hidden}.user-dropdown-name{padding:var(--space-md);font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-item{width:100%;padding:var(--space-md);text-align:left;font-size:.875rem;color:var(--text-primary);background:none;border:none;cursor:pointer;font-family:var(--font-body)}.user-dropdown-item:hover{background:var(--bg-warm)}.saved-nav-link,.feedback-link{display:block;text-decoration:none;color:var(--text-primary)}@media(min-width:768px){.layout{flex-direction:row}.layout:before{display:none}.layout-main{flex:1;padding-top:0;padding-bottom:0;padding-left:200px}.layout-nav{position:fixed;top:0;left:0;bottom:0;right:auto;width:200px;height:100vh;flex-direction:column;justify-content:flex-start;padding:60px 0 var(--space-xl);gap:var(--space-xs);border-top:none;border-right:1px solid var(--border)}.layout-brand{position:fixed;top:var(--space-lg);left:var(--space-lg)}.nav-item{flex-direction:row;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.875rem;width:100%;justify-content:flex-start;border-radius:0}.nav-item.active{background:#8b9e8b14}.layout-version{position:fixed;bottom:var(--space-md);left:var(--space-lg);background:none}}.user-avatar-btn{display:flex;align-items:center;gap:var(--space-xs);min-width:44px;min-height:44px}.user-avatar-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.user-avatar--hint{box-shadow:0 0 0 3px #8b9e8b66;animation:settings-pulse 2s ease-in-out infinite}@keyframes settings-pulse{0%,to{box-shadow:0 0 0 3px #8b9e8b66}50%{box-shadow:0 0 0 6px #8b9e8b26}}.user-avatar-tooltip{position:absolute;top:44px;right:0;background:var(--text-primary);color:var(--bg-card);font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);white-space:nowrap;pointer-events:none;animation:tooltip-fade 3s ease-in-out infinite}@keyframes tooltip-fade{0%,to{opacity:1}50%{opacity:.7}}.ios-install-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:flex-end}.ios-install-sheet{background:var(--bg-card);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:1.5rem 1.5rem 2.5rem;width:100%;max-width:480px;margin:0 auto}.ios-install-title{font-family:"DM Serif Display",serif;font-size:1.25rem;margin:0 0 .25rem;color:var(--text-primary)}.ios-install-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem}.ios-install-steps{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1rem}.ios-install-step{display:flex;align-items:flex-start;gap:.75rem}.ios-install-step-num{width:28px;height:28px;border-radius:50%;background:var(--accent-sage);color:var(--bg-card);font-size:.8125rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ios-install-step-text{font-size:.9rem;color:var(--text-primary);line-height:1.4;padding-top:.25rem}.ios-install-step-text strong{font-weight:600}.ios-install-done-btn{width:100%;padding:.875rem;background:var(--accent-sage);color:var(--bg-card);border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer}.nav-icon-wrap{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--green-action);color:var(--bg-card);font-size:.625rem;font-weight:700;line-height:16px;text-align:center}:root{--bg-warm: #F7F3EE;--bg-card: #FFFFFF;--text-primary: #2C2825;--text-secondary: #6B6560;--accent-sage: #6B8F71;--accent-terracotta: #C4826D;--accent-teal: #2E7D8F;--accent-navy: #3D4F5F;--border: #E8E2DB;--success: #7BA47B;--warning: #D4A373;--accent-amber: #D4A373;--error: #C46B6B;--font-heading: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--green-positive: #4E8C5A;--amber: #E8A030;--blue: #4A7FA5;--purple: #9B7FC7;--sage-light: #D4DDD4;--sage-mid: #D4E4D6;--sage-tint: #EEF3EF;--error-tint: #FDE8E4;--type-brand: var(--accent-sage);--type-collab: var(--accent-teal);--type-gift: var(--accent-terracotta);--type-question: var(--purple);--type-brand-tint: rgba(107, 143, 113, .12);--type-collab-tint: rgba(46, 125, 143, .12);--type-gift-tint: rgba(196, 130, 109, .14);--type-question-tint: rgba(155, 127, 199, .14);--surface: var(--bg-card);--surface-alt: var(--bg-warm);--bg-subtle: var(--bg-warm);--delta-positive: var(--green-positive);--delta-negative: var(--error);--green-action: var(--accent-sage);--green-metric: var(--green-positive);--green-action-rgb: 107, 143, 113;--blue-rgb: 74, 127, 165;--amber-rgb: 212, 163, 115;--amber-text: #8B5A2B;--overlay-scrim: rgb(44 40 37 / 50%);--surface-coach-dark-1: #2C3A2E;--surface-coach-dark-2: #3D5040;--radius: 8px;--radius-sm: 10px;--radius-card: 16px;--radius-lg: 12px;--radius-pill: 20px;--shadow-card: 0 2px 8px rgba(44, 40, 37, .06);--shadow-elevated: 0 4px 16px rgba(44, 40, 37, .1);--max-width: 480px;--max-width-desktop: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-warm);line-height:1.5;min-height:100dvh}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}a{color:var(--accent-sage);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-family:var(--font-body);font-size:.875rem;font-weight:600;min-height:44px;cursor:pointer;border:none;text-decoration:none;transition:opacity .2s;white-space:nowrap}.btn-primary{background:var(--accent-sage);color:#fff;border:none}.btn-primary:hover{opacity:.88}.btn-secondary{background:transparent;color:var(--accent-sage);border:1.5px solid var(--accent-sage)}.btn-secondary:hover{background:#6b8f710f}.btn-full{width:100%}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:default;pointer-events:none}.btn-secondary--danger{color:var(--error);border-color:#c8505033}.btn-secondary--danger:hover{background:#fff8f8}.btn--fb{box-shadow:0 2px 8px #7ba47b4d}.btn-text{font-size:.8125rem;font-weight:600;color:var(--accent-sage);background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);min-height:36px}.btn-text--danger{color:var(--error)}.btn-text--small{font-size:.75rem;font-weight:500;opacity:.7;min-height:44px;display:inline-flex;align-items:center}.section-kicker{display:block;font-family:var(--font-body);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-xs)}.section-kicker--light{color:#ffffffc7}.card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-md)}.card--dark{background:linear-gradient(160deg,var(--surface-coach-dark-1) 0%,var(--surface-coach-dark-2) 100%);color:#fff;border:none;box-shadow:none}.card--dark .section-kicker{color:#ffffffc7}.card--tint{background:rgba(var(--green-action-rgb),.08);border:none;box-shadow:none}.card--status{background:var(--bg-card);border-left:3px solid var(--border);box-shadow:var(--shadow-card)}.card--status-warning{border-left-color:var(--warning)}.card--status-positive{border-left-color:var(--green-metric)}.card--status-error{border-left-color:var(--error)}.ai-prose{white-space:pre-wrap}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}@media(min-width:768px){.container{max-width:var(--max-width-desktop);padding:0 var(--space-xl)}h1{font-size:2.25rem}h2{font-size:1.625rem}}