@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&family=Handlee&display=swap";@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;animation:spin 1s linear infinite}.spinner--image{background-image:url(/spinner-hedgehog.png);background-image:image-set(url(/spinner-hedgehog.webp) type("image/webp"),url(/spinner-hedgehog.png) type("image/png"));background-size:contain;background-repeat:no-repeat;background-position:center;filter:var(--spinner-filter, none)}.spinner--small{width:20px;height:20px}.spinner--large{width:60px;height:60px}.gsb-card{display:grid;gap:14px 24px;background:var(--color-surface-secondary);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow-card);grid-template-columns:1.15fr 1fr;grid-template-areas:"kicker kicker" "hero radar" "toggle radar" "math math";grid-template-rows:auto auto 1fr;align-items:start}.gsb-kicker{grid-area:kicker;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.gsb-hero{grid-area:hero;align-self:start}.gsb-radar{grid-area:radar;align-self:start}.gsb-cardcounts{border-top:1px solid var(--ink-divider);margin-top:14px;padding-top:12px;display:flex;gap:18px;flex-wrap:wrap;font-size:15px;font-weight:700}.gsb-cards{display:grid;gap:14px;margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.gsb-math{border-top:1px solid var(--ink-divider);margin-top:18px;padding-top:18px}.gsb-mathgrid{display:grid;gap:26px;grid-template-columns:180px minmax(0,1fr);align-items:center}.gsb-pill{border:2px solid var(--color-text);background:none;color:var(--color-text);font:inherit;font-size:14px;font-weight:800;padding:11px 17px;border-radius:var(--r-pill, 999px);cursor:pointer}.gsb-actions{display:flex;gap:10px;flex-wrap:wrap}.gsb-herohead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.gsb-inner{background:var(--color-surface);border-radius:13px;padding:20px}.gsb-score{font-size:60px}.gsb-pcnt{font-size:26px}.gsb-band{font-size:17px}.gsb-axis,.gsb-eyebrow{font-size:12px}@media(max-width:900px){.gsb-card{gap:12px;padding:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker" "hero" "toggle" "math" "radar"}.gsb-inner{padding:16px;border-radius:12px}.gsb-mathgrid{grid-template-columns:minmax(0,1fr);gap:18px;justify-items:center}.gsb-score{font-size:50px}.gsb-pcnt{font-size:22px}.gsb-band{font-size:15px}.gsb-axis,.gsb-eyebrow{font-size:11px}}.gsb-chipprefix{display:inline}@media(max-width:900px){.gsb-chipprefix{display:none}}.gsb-termrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gsb-termname{font-size:17px;width:92px;flex:none}.gsb-termbar{flex:1 1 120px;min-width:100px;height:10px;border-radius:99px;overflow:hidden}.gsb-termpct{font-size:22px;width:58px;flex:none;text-align:right}@media(max-width:900px){.gsb-termrow{gap:10px}.gsb-termname{font-size:16px;width:78px}.gsb-termbar{flex:1 1 60px;min-width:60px}.gsb-termpct{font-size:20px;width:52px}}.checkin-channel{margin-top:20px}.checkin-channel h4{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--text-primary, #111827)}.checkin-channel__options{display:flex;gap:8px}.checkin-channel__option{flex:1;padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:transparent;font-size:.9rem;color:var(--text-primary, #111827);cursor:pointer;transition:background .15s ease,border-color .15s ease}.checkin-channel__option:hover:not(:disabled){border-color:var(--primary-light, #818cf8)}.checkin-channel__option.is-selected{border-color:var(--primary, #6366f1);background:var(--primary-surface, #eef2ff);color:var(--primary-contrast, #4338ca);font-weight:600}.checkin-channel__option:disabled{opacity:.6;cursor:default}.checkin-channel__option:focus-visible{outline:2px solid var(--primary, #6366f1);outline-offset:2px}.checkin-channel__statement,.checkin-channel__none,.checkin-channel__paused{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.5}.checkin-channel__paused{margin-top:8px}.checkin-channel__error{margin:8px 0 0;font-size:.85rem;color:var(--danger, #ef4444)}.linkedin-credential-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.oneup-v2 .linkedin-credential-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:none}.oneup-v2 .linkedin-credential-card .credential-title h3{color:var(--text-strong)}.oneup-v2 .linkedin-credential-card .credential-subtitle,.oneup-v2 .linkedin-credential-card .detail-label,.oneup-v2 .linkedin-credential-card .credential-footer small{color:var(--text-mute)}.oneup-v2 .linkedin-credential-card .detail-value{color:var(--text)}.oneup-v2 .linkedin-credential-card .credential-details{background:var(--surface-1)}.oneup-v2 .linkedin-credential-card .credential-status.active{background:var(--success-soft);color:var(--success)}.oneup-v2 .linkedin-credential-card .credential-footer{border-top:1px solid var(--border-subtle)}.oneup-v2 .linkedin-credential-card .link-verification{color:var(--primary)}.oneup-v2 .linkedin-credential-card .link-verification:hover{color:var(--primary-2)}.credential-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.credential-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#0077b5,#00a0dc);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.credential-icon svg{width:28px;height:28px}.credential-title{flex:1}.credential-title h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.credential-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.credential-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--border-radius-md)}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.credential-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.credential-status.active{background:var(--color-success-light, #d1fae5);color:var(--color-success-dark, #065f46)}.credential-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.btn-linkedin{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#0077b5,#00a0dc);color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-linkedin:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#006399,#0090c7)}.btn-linkedin:active{transform:translateY(0)}.btn-linkedin svg{width:20px;height:20px}.link-verification{text-align:center;color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.link-verification:hover{color:var(--color-primary-dark);text-decoration:underline}.credential-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.credential-footer small{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}@media(max-width:640px){.linkedin-credential-card{padding:var(--spacing-md)}.credential-header{gap:var(--spacing-sm)}.credential-icon{width:40px;height:40px}.credential-icon svg{width:24px;height:24px}.credential-title h3{font-size:var(--font-size-md)}}.od-container{--card-bg: var(--color-surface);--card-accent: var(--color-surface-secondary);--background-alt: var(--color-background);--border: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-tertiary: var(--color-text-light);--primary-surface: var(--color-primary-light);--danger: var(--color-error);--danger-contrast: var(--color-error-contrast);--danger-surface: var(--color-error-surface);--warning: var(--color-warning);--warning-contrast: var(--color-warning-contrast);--warning-surface: var(--color-warning-surface);--spacing-xxl: var(--spacing-2xl);--transition-ease: ease}.od-container{max-width:800px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);animation:od-fade-in .4s var(--transition-ease)}@keyframes od-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.od-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.od-error{background:var(--danger-surface);color:var(--danger-contrast);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);text-align:center}.od-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl)}.od-header-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.od-title{margin:0;font-size:1.75rem;font-weight:var(--font-weight-black);color:var(--color-primary, #6366f1);line-height:1.2}.od-updated{font-size:.8rem;color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.od-status-pill{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.od-status-pill[data-status=active]{background:color-mix(in srgb,var(--color-success, #10b981) 15%,#ffffff 85%);color:var(--color-success, #10b981)}.od-status-pill[data-status=draft]{background:var(--background-alt);color:var(--text-secondary)}.od-status-pill[data-status=suspended]{background:var(--warning-surface);color:var(--warning-contrast)}.od-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.od-logout-btn{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;background:var(--background-alt);color:var(--text-secondary);border:1px solid var(--border-color, #e5e7eb);cursor:pointer;transition:background var(--transition-fast, .12s) var(--transition-ease, ease),color var(--transition-fast, .12s) var(--transition-ease, ease)}.od-logout-btn:hover{background:var(--danger-surface);color:var(--danger-contrast)}.od-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media(max-width:640px){.od-metrics-grid{grid-template-columns:repeat(2,1fr)}}.od-metric-card{--card-accent: var(--primary);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal) var(--transition-bounce),box-shadow var(--transition-normal) var(--transition-ease);animation:od-card-in .5s var(--transition-ease) backwards}.od-metric-card:nth-child(1){animation-delay:.05s}.od-metric-card:nth-child(2){animation-delay:.1s}.od-metric-card:nth-child(3){animation-delay:.15s}.od-metric-card:nth-child(4){animation-delay:.2s}@keyframes od-card-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.od-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent);transition:height var(--transition-normal) var(--transition-ease)}.od-metric-card:after{content:"";position:absolute;inset:0;background:var(--card-accent);opacity:.03;pointer-events:none}.od-metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.od-metric-card:hover:before{height:5px}.od-metric-value{font-size:2.25rem;font-weight:var(--font-weight-black);line-height:1.1;margin-bottom:var(--spacing-xs)}.od-metric-card:nth-child(1){--card-accent: var(--color-primary, #6366f1)}.od-metric-card:nth-child(2){--card-accent: var(--color-success, #10b981)}.od-metric-card:nth-child(3){--card-accent: var(--color-warning, #f59e0b)}.od-metric-card:nth-child(4){--card-accent: var(--color-primary, #06b6d4)}.od-metric-card:nth-child(1) .od-metric-value{color:var(--color-primary, #6366f1)}.od-metric-card:nth-child(2) .od-metric-value{color:var(--color-success, #10b981)}.od-metric-card:nth-child(3) .od-metric-value{color:var(--color-warning, #f59e0b)}.od-metric-card:nth-child(4) .od-metric-value{color:var(--color-primary, #06b6d4)}.od-metric-label{font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.od-suppressed-card{background:var(--card-bg);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-xl)}.od-suppressed-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary-surface);color:var(--primary);margin-bottom:var(--spacing-md)}.od-suppressed-text{margin:0 0 var(--spacing-sm) 0;font-size:1rem;font-weight:var(--font-weight-medium);color:var(--text-secondary)}.od-suppressed-hint{font-size:.8rem;color:var(--text-tertiary)}.od-groups-section{margin-top:var(--spacing-lg)}.od-section-title{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.od-section-title:before{content:"";width:4px;height:1.1em;background:linear-gradient(180deg,var(--color-primary, #6366f1) 0%,var(--color-success, #10b981) 100%);border-radius:var(--radius-full);flex-shrink:0}.od-groups-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;animation:od-card-in .5s var(--transition-ease) .25s backwards}.od-table{width:100%;border-collapse:collapse}.od-table thead th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--border);background:var(--background-alt)}.od-table thead th:not(:first-child){text-align:right}.od-table tbody td{padding:var(--spacing-md);border-bottom:1px solid var(--border);font-size:.9rem}.od-table tbody td:not(:first-child){text-align:right}.od-table tbody tr:last-child td{border-bottom:none}.od-table-row{cursor:pointer;transition:all var(--transition-fast) var(--transition-ease)}.od-table-row:hover{background:color-mix(in srgb,var(--color-primary, #6366f1) 8%,#ffffff 92%)}.od-table-row:hover .od-group-name{color:var(--color-primary, #6366f1)}.od-group-name{font-weight:var(--font-weight-bold);color:var(--text-primary);transition:color var(--transition-fast) var(--transition-ease)}.od-table-num{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-variant-numeric:tabular-nums}.od-metrics-note{margin:.75rem 0 0;font-size:.8rem;line-height:1.5;color:var(--text-tertiary)}.od-group-note{font-weight:var(--font-weight-medium);font-size:.8rem;color:var(--text-tertiary);cursor:help}.od-table-suppressed{font-size:.8rem;color:var(--text-tertiary);font-style:italic;background:var(--background-alt);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.od-rich-section{background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);animation:od-card-in .5s var(--transition-ease) backwards}.od-rich-section:nth-of-type(2){animation-delay:.3s}.od-rich-section:nth-of-type(3){animation-delay:.35s}.od-rich-section:nth-of-type(4){animation-delay:.4s}.od-rich-section:nth-of-type(5){animation-delay:.45s}.od-trend{display:inline-block;font-size:.8em;margin-left:var(--spacing-xs);font-weight:var(--font-weight-bold)}.od-trend--up{color:var(--color-success, #10b981)}.od-trend--down{color:#ef4444}.od-trend--flat{color:var(--color-border, #9ca3af)}.od-goal-tag,.od-week-tag{display:inline-block;padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm)}.od-goal-tag{background:color-mix(in srgb,var(--color-primary, #6366f1) 12%,#ffffff 88%);color:var(--color-primary, #6366f1)}.od-week-tag{background:color-mix(in srgb,var(--color-warning, #f59e0b) 12%,#ffffff 88%);color:var(--color-warning, #d97706)}.od-tiers{display:flex;flex-direction:column;gap:var(--spacing-sm)}.od-tier{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);position:relative;overflow:hidden;background:#fff}.od-tier-bar{position:absolute;left:0;top:0;bottom:0;border-radius:var(--radius-md);transition:width .6s var(--transition-ease);min-width:4px}.od-tier--fire .od-tier-bar{background:color-mix(in srgb,var(--color-success, #10b981) 20%,#ffffff 80%)}.od-tier--steady .od-tier-bar{background:color-mix(in srgb,var(--color-primary, #3b82f6) 15%,#ffffff 85%)}.od-tier--risk .od-tier-bar{background:color-mix(in srgb,#ef4444 15%,#ffffff 85%)}.od-tier-count{font-size:1.5rem;font-weight:var(--font-weight-black);min-width:2.5rem;text-align:center;position:relative;z-index:1}.od-tier--fire .od-tier-count{color:var(--color-success, #10b981)}.od-tier--steady .od-tier-count{color:var(--color-primary, #3b82f6)}.od-tier--risk .od-tier-count{color:#ef4444}.od-tier-label{font-size:.85rem;color:var(--color-text-secondary, #4b5563);font-weight:var(--font-weight-medium);position:relative;z-index:1}.od-trends-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:640px){.od-trends-grid{grid-template-columns:1fr}}.od-sparkline-chart{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md)}.od-sparkline-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-sm)}.od-sparkline-title{font-size:.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.od-sparkline-value{font-size:1.1rem;font-weight:var(--font-weight-black)}.od-sparkline-svg{width:100%;height:60px}.od-sparkline-dot{cursor:pointer;transition:r .15s ease}.od-sparkline-dot:hover{r:5}.od-sparkline-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-xs)}.od-sparkline-label-item{font-size:.65rem;color:var(--color-text-secondary, #9ca3af);cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:background .15s ease}.od-sparkline-label-item:hover{background:var(--background-alt)}.od-sparkline-label-item--active{color:var(--text-primary);font-weight:var(--font-weight-bold);background:var(--background-alt)}.od-week-selector{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.od-week-tab{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--card-bg);color:var(--text-secondary);font-size:.8rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s ease}.od-week-tab:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.od-week-tab--active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.od-period-content{position:relative}.od-period-loading{position:absolute;inset:0;display:flex;justify-content:center;padding-top:var(--spacing-xxl);background:#fff9;z-index:10}.od-challenge-bar{display:flex;height:28px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.od-challenge-segment{min-width:4px;transition:width .6s var(--transition-ease)}.od-challenge-segment--done{background:var(--color-success, #22c55e)}.od-challenge-segment--adapted{background:#3b82f6}.od-challenge-segment--partial{background:#f59e0b}.od-challenge-segment--none{background:#ef4444}.od-challenge-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-md)}.od-challenge-legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem}.od-challenge-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.od-challenge-dot--done{background:var(--color-success, #22c55e)}.od-challenge-dot--adapted{background:#3b82f6}.od-challenge-dot--partial{background:#f59e0b}.od-challenge-dot--none{background:#ef4444}.od-challenge-legend-label{color:var(--color-text-secondary, #4b5563);font-weight:var(--font-weight-medium)}.od-challenge-legend-value{color:var(--text-primary);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.od-challenge-footer{font-size:.8rem;color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.od-sparkline{display:flex;align-items:flex-end;gap:3px;height:80px;padding-top:var(--spacing-sm)}.od-spark-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.od-spark-bar{width:100%;background:linear-gradient(180deg,var(--color-primary, #3b82f6) 0%,color-mix(in srgb,var(--color-primary, #3b82f6) 60%,#ffffff 40%) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:3px;transition:height .4s var(--transition-ease)}.od-spark-label{font-size:.65rem;color:var(--color-text-secondary, #9ca3af);margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.od-heatmap{display:flex;gap:var(--spacing-xs)}.od-heat-cell{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-xs);border-radius:var(--radius-md);overflow:hidden;background:#fff}.od-heat-fill{position:absolute;inset:0;background:var(--color-success, #10b981);pointer-events:none}.od-heat-day{font-size:.7rem;font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-text-secondary, #4b5563);position:relative;z-index:1;letter-spacing:.05em}.od-heat-count{font-size:1.1rem;font-weight:var(--font-weight-black);color:var(--color-text-primary, #111827);position:relative;z-index:1;margin-top:var(--spacing-xs)}.od-streak-dist{display:flex;gap:var(--spacing-md)}.od-streak-bucket{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-lg);background:#fff;text-align:center}.od-streak-emoji{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.od-streak-num{font-size:1.75rem;font-weight:var(--font-weight-black)}.od-streak-bucket--high .od-streak-num{color:var(--color-success, #10b981)}.od-streak-bucket--mid .od-streak-num{color:var(--color-primary, #3b82f6)}.od-streak-bucket--low .od-streak-num{color:#ef4444}.od-streak-desc{font-size:.75rem;color:var(--color-text-secondary, #9ca3af);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}@media(max-width:640px){.od-heatmap{flex-wrap:wrap}.od-streak-dist{flex-direction:column}.od-tiers{gap:var(--spacing-xs)}}.od-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-md);transition:color var(--transition-fast) var(--transition-ease)}.od-back-btn:hover{color:var(--primary)}.od-invoice-link{color:var(--primary);font-weight:var(--font-weight-medium);text-decoration:none;font-size:.85rem}.od-invoice-link:hover{text-decoration:underline}.od-invite-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl) var(--spacing-md)}.od-invite-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xxl) var(--spacing-xl);text-align:center;max-width:440px;width:100%}.od-invite-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--primary-surface);color:var(--primary);margin-bottom:var(--spacing-lg)}.od-invite-icon--error{background:var(--danger-surface);color:var(--danger)}.od-invite-title{margin:0 0 var(--spacing-md) 0;font-size:1.5rem;font-weight:var(--font-weight-black);color:var(--text-primary)}.od-invite-org-info{margin-bottom:var(--spacing-lg)}.od-invite-org-name{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-xs)}.od-invite-group-name{font-size:.95rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.od-invite-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--spacing-xl) 0;line-height:1.5}.od-invite-btn{width:100%}.od-disclosure{max-width:600px;margin:0 auto}.od-disclosure-header{text-align:center;margin-bottom:var(--spacing-xl)}.od-disclosure-intro{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-top:var(--spacing-sm)}.od-disclosure-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.od-disclosure-section-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0;font-size:.95rem;font-weight:var(--font-weight-bold)}.od-disclosure-section-title--can{color:var(--warning)}.od-disclosure-section-title--cannot{color:var(--success)}.od-disclosure-section-title--account{color:var(--primary)}.od-disclosure-list{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary);font-size:.9rem;line-height:1.8}.od-disclosure-list li{margin-bottom:var(--spacing-xs)}.od-disclosure-btn{width:100%;margin-top:var(--spacing-lg)}.od-roster-section{margin-top:var(--spacing-lg)}.od-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.od-roster-card{appearance:none;-webkit-appearance:none;text-align:left;background:#fff;border:1px solid #e6e6ee;border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease;font:inherit;color:inherit}.od-roster-card:hover{border-color:#6b5fff;transform:translateY(-1px);box-shadow:0 4px 12px #6b5fff14}.od-roster-card:focus-visible{outline:2px solid #6b5fff;outline-offset:2px}.od-roster-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.od-roster-name{font-size:15px;font-weight:600;color:#161420;letter-spacing:-.2px}.od-roster-chip{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:99px;border:1px solid transparent;white-space:nowrap}.od-roster-chip-pct{font-weight:600;letter-spacing:.2px}.od-roster-chip--strong{color:#16a34a;background:#e6f6ec;border-color:#16a34a33}.od-roster-chip--building{color:#6b5fff;background:#eeebff;border-color:#6b5fff33}.od-roster-chip--low{color:#ec4899;background:#fce4f1;border-color:#ec489933}.od-roster-meta{font-size:12px;color:#6c6a7a;display:flex;flex-wrap:wrap;gap:5px}.od-roster-archetype{font-weight:600;color:#3d3a4d}.od-roster-mirror{font-size:13px;color:#3d3a4d;line-height:1.45;letter-spacing:-.05px;font-style:italic}.oneup-v2.checkin-host{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--bg-app);-webkit-text-size-adjust:100%;text-size-adjust:100%}.oneup-v2 .checkin-topbar{position:sticky;top:0;z-index:5;flex:none;display:flex;align-items:center;gap:14px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:var(--surface-1);border-bottom:3px solid var(--accent-panel)}.oneup-v2 .checkin-close{flex:none;width:var(--target-min);height:var(--target-min);display:grid;place-items:center;border-radius:var(--r-md);border:2px solid var(--border-strong);background:var(--surface-1);color:var(--text);transition:background .15s ease}.oneup-v2 .checkin-close:hover{background:var(--divider)}.oneup-v2 .checkin-brand{font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--text-strong)}.oneup-v2 .checkin-progress{flex:1;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:5px;min-width:0}.oneup-v2 .checkin-progress .progress{height:6px}.oneup-v2 .checkin-progress-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text);white-space:nowrap}.oneup-v2 .checkin-topbar>.checkin-progress-label{font-size:22px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--text-strong)}.oneup-v2 .checkin-main{flex:1;width:100%;max-width:480px;margin:0 auto;padding:20px 16px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}.oneup-v2 .checkin-status{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:28px 20px;margin:auto}.oneup-v2 .checkin-card{display:flex;flex-direction:column;gap:18px}.oneup-v2 .checkin-prompt{line-height:1.3;white-space:pre-line}.oneup-v2 .checkin-options{display:flex;flex-direction:column;gap:10px}.oneup-v2 .checkin-option{display:flex;align-items:center;gap:12px;width:100%;height:auto;min-height:var(--target-bar);padding:14px 16px;text-align:left;border:2px solid var(--ink-45);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);font:inherit;font-size:var(--font-size-field);font-weight:600;transition:border-color .15s ease,background .15s ease,transform .08s ease}.oneup-v2 .checkin-option:hover{border-color:var(--border-strong);background:var(--divider)}.oneup-v2 .checkin-option:active{transform:translateY(1px)}.oneup-v2 .checkin-option:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.oneup-v2 .checkin-option.is-selected{border-color:var(--border-strong);background:var(--selected);color:var(--text-strong);font-weight:700}.oneup-v2 .checkin-option:disabled{border-color:transparent;background:var(--divider);color:var(--ink-45);pointer-events:none}.oneup-v2 .checkin-badge{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--divider);color:var(--text);transition:background .15s ease,color .15s ease}.oneup-v2 .checkin-option.is-selected .checkin-badge,.oneup-v2 .checkin-optwrap .checkin-badge{background:var(--primary);color:var(--accent-panel)}.oneup-v2 .checkin-option-text{flex:1;min-width:0;overflow-wrap:break-word}.oneup-v2 .checkin-check{flex:none;margin-left:auto;color:var(--text)}.oneup-v2 .checkin-optwrap{border:2px solid var(--border-strong);border-radius:var(--r-md);background:var(--selected);overflow:hidden}.oneup-v2 .checkin-optrow{display:flex;align-items:center;gap:12px;width:100%;height:auto;padding:13px 16px;text-align:left;background:transparent;border:0;color:var(--text-strong);font:inherit;font-size:15px;font-weight:600}.oneup-v2 .checkin-other-wrap{padding:0 13px 13px}.oneup-v2 .checkin-other-nested{min-height:54px;background:var(--surface-3);border:1px solid var(--primary-soft-2)}.oneup-v2 .checkin-freetext{min-height:120px}.oneup-v2 .checkin-freetext-field{display:flex;flex-direction:column;gap:6px}.oneup-v2 .checkin-freetext-count{text-align:right;font-size:13px;font-weight:700;color:var(--text-mute);font-variant-numeric:tabular-nums;margin-top:8px}.oneup-v2 .checkin-freetext-count.is-near-limit{color:var(--color-error)}.oneup-v2 .checkin-repair{margin:12px 0 0;padding:10px 12px;border-radius:var(--r-md);background:color-mix(in srgb,var(--warn) 12%,transparent);font-weight:700;color:var(--ink)}.oneup-v2 .checkin-emoji-row{display:grid;gap:10px}.oneup-v2 .checkin-emoji{aspect-ratio:1;display:grid;place-items:center;padding:0;font-size:30px;line-height:1;border:2px solid var(--ink-45);border-radius:var(--r-lg);background:var(--surface-1);transition:border-color .15s ease,background .15s ease,transform .08s ease,box-shadow .15s ease}.oneup-v2 .checkin-emoji:hover{border-color:var(--border-strong)}.oneup-v2 .checkin-emoji.is-selected{border-color:var(--border-strong);background:var(--selected)}.oneup-v2 .checkin-emoji:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.oneup-v2 .checkin-emoji:disabled{border-color:transparent;background:var(--divider);pointer-events:none}.oneup-v2 .checkin-emoji-scale{display:flex;justify-content:space-between;margin-top:12px;padding:0 4px;font-size:12px;font-weight:600;color:var(--text-faint)}.oneup-v2 .checkin-scale-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.oneup-v2 .checkin-scale-tile{height:48px;display:grid;place-items:center;padding:0;font-size:16px;font-weight:600;color:var(--text);border:2px solid var(--ink-45);border-radius:var(--r-md);background:var(--surface-1);transition:border-color .15s ease,background .15s ease,transform .08s ease,box-shadow .15s ease}.oneup-v2 .checkin-scale-tile:hover{border-color:var(--border-strong)}.oneup-v2 .checkin-scale-tile.is-selected{border-color:var(--border-strong);background:var(--selected);color:var(--text-strong);font-weight:800}.oneup-v2 .checkin-scale-tile:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.oneup-v2 .checkin-scale-tile:disabled{border-color:transparent;background:var(--divider);color:var(--ink-45);pointer-events:none}.oneup-v2 .checkin-scale-anchors{display:flex;justify-content:space-between;margin-top:10px;padding:0 2px;font-size:12px;font-weight:600;color:var(--text-faint)}.oneup-v2 .checkin-error{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--warn) 12%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);color:var(--color-warning-contrast);font-size:14.5px;font-weight:600;line-height:1.35}.oneup-v2 .checkin-error-icon{flex:none;color:var(--warn);display:grid;place-items:center}.oneup-v2 .checkin-error-msg{flex:1;min-width:0}.oneup-v2 .checkin-retry{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--warn);color:var(--color-text-on-warning);font-weight:700;font-size:13px;border:0;border-radius:11px;padding:8px 14px;transition:background .15s ease}.oneup-v2 .checkin-retry:hover{background:color-mix(in srgb,var(--warn) 88%,var(--color-text))}.oneup-v2 .checkin-wait{display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto;padding:26px}.oneup-v2 .checkin-wait--load{margin-top:0;margin-bottom:auto}.oneup-v2 .checkin-wait-title{font-size:22px;font-weight:800;color:var(--text-strong);margin-top:26px}.oneup-v2 .checkin-wait-sub{font-size:16px;line-height:1.5;color:var(--text-mute);margin-top:10px;max-width:250px}.oneup-v2 .checkin-msg{display:flex;flex-direction:column;flex:1}.oneup-v2 .checkin-msg-content{flex:1}.oneup-v2 .checkin-msg-hero{font-size:30px;line-height:1.4;font-weight:700;letter-spacing:-.015em;color:var(--text-strong);margin:18px 0 0;text-wrap:pretty}.oneup-v2 .checkin-msg-body{font-size:18px;line-height:1.6;font-weight:500;color:var(--text);margin:18px 0 0;white-space:pre-wrap}.oneup-v2 .checkin-msg .btn{flex:none;margin-top:24px}.oneup-v2 .checkin-done{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:28px 22px}.oneup-v2 .checkin-done-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:var(--text);background:var(--accent-panel);border:0}.oneup-v2 .checkin-done .btn{margin-top:6px}@media(prefers-reduced-motion:no-preference){.oneup-v2 .checkin-done-mark{animation:checkin-pop .36s cubic-bezier(.34,1.56,.64,1)}}@keyframes checkin-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.oneup-v2 .checkin-ack-text{font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.01em;color:var(--text-strong);margin:2px 0 4px;text-wrap:pretty}.oneup-v2 .checkin-ack-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:30;width:max-content;max-width:min(440px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:var(--r-md);background:var(--surface-3);color:var(--text-strong);border:1px solid var(--border-strong);box-shadow:0 12px 34px #00000052;cursor:pointer;text-align:left}.oneup-v2 .checkin-ack-toast-mark{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--on-primary);background:var(--success, var(--primary))}.oneup-v2 .checkin-ack-toast-text{font-size:15px;line-height:1.4;font-weight:600;text-wrap:pretty}@media(prefers-reduced-motion:no-preference){.oneup-v2 .checkin-ack-toast{animation:checkin-ack-toast-in .28s cubic-bezier(.34,1.56,.64,1)}}@keyframes checkin-ack-toast-in{0%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:1}}.oneup-v2 .checkin-empty{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 28px}.oneup-v2 .checkin-empty-icon{width:84px;height:84px;border-radius:50%;background:var(--accent-panel);border:0;display:grid;place-items:center;color:var(--text)}.oneup-v2 .checkin-empty-title{font-size:25px;font-weight:800;color:var(--text-strong);margin-top:24px}.oneup-v2 .checkin-empty-sub{font-size:17px;line-height:1.5;color:var(--text-mute);margin-top:12px;max-width:260px;text-wrap:balance}.oneup-v2 .checkin-empty .btn{margin-top:26px;width:100%}.oneup-v2 .checkin-empty-actions{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:26px}.oneup-v2 .checkin-empty-actions .btn{margin-top:0;width:100%}.oneup-v2 .checkin-textbtn{background:transparent;border:0;color:var(--text-mute);font-weight:700;font-size:16px;padding:6px}.oneup-v2 .checkin-textbtn:hover{color:var(--text)}.oneup-v2 .checkin-done.card.hero{background:var(--surface-1);border:1px solid var(--rule)}@media(min-width:720px){.oneup-v2.checkin-host{background:var(--bg-app)}.oneup-v2 .checkin-topbar{padding:14px 40px;gap:12px}.oneup-v2 .checkin-progress{flex:none;flex-direction:row;align-items:center;gap:16px;margin-left:auto;width:auto}.oneup-v2 .checkin-progress .progress{width:180px}.oneup-v2 .checkin-topbar>.checkin-progress-label{margin-left:auto;font-size:14px;font-weight:700;color:var(--text)}.oneup-v2 .checkin-main{max-width:640px;padding:40px 40px 48px;justify-content:center;min-height:calc(100dvh - 160px)}.oneup-v2 .checkin-prompt{font-size:28px}.oneup-v2 .checkin-option,.oneup-v2 .checkin-optrow{font-size:17px;padding:18px 20px}.oneup-v2 .checkin-badge{width:34px;height:34px;font-size:15px}.oneup-v2 .checkin-emoji{font-size:38px}.oneup-v2 .checkin-freetext{min-height:150px}.oneup-v2 .checkin-msg{width:100%;max-width:680px;margin:0 auto}.oneup-v2 .checkin-msg-hero{font-size:40px;line-height:1.32}.oneup-v2 .checkin-msg-body{font-size:20px}.oneup-v2 .checkin-empty{background:transparent;border:0;padding:20px}.oneup-v2 .checkin-empty .btn{width:auto}.oneup-v2 .checkin-empty-actions{flex-direction:row;justify-content:center;width:auto;gap:8px}.oneup-v2 .checkin-empty-actions .btn{width:auto}}.oneup-v2 .checkin-card>.eyebrow{color:var(--color-accent)}.oneup-v2 .checkin-badge{font-size:14px;font-weight:900}:root{--font-script: "Caveat", "Segoe Script", cursive;--font-wordmark: "Handlee", "Segoe Script", cursive;--font-sans: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-size-4xl: 48px;--font-size-5xl: 64px;--font-size-hero: 54px;--font-size-section-title: 40px;--pub-font-size-body: 17px;--pub-line-height-body: 1.6;--font-size-display: 44px;--font-size-section: 30px;--font-size-card-title: 20px;--font-size-body: 17px;--font-size-meta: 15px;--font-size-eyebrow: 12px;--font-size-field: 16px;--font-size-code-entry: 23px;--line-height-body: 1.6;--letter-spacing-eyebrow: .14em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-weight-display: 900;--font-weight-section: 800;--font-weight-card-title: 700;--font-weight-body: 400;--font-weight-meta: 600;--font-weight-eyebrow: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-circle: 50%;--radius-full: 9999px;--radius-pill: 999px;--radius-card: 16px;--radius-field: 12px;--ink-hairline: color-mix(in srgb, var(--color-text) 14%, transparent);--ink-divider: color-mix(in srgb, var(--color-text) 7%, transparent);--ink-muted: color-mix(in srgb, var(--color-text) 45%, transparent);--target-min: 44px;--target-list: 48px;--target-bar: 56px;--shadow-card: 0 2px 10px color-mix(in srgb, var(--color-text) 5%, transparent);--shadow-xs: var(--shadow-card);--shadow-sm: var(--shadow-card);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-card);--shadow-xl: var(--shadow-card);--shadow-button: var(--shadow-card);--shadow-button-hover: var(--shadow-card);--shadow-celebration: var(--shadow-card);--shadow-inset: inset 0 1px 3px rgb(0 0 0 / .1);--shadow-focus-ring: 0 0 0 4px var(--color-focus-ring);--shadow-success: var(--shadow-card);--shadow-primary: var(--shadow-card);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--animation-fast: .15s ease-out;--animation-normal: .2s ease-out;--animation-slow: .3s ease-out;--animation-slide: .3s ease-out;--animation-celebrate: .6s ease-out;--animation-spin: 1s linear infinite;--animation-stagger: .8s ease-out;--animation-stagger-delay-1: .2s;--animation-stagger-delay-2: .4s;--animation-stagger-delay-3: .6s;--animation-stagger-delay-4: .8s;--button-height-sm: 40px;--button-height: 44px;--button-height-lg: 52px;--button-padding-xs: var(--spacing-xs) var(--spacing-sm);--button-padding-sm: var(--spacing-sm) var(--spacing-md);--button-padding: var(--spacing-sm) var(--spacing-lg);--button-padding-lg: var(--spacing-md) var(--spacing-xl);--button-padding-xl: var(--spacing-md) var(--spacing-2xl);--header-height: 64px;--sidebar-width-mobile: 240px;--sidebar-width-desktop: 280px;--container-max-width: 1200px;--container-lg-width: 800px;--container-md-width: 600px;--container-sm-width: 500px;--container-xs-width: 400px;--spacing-4xl: 3.75rem;--spacing-5xl: 5rem;--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1100;--z-tooltip: 1150;--z-toast: 1200;--opacity-0: 0;--opacity-25: .25;--opacity-30: .3;--opacity-50: .5;--opacity-60: .6;--opacity-75: .75;--opacity-90: .9;--opacity-100: 1;--color-overlay-light: rgba(255, 255, 255, .95);--color-overlay-medium: rgba(255, 255, 255, .3);--color-backdrop-light: rgba(0, 0, 0, .3);--color-backdrop-medium: rgba(0, 0, 0, .5);--color-backdrop-heavy: rgba(0, 0, 0, .6);--color-text-on-warning: #000000;--color-accent: var(--color-primary);--color-title: var(--color-text);--color-selected: var(--color-primary-light);--color-focus-ring: var(--color-primary-light);--color-band: var(--color-surface);--color-outline: var(--color-border-strong)}:root,.public-layout,.public-auth{--color-primary-surface: color-mix(in srgb, var(--color-primary) 15%, #ffffff 85%);--color-primary-contrast: color-mix(in srgb, var(--color-primary) 65%, #000000 35%);--color-success-surface: color-mix(in srgb, var(--color-success) 15%, #ffffff 85%);--color-success-contrast: color-mix(in srgb, var(--color-success) 65%, #000000 35%);--color-warning-surface: color-mix(in srgb, var(--color-warning) 15%, #ffffff 85%);--color-warning-contrast: color-mix(in srgb, var(--color-warning) 65%, #000000 35%);--color-error-surface: color-mix(in srgb, var(--color-error) 15%, #ffffff 85%);--color-error-contrast: color-mix(in srgb, var(--color-error) 65%, #000000 35%);--color-info-surface: color-mix(in srgb, var(--color-info) 15%, #ffffff 85%);--color-info-contrast: color-mix(in srgb, var(--color-info) 65%, #000000 35%)}:root{--color-primary: #3d3d3a;--color-primary-hover: #2f2f2d;--color-primary-light: #f1f1f1;--color-primary-dark: #23231f;--color-text-on-primary: #ffffff;--color-background: #fff8f6;--color-surface: #ffffff;--color-surface-hover: #f1f1f1;--color-surface-secondary: #efff6a;--color-text: #3d3d3a;--color-text-muted: #3d3d3a;--color-text-light: #a8a8a6;--color-border: rgba(61, 61, 58, .14);--color-border-light: rgba(61, 61, 58, .07);--color-border-strong: #3d3d3a;--color-success: #3d3d3a;--color-warning: #e85d75;--color-error: #e85d75;--color-info: #b8d7ff;--color-selected: #b8d7ff;--color-focus-ring: #efff6a;--day-1: #dce9ff;--day-2: #cbe0ff;--day-3: #b8d7ff;--day-4: #93a9c4;--day-5: #6f7c8a;--day-6: #565a55;--day-7: #3d3d3a;--level-1: #dce9ff;--level-2: #b8d7ff;--level-3: #93a9c4;--level-4: #6f7c8a;--level-5: #3d3d3a}:root{--color-accent: #e85d75}.public-layout,.public-auth,.legal-modal-scrim{--color-primary: #b8d7ff;--color-primary-hover: #9cc6ff;--color-primary-light: #dce9ff;--color-primary-dark: #8dbcff;--color-text-on-primary: #1b3051;--color-background: #ffffff;--color-surface: #ffffff;--color-surface-hover: #f7fafe;--color-surface-secondary: #efff6a;--color-band: #fafcff;--color-text: #1b3051;--color-text-muted: #5b6b85;--color-text-light: #7d8ea6;--color-border: rgba(27, 48, 81, .14);--color-border-light: #eef1f6;--color-border-strong: #c6d0de;--color-outline: rgba(27, 48, 81, .85);--color-success: #2fa36b;--color-warning: #d97706;--color-error: #d92d20;--color-info: #4a7fc1;--color-wordmark: #000000;--color-accent: #e85d75;--color-title: #1b3051}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh}button{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:inherit;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3,h4{font-size:var(--font-size-lg)}h5,h6{font-size:var(--font-size-sm)}p{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);color:var(--color-text);line-height:var(--line-height-normal)}input,textarea,select{font-size:var(--font-size-base)}button{font-size:var(--font-size-base);height:var(--button-height);box-sizing:border-box}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local],textarea,select{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs);color:var(--color-text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--font-size-sm);background-color:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text)}::selection{background-color:var(--color-primary-light);color:var(--color-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.container-md{max-width:var(--container-md-width)}.container-lg{max-width:var(--container-lg-width)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--button-padding);height:var(--button-height);box-sizing:border-box;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:var(--opacity-60);cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.btn-success{background-color:var(--color-success);color:var(--color-success-contrast);border-color:var(--color-success)}.btn-danger{background-color:var(--color-error);color:var(--color-surface);border-color:var(--color-error)}.btn-info{background-color:var(--color-info);color:var(--color-info-contrast);border-color:var(--color-info)}.btn-primary:hover:not(:disabled),.btn-success:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn-info:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-surface)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-surface)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-text)}.btn-success:hover:not(:disabled){background-color:var(--color-success);border-color:var(--color-success);color:var(--color-success-contrast)}.btn-danger:hover:not(:disabled){background-color:var(--color-error);border-color:var(--color-error);color:var(--color-surface)}.btn-info:hover:not(:disabled){background-color:var(--color-info);border-color:var(--color-info);color:var(--color-info-contrast)}a.btn,a.btn:hover,a.btn:active,a.btn:focus{text-decoration:none}.btn-sm{padding:var(--button-padding-xs);font-size:var(--font-size-sm);height:var(--button-height-sm)}.btn-lg{padding:var(--button-padding-lg);font-size:var(--font-size-lg);height:var(--button-height-lg)}.btn-full{width:100%}.btn-tab-button{flex:1;min-height:40px;padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-medium);border:none;background-color:transparent;color:var(--color-text-muted)}.btn-tab-button:hover{background-color:var(--color-background);color:var(--color-text)}.btn-tab-button.active{background-color:var(--color-primary);color:var(--color-surface);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.btn-tab-button.active:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-scale{width:40px;height:40px;padding:0;min-height:auto;border-radius:var(--radius-circle);border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text);line-height:1}.btn-scale:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.btn-scale.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface);box-shadow:var(--shadow-md);transform:scale(1.05);animation:scale-pulse .3s ease-out}@keyframes scale-pulse{0%{transform:scale(1.05)}50%{transform:scale(1.15)}to{transform:scale(1.05)}}.btn-scale:disabled{opacity:var(--opacity-50);cursor:not-allowed}.btn-icon{width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:var(--radius-md)}.btn-icon:hover{background-color:var(--color-surface-secondary)}.btn-avatar{width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);overflow:hidden}.btn-avatar:hover{transform:scale(1.05)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input:disabled{opacity:var(--opacity-60);cursor:not-allowed;background-color:var(--color-surface)}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.form-help{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.goal-dropdown-container{margin-bottom:var(--spacing-lg)}.goal-dropdown-container label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.goal-select__control{min-height:var(--button-height);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-sans);border-radius:var(--radius-md);border-width:2px;border-color:var(--color-primary);box-shadow:var(--shadow-sm);background-color:var(--color-surface)}.goal-select__control:hover{border-color:var(--color-primary)}.goal-select__control--is-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.goal-select__menu{z-index:20;font-family:var(--font-sans);font-size:var(--font-size-base);box-shadow:var(--shadow-lg);background-color:var(--color-surface);border:1px solid var(--color-border)}.goal-select__menu-list{background-color:var(--color-surface)}.goal-select__option{font-family:var(--font-sans);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);background-color:var(--color-surface);color:var(--color-text);cursor:pointer}.goal-select__option:hover,.goal-select__option--is-focused{background-color:var(--color-surface-hover);color:var(--color-text)}.goal-select__option--is-selected{background-color:var(--color-primary);color:var(--color-surface);font-weight:var(--font-weight-bold)}.goal-select__option--is-selected:hover,.goal-select__option--is-selected.goal-select__option--is-focused{background-color:var(--color-primary);color:var(--color-surface)}.goal-select__single-value{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.goal-select__placeholder{color:var(--color-text-muted);font-size:var(--font-size-base)}.goal-select__value-container,.goal-select__input-container,.goal-select__input input{font-size:var(--font-size-base)}.change-goal-button{width:100%;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.change-goal-button:hover:not(:disabled){background-color:var(--color-primary-hover);color:var(--color-primary-contrast)}.change-goal-button:disabled{background-color:color-mix(in srgb,var(--color-border) 20%,var(--color-surface) 80%);color:var(--color-text);cursor:not-allowed}.avatar-placeholder{width:48px;height:48px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);text-transform:uppercase}.avatar-placeholder__icon{width:55%;height:55%}.avatar-placeholder.avatar-placeholder--large{width:96px;height:96px;font-size:var(--font-size-4xl)}.avatar-placeholder.avatar-placeholder--small{width:48px;height:48px;font-size:var(--font-size-xl)}.avatar-picker{display:flex;flex-direction:column;align-items:center}.selected-avatar-simple{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.avatar-selection-button{display:flex;justify-content:center}.profile-step .avatar-picker,.profile-step .avatar-edit-section{margin-bottom:var(--spacing-xl)}@media(max-width:768px){.form-input{font-size:var(--font-size-base)}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-surface-secondary)}.week-indicator{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.week-badge{width:32px;height:32px;background-color:var(--color-primary-light);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center}.week-badge-text{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.week-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.week-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:var(--spacing-xs)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-sm);background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:4px}.stat-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text)}.stat-value-text{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.nav{display:flex;gap:var(--spacing-sm)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;background:none}.nav-link:hover{color:var(--color-text);background-color:var(--color-surface);text-decoration:none}.nav-link.active{color:var(--color-primary);background-color:var(--color-primary-light)}.modal-overlay{position:fixed;inset:0;background-color:var(--color-backdrop-medium);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.modal{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:var(--container-sm-width);width:100%;max-height:90vh;overflow:hidden;animation:slideUp var(--transition-normal)}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{color:var(--color-text);background-color:var(--color-surface)}.modal-body{padding:var(--spacing-lg);max-height:60vh;overflow-y:auto}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end}@media(max-width:768px){.modal{margin:var(--spacing-sm);max-height:calc(100vh - var(--spacing-lg))}}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.alert-success{background-color:var(--color-success-surface);color:var(--color-success-contrast);border:1px solid var(--color-success)}.alert-warning{background-color:var(--color-warning-surface);color:var(--color-warning-contrast);border:1px solid var(--color-warning)}.alert-error{background-color:var(--color-error-surface);color:var(--color-error-contrast);border:1px solid var(--color-error)}.alert-info{background-color:var(--color-info-surface);color:var(--color-info-contrast);border:1px solid var(--color-info)}@keyframes bounceIn{0%{opacity:1;transform:scale(.95) translateY(-50%)}50%{transform:scale(1.05) translateY(-50%)}70%{transform:scale(.98) translateY(-50%)}to{transform:scale(1) translateY(-50%)}}.celebration-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);text-align:center;animation:bounceIn .3s ease-out;border:2px solid var(--color-primary);opacity:1;transition:opacity .5s ease-out}.celebration-message.fade-out{opacity:0}.celebration-message h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.celebration-overlay{position:fixed;inset:0;background:var(--color-background);z-index:9998;opacity:1;transition:opacity .5s ease-out}.celebration-overlay.fade-out{opacity:0;pointer-events:none}.tutorial-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.tutorial-backdrop{position:fixed;inset:0;pointer-events:all}.tutorial-spotlight{position:absolute;top:0;left:0;pointer-events:none}.tutorial-highlight{animation:tutorial-pulse 2s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}50%{box-shadow:0 0 0 8px rgba(var(--color-primary-rgb),0)}}.tutorial-tooltip{width:320px;background:var(--color-surface);border-radius:var(--radius-lg);border:3px solid var(--color-primary);box-shadow:0 0 0 2px var(--color-surface),0 0 0 5px rgba(var(--color-primary-rgb),.2),var(--shadow-xl);padding:var(--spacing-lg);pointer-events:all;animation:tutorial-fade-in .3s ease-out,tutorial-glow 2s ease-in-out infinite;transition:all .3s ease-out}.tutorial-tooltip.transitioning{opacity:0;transform:scale(.95)}@keyframes tutorial-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-glow{0%,to{box-shadow:0 0 0 2px var(--color-surface),0 0 0 5px rgba(var(--color-primary-rgb),.2),0 0 20px rgba(var(--color-primary-rgb),.3),var(--shadow-xl)}50%{box-shadow:0 0 0 2px var(--color-surface),0 0 0 5px rgba(var(--color-primary-rgb),.3),0 0 30px rgba(var(--color-primary-rgb),.5),var(--shadow-xl)}}.tutorial-tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.tutorial-tooltip-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.3;flex:1;padding-right:var(--spacing-sm)}.tutorial-skip-button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg);padding:0;width:var(--button-height-sm);height:var(--button-height-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0}.tutorial-skip-button:hover{background:var(--color-background);color:var(--color-text)}.tutorial-tooltip-content{margin-bottom:var(--spacing-lg)}.tutorial-tooltip-content p{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-secondary);white-space:pre-line}.tutorial-tooltip-footer{display:flex;flex-direction:column;gap:var(--spacing-md)}.tutorial-progress{display:flex;gap:var(--spacing-xs);justify-content:center}.tutorial-progress-dot{width:8px;height:8px;border-radius:var(--radius-circle);background:var(--color-border);transition:all .3s ease}.tutorial-progress-dot.active{background:var(--color-primary);transform:scale(1.25)}.tutorial-progress-dot.completed{background:var(--color-success)}.tutorial-navigation{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.tutorial-button{min-width:80px}@media(max-width:640px){.tutorial-tooltip{width:calc(100vw - 40px);max-width:320px}.tutorial-tooltip-header h3{font-size:var(--font-size-base)}.tutorial-tooltip-content p{font-size:var(--font-size-sm)}.tutorial-button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}}@media(prefers-color-scheme:dark){.tutorial-tooltip{background:var(--color-surface);box-shadow:0 20px 40px var(--color-backdrop-medium)}.tutorial-backdrop svg rect{fill:#000000d9}}:root{--color-primary-rgb: 59, 130, 246}.referral-dashboard{padding:var(--spacing-lg);max-width:var(--container-lg-width);margin:0 auto;background-color:var(--color-background);min-height:100vh}.referral-header{text-align:center;margin-bottom:var(--spacing-2xl)}.referral-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.referral-header p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.section{margin-bottom:var(--spacing-2xl)}.section-header{margin-bottom:var(--spacing-lg)}.section-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.section-header p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.section-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.section-content.loading,.referral-dashboard .loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);font-style:italic}.referral-empty-state{text-align:left;padding:var(--spacing-lg) 0;color:var(--color-text);font-style:normal;font-size:var(--font-size-body);line-height:1.55}.referrer-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.referrer-avatar,.referral-avatar{flex-shrink:0}.avatar-circle{width:48px;height:48px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-transform:uppercase}.referrer-info{flex:1}.referrer-name,.referral-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.referrer-handle,.referral-user-handle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.referrer-email{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.referrer-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.referrer-code{background-color:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.referral-funnel{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.referral-funnel h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;text-align:center}.funnel-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.funnel-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:80px}.step-count{width:40px;height:40px;background-color:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.funnel-arrow{color:var(--color-text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.referral-actions{text-align:center;margin-bottom:var(--spacing-2xl)}.referral-form-inline{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.form-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.referral-form .form-group{margin-bottom:var(--spacing-lg)}.referral-form label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.referral-form input,.referral-form select,.referral-form textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.referral-form input:focus,.referral-form select:focus,.referral-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.referral-form textarea{resize:vertical;min-height:80px}.referral-form small{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.referral-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.referrals-list h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.referral-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.referral-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.referral-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.referral-header-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.referral-contact{flex:1}.referral-details{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.referral-status{flex-shrink:0}.referral-status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);white-space:nowrap}.referral-status-badge.status-pending{background-color:var(--color-warning-surface);color:var(--color-warning-contrast);border:1px solid var(--color-warning)}.referral-status-badge.status-signed-up,.referral-status-badge.status-joined-waitlist{background-color:var(--color-info-surface);color:var(--color-info-contrast);border:1px solid var(--color-info)}.referral-status-badge.status-waitlist-approved{background-color:var(--color-primary-surface);color:var(--color-primary-contrast);border:1px solid var(--color-primary)}.referral-status-badge.status-user-onboarded,.referral-status-badge.status-first-checkin{background-color:var(--color-success-surface);color:var(--color-success-contrast);border:1px solid var(--color-success)}.referral-status-badge.status-expired{background-color:var(--color-error-surface);color:var(--color-error-contrast);border:1px solid var(--color-error)}.referral-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.referral-meta strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.referral-message{background-color:var(--color-surface);border-left:3px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-style:italic;color:var(--color-text-muted);margin-top:var(--spacing-md)}.prominent-section{background:none;border:0;margin-bottom:var(--spacing-xl)}.prominent-section:has(.referral-form){background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.prominent-section .section-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.prominent-section .section-header p{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.secondary-section{background-color:var(--color-surface-2);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.secondary-section .section-header h3{color:var(--color-text-secondary);font-size:var(--font-size-base)}.secondary-section .section-header p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.referral-actions-prominent{text-align:left;margin:var(--spacing-md) 0}.send-referral-btn-prominent{max-width:400px}.referral-stats-subtle{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:0;background:none;border:0}.stat-card-subtle{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:18px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0}.stat-card-subtle:first-child{background-color:var(--color-surface-secondary);border-color:transparent}.stat-number-subtle{font-size:34px;font-weight:var(--font-weight-black);letter-spacing:-.03em;line-height:1;color:var(--color-text);margin-bottom:0}.stat-label-subtle{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-bold);text-transform:none;letter-spacing:0}.referral-card .referral-actions{margin-top:var(--spacing-md);display:flex;justify-content:flex-start}.nudge-status{margin-top:var(--spacing-sm);display:flex;align-items:center}.nudge-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-info-light);color:var(--color-info-dark);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-fast);max-width:var(--container-xs-width);animation:slideInRight var(--animation-slide)}.toast:hover{transform:translate(-4px)}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.toast-icon{font-size:var(--font-size-lg);line-height:1}.toast-message{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed)}.toast-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}@keyframes slideInRight{0%{opacity:var(--opacity-0);transform:translate(100%)}to{opacity:var(--opacity-100);transform:translate(0)}}@media(max-width:768px){.referral-dashboard{padding:var(--spacing-md)}.referral-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.referral-stats-subtle{gap:var(--spacing-sm)}.stat-card-subtle{padding:14px}.stat-number-subtle{font-size:26px}.stat-label-subtle{font-size:var(--font-size-xs)}.funnel-steps{flex-direction:column;gap:var(--spacing-sm)}.funnel-arrow{transform:rotate(90deg)}.funnel-step{min-width:auto;width:100%}.referrer-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);text-align:center}.referrer-avatar{align-self:center}.section-content,.referral-form-inline{padding:var(--spacing-lg)}.referral-form-actions{flex-direction:column;gap:var(--spacing-sm)}.cancel-btn,.send-btn{width:100%}.referral-details{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.referral-meta{align-self:stretch}.toast-container{left:var(--spacing-sm);right:var(--spacing-sm);top:var(--spacing-sm)}.toast{max-width:none}}.referral-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:16px}.referral-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:18px;display:flex;flex-direction:column}.referral-stat.is-accent{background:var(--color-surface-secondary);border-color:transparent}.referral-stat-n{font-size:34px;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--color-text)}.referral-stat-l{font-size:14px;font-weight:700;margin-top:6px;color:var(--color-text)}.referral-header{text-align:left}.friends-tab{margin:0 auto}.friends-title{font-size:30px;font-weight:900;letter-spacing:-.015em;margin:0 0 18px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}.friends-find-card{margin-bottom:16px}.friends-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.friends-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.friends-card-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:18px 22px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.friends-card-title{font-size:20px;font-weight:800;color:var(--color-text);margin:0}.friends-card-body{padding:18px 22px}.user-search{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.search-header p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input{flex:1;min-width:190px;min-height:var(--target-min);padding:12px 14px;padding-right:var(--spacing-3xl);font-size:var(--font-size-field);font-weight:var(--font-weight-semibold);color:var(--color-text);background-color:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-field);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:none}.search-input:focus{outline:none;border-color:var(--color-border-strong);box-shadow:var(--shadow-focus-ring)}.search-input:disabled{opacity:1;cursor:not-allowed;background-color:var(--ink-divider);border-color:transparent;color:var(--ink-muted)}.search-submit{flex:0 0 auto;min-height:var(--target-min);padding:14px 26px;font-size:var(--font-size-field);font-weight:800;font-family:inherit;color:var(--color-text-on-primary);background:var(--color-primary);border:0;border-radius:var(--radius-field);cursor:pointer}.search-submit:disabled{background:var(--ink-divider);color:var(--ink-muted);cursor:not-allowed}.search-input::placeholder{color:var(--color-text-light);font-style:normal}.search-loading{position:absolute;right:var(--spacing-md);display:flex;align-items:center;justify-content:center}.search-error{background-color:transparent;color:var(--color-text);border:0;border-radius:0;padding:var(--spacing-sm) 0;font-size:var(--font-size-meta);font-weight:var(--font-weight-medium)}.search-hint{background-color:var(--color-info-surface);color:var(--color-info-contrast);border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-style:italic}.search-results h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.user-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-item:hover{border-color:var(--color-primary-light);background-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-avatar{flex-shrink:0}.user-info{flex:1;min-width:0}.friend-user-handle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.friend-user-name{font-size:var(--font-size-sm);color:var(--color-text-muted)}.already-friends-badge,.disabled-badge,.current-user-badge{background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.already-friends-badge{background-color:var(--color-success-surface);color:var(--color-success-contrast);border-color:var(--color-success)}.current-user-badge{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.current-user-indicator{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.no-results{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-style:italic;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.friend-requests{display:flex;flex-direction:column;gap:var(--spacing-lg)}.friend-requests h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.request-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.request-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.request-count,.friend-count{display:inline-block;background-color:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-pill);padding:4px 11px;font-size:13px;font-weight:var(--font-weight-extrabold);min-width:20px;text-align:center;margin-bottom:var(--spacing-sm)}.friends-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.friends-table{width:100%;border-collapse:collapse}.friends-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.friends-table tbody tr:last-child{border-bottom:none}.friends-table tbody tr:hover{background-color:var(--color-surface)}.friends-table td{padding:var(--spacing-md);min-height:var(--target-list);vertical-align:middle}.friends-table td:first-child{width:48px;padding-right:var(--spacing-sm)}.friend-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.friend-handle{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:80px}.friend-actions{text-align:right;white-space:nowrap}.status-badge.pending{background-color:var(--color-warning-surface);color:var(--color-warning-contrast);border:1px solid var(--color-warning);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.friends-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.friends-list h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;gap:var(--spacing-md)}.loading-state{color:var(--color-text-muted)}.error-state{color:var(--color-error)}.empty-state{text-align:left;padding:var(--spacing-md) 0;color:var(--color-text);font-style:normal;font-size:var(--font-size-body);line-height:1.55;background:none;border:0;border-radius:0}.empty-state p{margin:0}@media(max-width:768px){.friends-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.friends-card-header,.friends-card-body{padding:var(--spacing-md)}.search-input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.user-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.user-info{min-width:0}.user-handle{font-size:var(--font-size-sm)}.user-name{font-size:var(--font-size-xs)}.send-request-btn{padding:var(--spacing-xs);min-height:32px;font-size:var(--font-size-xs)}.friends-table td{padding:var(--spacing-sm)}.friend-name{font-size:var(--font-size-sm)}.friend-handle{font-size:var(--font-size-xs);min-width:60px}.remove-friend-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.request-sections{gap:var(--spacing-lg)}.loading-state,.error-state,.empty-state{padding:var(--spacing-lg)}}.profile-container{padding:var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.profile-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.profile-header{background-color:var(--color-background);color:var(--color-text);padding:var(--spacing-lg);text-align:center;border-bottom:1px solid var(--color-border)}.profile-header h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.profile-header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-body{padding:var(--spacing-xl)}.profile-field{margin-bottom:var(--spacing-lg)}.profile-field:last-child{margin-bottom:0}.profile-field label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.profile-field label svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.profile-field input,.profile-field select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.profile-field input:focus,.profile-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.profile-field input:disabled,.profile-field select:disabled{background-color:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed}.profile-field>div{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.goal-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.goal-header{background-color:var(--color-background);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.goal-header h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);color:var(--color-text);font-weight:var(--font-weight-bold)}.goal-header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.goal-body{padding:var(--spacing-xl)}.questionnaire-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.questionnaire-header{margin-bottom:var(--spacing-lg)}.questionnaire-header h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);color:var(--color-text);font-weight:var(--font-weight-bold)}.questionnaire-header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.questionnaire-items-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.questionnaire-items-container:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.questionnaire-items-container:last-child{margin-bottom:0}.questionnaire-item{margin-bottom:var(--spacing-lg)}.questionnaire-item:last-child{margin-bottom:0}.questionnaire-question{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.questionnaire-answer{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding:var(--spacing-sm);background-color:var(--color-background);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.questionnaire-answer.array-answer{background-color:var(--color-background)}.questionnaire-answer ul{margin:0;padding-left:var(--spacing-lg)}.questionnaire-answer li{margin-bottom:var(--spacing-xs)}.questionnaire-answer li:last-child{margin-bottom:0}.questionnaire-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-style:italic;background-color:var(--color-surface-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.questionnaire-empty .empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);opacity:var(--opacity-50)}@media(max-width:768px){.profile-container{padding:var(--spacing-md)}.profile-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.profile-section,.goal-section{order:1}.goal-section{order:2}.profile-header{padding:var(--spacing-lg)}.profile-header h2{font-size:var(--font-size-xl)}.profile-body,.goal-body{padding:var(--spacing-lg)}.questionnaire-items-container{padding:var(--spacing-md)}.questionnaire-question{font-size:var(--font-size-sm)}.questionnaire-answer{font-size:var(--font-size-xs)}}.profile-button,.edit-profile-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-lg);min-height:var(--button-height)}.profile-button:hover,.edit-profile-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.profile-button:disabled,.edit-profile-button:disabled{background-color:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.avatar-edit-section{margin-bottom:var(--spacing-lg);text-align:center}.select-avatar-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);min-height:var(--button-height);margin-top:var(--spacing-md)}.select-avatar-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.select-avatar-button:disabled{background-color:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.form-group:last-child{margin-bottom:0}.form-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.form-group label svg,.label-with-icon svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed}.form-group small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.readonly-input{background-color:var(--ink-divider)!important;color:var(--ink-muted)!important;cursor:not-allowed!important}.handle-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.handle-status.available{background-color:var(--color-success-surface);color:var(--color-success-contrast);border:1px solid var(--color-success)}.handle-status.error{background-color:var(--color-error);color:var(--color-surface);border:1px solid var(--color-error)}.handle-status.loading{background-color:var(--color-surface-secondary);color:var(--color-text-muted)}.handle-suggestions{margin-top:var(--spacing-sm)}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.suggestion-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.suggestion-button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.time-input-wrapper{position:relative}.custom-time-picker{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;margin-top:var(--spacing-xs);max-height:200px;overflow:hidden}.time-options-list{max-height:200px;overflow-y:auto;padding:var(--spacing-xs) 0}.time-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text)}.time-option:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.time-option.selected{background-color:var(--color-primary);color:var(--color-surface);font-weight:var(--font-weight-semibold)}.time-option.selected:hover{background-color:var(--color-primary-hover)}.edit-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.cancel-button{flex:1;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);min-height:var(--button-height)}.cancel-button:hover{background-color:var(--color-border);border-color:var(--color-text-muted)}.save-button{flex:1;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);min-height:var(--button-height)}.save-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.save-button:disabled,.cancel-button:disabled{background-color:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.friends-mobile-view{display:none}.friends-cards-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.friend-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.friend-card:hover{box-shadow:var(--shadow-md)}.friend-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.friend-card-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.friend-card-details{flex:1;min-width:0}.friend-card-name{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-handle{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--spacing-xs)}.friend-card .remove-friend-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);flex-shrink:0}@media(max-width:768px){.friends-desktop-view{display:none}.friends-mobile-view{display:block}}.request-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);margin:0;min-height:48px;display:flex;align-items:center;gap:8px}.request-section:has(.request-empty){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid var(--ink-divider)}.request-section:has(.request-empty):last-child{border-bottom:0}.request-empty{font-size:16px;color:var(--color-text)}.auth-form{max-width:var(--container-xs-width);margin:0 auto;padding:var(--spacing-2xl);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-form-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.auth-form-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.auth-error-message{padding:var(--spacing-md);background-color:var(--color-error-surface);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-contrast);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.auth-form-content{margin-bottom:var(--spacing-xl)}.auth-form-group{margin-bottom:var(--spacing-lg)}.auth-form-label{display:block;font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.auth-form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.auth-form-input::placeholder{color:var(--color-text-muted)}.auth-button-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auth-form-footer{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.auth-form-footer-text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-form-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:underline;background:none;border:none;cursor:pointer;font-size:inherit;transition:color var(--transition-fast)}.auth-form-link:hover{color:var(--color-primary-hover);text-decoration:none}.auth-password-requirements{background-color:color-mix(in srgb,var(--color-info) 10%,var(--color-surface));border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.terms-checkbox-container{display:flex;align-items:baseline;gap:var(--spacing-sm)}.terms-checkbox{flex-shrink:0;position:relative;top:2px}.terms-label{line-height:var(--line-height-normal)}.terms-link{display:inline;background:none;border:none;padding:0;margin:0;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit}.terms-link:hover{color:var(--color-primary-dark)}.auth-requirements-title{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.auth-requirements-list{margin:0;padding-left:var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-xs)}.auth-requirements-list li{margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}.auth-requirements-list li:last-child{margin-bottom:0}.auth-success-message{text-align:center;padding:var(--spacing-xl)}.auth-success-title{color:var(--color-success);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.auth-success-text{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-relaxed)}@media(max-width:768px){.auth-form{margin:var(--spacing-md);padding:var(--spacing-xl);max-width:none}.auth-form-title{font-size:var(--font-size-xl)}.auth-form-subtitle{font-size:var(--font-size-xs)}.auth-form-input{font-size:var(--font-size-base)}}.auth-form.confirmation-form{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:var(--container-sm-width);margin:0 auto;padding:var(--spacing-2xl);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);text-align:center;position:relative;padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom,0px))}.auth-form.confirmation-form:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-surface-secondary);z-index:-1}.confirmation-form h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.confirmation-form p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-normal)}.confirmation-subtitle{font-size:var(--font-size-sm)!important;color:var(--color-text-muted)!important;margin-bottom:var(--spacing-xl)!important}.verification-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.code-input-container{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;margin:var(--spacing-lg) 0}.code-input-box{width:60px;height:60px;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.code-input-box:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);transform:scale(1.05)}.code-input-box:not(:placeholder-shown){border-color:var(--color-success);background-color:var(--color-success)}.form-footer{margin-top:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.resend-button{background:none!important;border:none!important;color:var(--color-primary)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;cursor:pointer;text-decoration:underline;transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.3px}.resend-button:hover:not(:disabled){color:var(--color-primary-hover)!important}.resend-button:disabled{color:var(--color-text-muted)!important;cursor:not-allowed;opacity:var(--opacity-60)}@media(max-width:768px){.auth-form.confirmation-form{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));margin:var(--spacing-md);min-height:calc(100vh - 2 * var(--spacing-md));max-width:calc(100% - 2 * var(--spacing-md))}.confirmation-form h2{font-size:var(--font-size-xl)}.code-input-container{gap:var(--spacing-sm)}.code-input-box{width:50px;height:50px;font-size:var(--font-size-base)}}@media(max-width:480px){.code-input-container{gap:var(--spacing-xs)}.code-input-box{width:45px;height:45px;font-size:var(--font-size-base)}.form-footer{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.onboarding-wizard{min-height:100vh;background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px))}.onboarding-container{width:100%;max-width:var(--container-lg-width);margin:0 auto}.onboarding-header{margin-bottom:var(--spacing-lg);text-align:center}.onboarding-content{transition:opacity var(--animation-fast)}.onboarding-content.transitioning{opacity:var(--opacity-0)}.global-error{margin-bottom:var(--spacing-xl);position:relative}.error-dismiss{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.onboarding-step{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:var(--spacing-xl);text-align:center;animation:slideUp var(--animation-slide);width:100%;max-width:700px;margin:0 auto}@keyframes slideUp{0%{opacity:var(--opacity-0);transform:translateY(20px)}to{opacity:var(--opacity-100);transform:translateY(0)}}.step-content{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xl)}.welcome-step{max-width:var(--container-md-width);margin:0 auto}.onboarding-step .profile-layout.wizard-layout{display:block!important;max-width:none!important;width:100%!important;grid-template-columns:none!important}.onboarding-step .profile-identity-communication,.onboarding-step form,.onboarding-step .form-group{width:100%!important;max-width:none!important}.wizard-actions{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-xl);gap:var(--spacing-lg);flex-wrap:wrap}.wizard-actions .primary-button{min-width:160px}.wizard-actions .secondary-button{min-width:120px}.welcome-icon{width:120px;height:120px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-circle);box-shadow:var(--shadow-lg)}.welcome-icon-svg{width:60px;height:60px;color:var(--color-background)}.welcome-content{text-align:center}.welcome-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-tight)}.welcome-description{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-2xl) 0;max-width:var(--container-sm-width);margin-left:auto;margin-right:auto}.welcome-features{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;max-width:var(--container-xs-width);margin-left:auto;margin-right:auto}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border-radius:var(--radius-circle);flex-shrink:0}.feature-icon svg{width:20px;height:20px;color:var(--color-surface)}.feature-item span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:left}.welcome-time-estimate{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-md) 0 0 0;font-style:italic}.step-navigation{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;margin-top:var(--spacing-lg);flex-wrap:wrap}.step-navigation-button{min-width:140px;padding:var(--spacing-md) var(--spacing-xl);text-align:center}.onboarding-progress-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%;max-width:var(--container-md-width);margin:0 auto var(--spacing-xl)}.step-indicators{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);position:relative;width:100%;max-width:var(--container-xs-width)}.step-indicator{display:flex;align-items:center;position:relative}.step-circle{width:48px;height:48px;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:3px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);transition:all var(--transition-normal);position:relative;z-index:2}.step-indicator.completed .step-circle{background-color:var(--color-success-surface);border-color:var(--color-success);color:var(--color-success-contrast);box-shadow:var(--shadow-success)}.step-indicator.current .step-circle{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);transform:scale(1.15);box-shadow:var(--shadow-primary)}.step-indicator.accessible .step-circle{border-color:var(--color-primary);background-color:var(--color-primary-surface);color:var(--color-primary-contrast)}.step-indicator.inactive .step-circle{background-color:color-mix(in srgb,var(--color-surface-secondary) 25%,var(--color-surface) 75%);border-color:var(--color-border);color:var(--color-text)}.step-number{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.check-icon{width:20px;height:20px}.step-connector{width:60px;height:3px;background-color:var(--color-border);margin:0 var(--spacing-xs);border-radius:var(--radius-full);transition:background-color var(--transition-normal);position:relative;z-index:1}.step-connector.completed{background-color:var(--color-success)}.progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;text-align:center}@media(max-width:768px){.onboarding-wizard{padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));align-items:flex-start}.onboarding-step{padding:var(--spacing-xl)}.welcome-icon{width:100px;height:100px}.welcome-icon-svg{width:50px;height:50px;color:var(--color-background)}.welcome-title{font-size:var(--font-size-2xl)}.welcome-description{font-size:var(--font-size-base)}.welcome-features{gap:var(--spacing-md)}.feature-item{padding:var(--spacing-sm) var(--spacing-md)}.feature-icon{width:36px;height:36px}.feature-icon svg{width:18px;height:18px}.step-navigation{flex-direction:column;gap:var(--spacing-sm)}.step-navigation .primary-button,.step-navigation .secondary-button{width:100%;min-width:auto}.onboarding-progress-indicator{max-width:350px}.step-indicators{max-width:280px}.step-circle{width:40px;height:40px}.step-number{font-size:var(--font-size-sm)}.step-connector{width:40px}}@media(max-width:480px){.onboarding-wizard{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px))}.onboarding-step{padding:var(--spacing-lg)}.welcome-title{font-size:var(--font-size-xl)}.welcome-features{margin:var(--spacing-xl) 0}.feature-item span{font-size:var(--font-size-sm)}.step-circle{width:36px;height:36px}.step-number{font-size:var(--font-size-xs)}.step-connector{width:30px;height:2px}}.avatar-picker-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-backdrop-heavy);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--animation-normal)}.avatar-picker-modal-backdrop.closing{animation:fadeOut var(--animation-normal)}.avatar-picker-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);max-width:90vw;max-height:90vh;width:600px;display:flex;flex-direction:column;animation:scaleIn var(--animation-normal)}.avatar-picker-modal.closing{animation:scaleOut var(--animation-normal)}.avatar-picker-modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.avatar-picker-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.avatar-picker-modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.avatar-picker-modal-close:hover{background-color:var(--color-surface-secondary);color:var(--color-text)}.avatar-picker-modal-close svg{width:20px;height:20px}.avatar-picker-modal-body{padding:var(--spacing-xl);flex:1;overflow:hidden;display:flex;flex-direction:column}.avatar-style-selector{margin-bottom:var(--spacing-xl)}.style-selector-label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.style-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.style-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-secondary);border:2px solid var(--color-border);color:var(--color-text)}.style-button:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.style-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.avatar-grid-container{flex:1;overflow-y:auto;margin:0 calc(-1 * var(--spacing-md));padding:var(--spacing-md)}.avatar-grid-modal{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);opacity:var(--opacity-100);transition:opacity var(--animation-fast)}.avatar-grid-modal.transitioning{opacity:var(--opacity-30)}.avatar-option-modal{aspect-ratio:1;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.avatar-option-modal:hover{border-color:var(--color-primary);transform:scale(1.05);box-shadow:var(--shadow-md)}.avatar-option-modal.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary-light)}.selection-indicator{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:20px;height:20px;background:var(--color-success);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;color:var(--color-surface)}.selection-indicator svg{width:12px;height:12px}.avatar-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-muted)}.avatar-error{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-error);text-align:center}.avatar-picker-modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.generate-more-button-modal{padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.generate-more-button-modal:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.modal-select-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast)}.modal-select-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modal-select-button:disabled{background:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed}@keyframes fadeIn{0%{opacity:var(--opacity-0)}to{opacity:var(--opacity-100)}}@keyframes fadeOut{0%{opacity:var(--opacity-100)}to{opacity:var(--opacity-0)}}@keyframes scaleIn{0%{opacity:var(--opacity-0);transform:scale(.95)}to{opacity:var(--opacity-100);transform:scale(1)}}@keyframes scaleOut{0%{opacity:var(--opacity-100);transform:scale(1)}to{opacity:var(--opacity-0);transform:scale(.95)}}@media(max-width:768px){.avatar-picker-modal{width:95vw;max-height:85vh}.avatar-grid-modal{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.avatar-picker-modal-header,.avatar-picker-modal-body,.avatar-picker-modal-footer{padding:var(--spacing-lg)}.style-buttons{gap:var(--spacing-xs)}.style-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.goal-step{text-align:left}.goal-step .step-header{text-align:center;margin-bottom:var(--spacing-2xl)}.goal-step .step-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.goal-step .step-header p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0}.goal-selection-form{width:100%}.goal-options{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.goal-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden;min-height:80px;display:flex;align-items:center;justify-content:center}.goal-option:hover:not(.disabled){border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.goal-option:active:not(.disabled){transform:translateY(0)}.goal-option.disabled{opacity:var(--opacity-60);cursor:not-allowed;transform:none}.goal-option-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%}.goal-text{text-align:center}.goal-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.goal-option:hover:not(.disabled) .goal-name{color:var(--color-primary)}.goal-loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.goal-submitting{text-align:center;padding:var(--spacing-lg);color:var(--color-primary);font-weight:var(--font-weight-medium)}.no-goals{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.goal-recommendation-banner{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--color-info-surface);border:1px solid var(--color-info);border-radius:var(--radius-md)}.goal-recommendation-banner .banner-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.goal-recommendation-banner .banner-text{margin:0;font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed)}.goal-recommendation-banner .change-goal-button{white-space:nowrap;align-self:flex-start}@media(max-width:768px){.goal-options{grid-template-columns:1fr;gap:var(--spacing-sm)}.goal-option{padding:var(--spacing-md);min-height:60px}.goal-name{font-size:var(--font-size-lg)}.goal-step .step-header h2{font-size:var(--font-size-xl)}.goal-step .step-header p{font-size:var(--font-size-base)}.goal-recommendation-banner .change-goal-button{width:100%}}@media(max-width:480px){.goal-option{padding:var(--spacing-sm);min-height:50px}.goal-name{font-size:var(--font-size-base);line-height:var(--line-height-tight)}}.mirror-onboarding-interstitial,.mirror-onboarding-map{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.mirror-onboarding-interstitial__hog{width:190px;max-width:62%;height:auto;display:block;box-sizing:content-box;padding:var(--spacing-md);background:var(--color-background);border-radius:50%}.mirror-onboarding-map .mirror-muscle-map{width:100%;border-radius:var(--radius-lg);padding:var(--spacing-md)}.mirror-muscle-map__legend{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.mirror-muscle-map__legend span{display:flex;align-items:center;gap:var(--spacing-xs)}.mirror-muscle-map__swatch{width:14px;height:4px;border-radius:2px;flex:none;display:inline-block}.mirror-onboarding-questions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mirror-onboarding-question{display:flex;flex-direction:column;gap:var(--spacing-xs);border:none;padding:0;margin:0}.mirror-onboarding-question-prompt{font-weight:600;font-size:var(--font-size-base);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.mirror-onboarding-required{color:var(--color-error)}.mirror-onboarding-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mirror-onboarding-option{display:flex;align-items:center;gap:var(--spacing-sm);min-height:44px;cursor:pointer;padding:var(--spacing-xs) 0}.mirror-onboarding-option input[type=radio],.mirror-onboarding-option input[type=checkbox]{width:20px;height:20px;margin:0;flex-shrink:0}.mirror-onboarding-text-input{width:100%;min-height:88px;padding:var(--spacing-sm);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;resize:vertical}.mirror-onboarding-text-input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.mirror-onboarding-char-counter{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs);text-align:right}.mirror-onboarding-question-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.mirror-onboarding-submit-error{background-color:var(--color-error-surface);color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-error);margin-bottom:var(--spacing-md)}.mirror-onboarding-questionnaire-actions{display:flex;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.mirror-onboarding-back-button,.mirror-onboarding-retry-button,.mirror-onboarding-submit-button{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer}.mirror-onboarding-back-button{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.mirror-onboarding-submit-button{background-color:var(--color-primary);color:var(--color-primary-contrast)}.mirror-onboarding-submit-button:disabled,.mirror-onboarding-back-button:disabled,.mirror-onboarding-retry-button:disabled{opacity:.5;cursor:not-allowed}.mirror-onboarding-retry-button{background-color:var(--color-primary);color:var(--color-primary-contrast)}.mirror-onboarding-fetch-error{background-color:var(--color-error-surface);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.mirror-onboarding-fetch-error-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.mirror-onboarding-map__closer{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.questionnaire-transition-container{animation:questionFadeIn .3s ease-out;transition:opacity .2s ease-out,transform .2s ease-out}.questionnaire-transition-container.transitioning{opacity:0;transform:translate(-20px);animation:questionFadeOut .2s ease-out}@keyframes questionFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes questionFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.onboarding-questionnaire-container{display:flex;justify-content:center;padding:var(--spacing-md);min-height:50vh;background:transparent}.onboarding-questionnaire-card{width:100%;max-width:700px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:visible;margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.onboarding-questionnaire-card h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.question-container{transition:opacity var(--transition-normal),transform var(--transition-normal)}.onboarding-questionnaire-card .question-container{margin-top:var(--spacing-lg)}.onboarding-questionnaire-card .question-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed);text-align:left}@media(max-width:768px){.onboarding-questionnaire-container{padding:0;min-height:50vh;width:100%}.onboarding-questionnaire-card{margin:0;border-radius:var(--radius-lg);width:100%;max-width:100%;min-width:0;padding:var(--spacing-md);box-sizing:border-box;overflow:hidden}.onboarding-questionnaire-card h2{font-size:var(--font-size-xl)}.onboarding-questionnaire-card .question-text{font-size:var(--font-size-lg)}}.text-input-container{width:100%;margin-top:var(--spacing-md)}.text-answer-input{width:100%;min-height:120px;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;line-height:var(--line-height-relaxed);background-color:var(--color-surface);color:var(--color-text);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-answer-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.text-answer-input:disabled{background-color:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed}.text-answer-input::placeholder{color:var(--color-text-muted);font-style:italic}.other-input-container{margin-top:var(--spacing-sm)}.other-text-input{min-height:80px}@media(max-width:768px){.text-answer-input{min-height:100px;padding:var(--spacing-sm);font-size:var(--font-size-base)}.other-text-input{min-height:70px}}.question-navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:var(--spacing-lg);gap:var(--spacing-md)}.question-nav-back,.question-nav-next{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:120px;width:auto}.question-nav-back span,.question-nav-next span{font-size:var(--font-size-lg);line-height:1}.question-nav-spacer{flex:1}@media(max-width:768px){.question-nav-back,.question-nav-next{min-width:100px;flex:1}}.question-saved-indicator{display:flex;justify-content:flex-end;align-items:center;min-height:1.75rem;margin-bottom:var(--spacing-xs)}.question-saved-indicator__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;animation:saved-indicator-in .2s ease-out}@keyframes saved-indicator-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.question-saving-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);color:var(--color-text-muted, var(--color-text));font-size:var(--font-size-sm);font-weight:600}.question-saving-indicator__spinner{display:inline-flex}.question-required-indicator{display:inline-block;margin-left:var(--spacing-sm);padding:1px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted, var(--color-text));font-size:var(--font-size-sm);font-weight:600;vertical-align:middle}.choice-options-container,.multichoice-options-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.choice-option,.multichoice-option{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-size:var(--font-size-base);color:var(--color-text)}.choice-option.selected,.multichoice-option.selected{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.choice-option:disabled,.multichoice-option:disabled{opacity:var(--opacity-60);cursor:not-allowed}.choice-option span,.multichoice-option span{text-align:left;width:100%}.multichoice-option{padding-left:var(--spacing-lg)}.multichoice-option input[type=checkbox]{margin-right:var(--spacing-sm);pointer-events:none}.multichoice-selection-counter{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:right}@media(max-width:768px){.choice-option,.multichoice-option{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.multichoice-option{padding-left:var(--spacing-md)}.text-answer-input{min-width:0;max-width:100%;width:100%;box-sizing:border-box}}.location-autocomplete [role=listbox]{background-color:var(--color-background)!important;border:1px solid var(--color-border)!important}.location-autocomplete [role=option]{background-color:var(--color-background)!important;color:var(--color-text)!important}.location-autocomplete [role=option]:hover{background-color:var(--color-primary)!important;color:var(--color-surface)!important}.questionnaire-review-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);background:transparent;padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}.questionnaire-review-card{width:100%;max-width:700px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);margin:0}.questionnaire-review-header{margin-bottom:var(--spacing-lg)}.questionnaire-review-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.questionnaire-review-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;line-height:var(--line-height-relaxed)}.questionnaire-review-content{max-height:400px;overflow-y:auto;margin:var(--spacing-lg) 0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface)}.questionnaire-review-item{padding:var(--spacing-md);padding-left:60px;border-bottom:1px solid var(--color-border);position:relative}.questionnaire-review-item:last-child{border-bottom:none}.questionnaire-review-question{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed);margin-left:0;padding-left:0;text-align:left}.questionnaire-review-question:before{content:"Q.";position:absolute;left:var(--spacing-md);top:var(--spacing-md);color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:var(--radius-sm);line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.questionnaire-review-answer{color:var(--color-text);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);background-color:color-mix(in srgb,var(--color-background) 30%,var(--color-surface));padding:var(--spacing-sm);border-radius:var(--radius-md);margin-left:0;padding-left:0;text-align:left;position:relative}.questionnaire-review-answer:before{content:"A.";position:absolute;left:calc(-60px + var(--spacing-md));top:var(--spacing-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.questionnaire-review-answer-list{margin:0;padding-left:var(--spacing-md);list-style:disc}.questionnaire-review-answer-list li{margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}.questionnaire-review-answer-list li:last-child{margin-bottom:0}.questionnaire-review-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;margin-top:var(--spacing-lg)}.questionnaire-review-back,.questionnaire-review-submit{display:flex;align-items:center;gap:var(--spacing-sm);min-width:120px}.questionnaire-review-back span{font-size:var(--font-size-lg);line-height:1}@media(max-width:768px){.questionnaire-review-container{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);padding-top:calc(var(--spacing-xs) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px));align-items:stretch;min-height:100vh}.questionnaire-review-card{max-width:none;border-radius:var(--radius-lg);padding:var(--spacing-md);margin:0;min-height:100vh;display:flex;flex-direction:column}.questionnaire-review-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.questionnaire-review-header{margin-bottom:var(--spacing-md)}.questionnaire-review-content{max-height:none;height:calc(100vh - 200px);padding:var(--spacing-sm);margin:var(--spacing-sm) 0;flex:1}.questionnaire-review-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md)}.questionnaire-review-back,.questionnaire-review-submit{flex:1;min-width:100px;justify-content:center}}.student-verification-modal{position:fixed;inset:0;background-color:var(--color-backdrop-medium);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);opacity:var(--opacity-0);animation:fadeIn var(--animation-normal) forwards}.student-verification-modal .modal-content{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:480px;width:100%;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);text-align:center;transform:translateY(20px);animation:slideUp var(--animation-normal) forwards}.student-verification-modal h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.student-verification-modal .modal-description{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.student-verification-modal .modal-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.student-verification-modal .modal-buttons button{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base)}@media(max-width:768px){.student-verification-modal{padding:var(--spacing-md)}.student-verification-modal .modal-content{padding:var(--spacing-lg)}.student-verification-modal h2{font-size:var(--font-size-xl)}.student-verification-modal .modal-description{font-size:var(--font-size-base)}}.not-available-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.not-available-screen .step-content{width:100%;max-width:600px;padding:var(--spacing-xl)}.not-available-content{text-align:center}.not-available-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--color-primary)}.not-available-icon svg{width:100%;height:100%}.not-available-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-tight)}.not-available-description{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--spacing-md)}.not-available-haiku-card{display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));text-align:center}.not-available-haiku-line{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:color-mix(in srgb,var(--color-primary) 15%,var(--color-text))}.not-available-haiku-line+.not-available-haiku-line{margin-top:var(--spacing-xs)}.not-available-haiku-tagline{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:color-mix(in srgb,var(--color-primary) 20%,var(--color-text));text-align:center}.not-available-actions{margin:var(--spacing-xl) 0;display:flex;justify-content:center;gap:var(--spacing-md)}.not-available-actions button{min-width:150px}.contact-info{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.contact-info p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.contact-link{font-size:var(--font-size-base);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.contact-link:hover{color:color-mix(in srgb,var(--color-primary) 85%,black);text-decoration:underline}.contact-separator{color:var(--color-text-muted);margin:0 var(--spacing-xs)}.contact-separator-text{color:var(--color-text-muted);margin:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.text-link-button{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;text-decoration:underline;transition:color var(--transition-fast)}.text-link-button:hover{color:color-mix(in srgb,var(--color-primary) 85%,black)}@media(max-width:768px){.not-available-screen .step-content{padding:var(--spacing-lg)}.not-available-icon{width:60px;height:60px}.not-available-title{font-size:var(--font-size-2xl)}.not-available-description{font-size:var(--font-size-base);display:flex}.not-available-haiku-card{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl)}.not-available-haiku-line,.not-available-haiku-tagline{font-size:var(--font-size-base)}.not-available-actions{flex-direction:column}.not-available-actions button{width:100%}}.goal-change-modal-backdrop{position:fixed;inset:0;background-color:var(--color-backdrop-medium);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);opacity:var(--opacity-0);animation:fadeIn var(--animation-normal) forwards}@keyframes fadeIn{to{opacity:var(--opacity-100)}}.goal-change-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;border:1px solid var(--color-border);transform:translateY(20px);animation:slideUp var(--animation-normal) forwards}@keyframes slideUp{to{transform:translateY(0)}}.goal-change-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:var(--color-surface);z-index:10}.goal-change-modal-title-container{position:relative}.goal-change-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.goal-change-modal-title-underline{position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:var(--color-warning);border-radius:var(--radius-full)}.goal-change-modal-close{background:transparent;border:none;font-size:var(--font-size-2xl);line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.goal-change-modal-close:hover{background-color:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);transform:rotate(90deg)}.goal-change-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex-grow:1}.goal-change-modal-content{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-lg);border-radius:var(--radius-lg)}.goal-change-modal-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:left;line-height:var(--line-height-relaxed);margin-top:0}.goal-change-modal-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0;text-align:left;line-height:var(--line-height-relaxed);max-width:100%}.goal-change-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);position:sticky;bottom:0;background-color:var(--color-surface);z-index:10}.goal-change-modal-cancel{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);min-width:120px}.goal-change-modal-cancel:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-strong)}.goal-change-modal-cancel:active{transform:translateY(1px);box-shadow:none}.goal-change-modal-confirm{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-error);border:none;border-radius:var(--radius-lg);color:var(--color-surface);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);min-width:120px}.goal-change-modal-confirm:hover{background-color:color-mix(in srgb,var(--color-error) 85%,black);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.goal-change-modal-confirm:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media(max-width:768px){.goal-change-modal-backdrop{padding:var(--spacing-md)}.goal-change-modal{max-width:none;border-radius:var(--radius-lg)}.goal-change-modal-content{padding:var(--spacing-md)}.goal-change-modal-message,.goal-change-modal-question{font-size:var(--font-size-base)}}.privacy-toggle-container{padding:var(--spacing-md) 0}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:500px}.toggle-info{flex:1}.toggle-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.toggle-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.4}.toggle-switch{position:relative;width:50px;height:28px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:var(--transition-normal);border-radius:var(--radius-full);border:2px solid #94a3b8}.slider:before{position:absolute;content:"";height:20px;width:20px;left:var(--spacing-xs);bottom:var(--spacing-xs);background-color:#fff;transition:var(--transition-normal);border-radius:var(--radius-full);box-shadow:0 2px 6px #0000004d;border:1px solid #64748b}input:checked+.slider{background-color:var(--primary);border-color:var(--primary-dark)}input:checked+.slider:before{transform:translate(22px)}input:disabled+.slider{opacity:.6;cursor:not-allowed}input:disabled+.slider:before{cursor:not-allowed}.privacy-note{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--background-alt);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);border:1px solid var(--border)}.note-icon{flex-shrink:0;font-size:var(--font-size-md)}.privacy-saving{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.privacy-settings-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.privacy-settings-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.privacy-settings-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.privacy-settings-header .icon{font-size:var(--font-size-lg)}.privacy-settings-description{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.toggle-row{gap:var(--spacing-md)}.toggle-info h3{font-size:var(--font-size-sm)}.toggle-description{font-size:var(--font-size-xs)}.toggle-switch{width:44px;height:24px}.slider:before{height:16px;width:16px;left:var(--spacing-xs);bottom:var(--spacing-xs)}input:checked+.slider:before{transform:translate(20px)}}.skip-management{padding:0;background:transparent;border:none;box-shadow:none}.skip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.skip-current-status{background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.skip-status-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.skip-status-icon{width:32px;height:32px;color:var(--color-surface);flex-shrink:0}.skip-status-content{flex:1}.skip-status-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-surface);margin:0 0 var(--spacing-xs) 0}.skip-status-subtitle{font-size:var(--font-size-base);color:var(--color-surface);opacity:.9;margin:0}.skip-status-reason{opacity:.8;font-style:italic}.skip-status-badge{flex-shrink:0}.status-indicator{background:color-mix(in srgb,var(--color-text) 14%,transparent);color:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.skip-status-actions{display:flex;justify-content:flex-end}.skip-header-content{display:flex;align-items:center;gap:var(--spacing-md)}.skip-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.skip-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.025em}.skip-header p{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-sm)}.skip-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.skip-status.active,.skip-status.upcoming{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.skip-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.skip-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.skip-form .form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block;letter-spacing:.025em}.skip-form .form-group input,.skip-form .form-group select{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--color-bg-primary);color:var(--color-text-primary)}.skip-form .form-group input:focus,.skip-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.skip-form .form-group input[type=date]{position:relative;padding:var(--spacing-md) var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-card)}.skip-form .form-group input[type=date]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-1px)}.skip-form .form-group input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus-ring);transform:translateY(-1px)}.skip-form .form-group input[type=date]::-webkit-calendar-picker-indicator{background:transparent;color:transparent;cursor:pointer;height:auto;inset:0;position:absolute;width:auto;padding:var(--spacing-sm)}.skip-form .form-group input[type=date]:before{content:"";position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%);width:20px;height:20px;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e") no-repeat center;background-size:contain;pointer-events:none;opacity:.6;transition:opacity var(--transition-fast)}.skip-form .form-group input[type=date]:hover:before,.skip-form .form-group input[type=date]:focus:before{opacity:1}.skip-form .form-group input[type=date]:invalid{color:var(--color-text-tertiary)}.skip-form .form-group input[type=date]:valid{color:var(--color-text-primary)}.duration-toggle{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--spacing-sm);border:1px solid var(--color-border)}.toggle-btn:hover{color:var(--color-text-primary);background:var(--color-bg-primary)}.toggle-btn.active{background:var(--color-primary);color:var(--color-surface);box-shadow:var(--shadow-card)}.toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.help-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.skip-active{display:flex;flex-direction:column;gap:var(--spacing-md)}.skip-period-info{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.skip-period-dates{display:flex;flex-direction:column;gap:var(--spacing-sm)}.date-range{display:flex;align-items:center;gap:var(--spacing-sm)}.date-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.date-value{font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--spacing-xs)}.skip-duration-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.skip-detail-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;margin-top:var(--spacing-xs)}.skip-active-indicator{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-warning-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.skip-active-indicator svg{width:16px;height:16px}.skip-empty{text-align:center;padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.skip-empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);line-height:1.5}.skip-history{margin-top:var(--spacing-lg)}.skip-history h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.skip-history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skip-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid;margin-bottom:var(--spacing-xs);min-height:44px}.skip-history-item.active{border-left-color:var(--color-primary);background:var(--color-bg-secondary)}.skip-history-item.cancelled{border-left-color:var(--color-text-tertiary);background:var(--color-bg-secondary)}.skip-history-item.completed{border-left-color:var(--color-text-secondary);background:var(--color-bg-secondary)}.skip-history-content{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.skip-history-dates{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.skip-history-actual{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.skip-history-reason{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;text-transform:capitalize;opacity:.8}.status-badge{padding:2px var(--spacing-xs);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;letter-spacing:.025em}.status-badge.active{background:var(--color-primary);color:var(--color-surface)}.status-badge.cancelled{background:var(--color-text-tertiary);color:var(--color-surface)}.status-badge.completed{background:var(--color-text-secondary);color:var(--color-surface)}.skip-info{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.skip-info h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.skip-info ul{list-style:none;padding:0;margin:0}.skip-info li{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.skip-info li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.skip-status-banner{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast);animation:fadeIn .3s ease-in-out}.skip-status-banner:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.skip-banner-content{display:flex;align-items:center;gap:var(--spacing-md)}.skip-banner-icon{width:24px;height:24px;flex-shrink:0}.skip-banner-text{flex:1}.skip-banner-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.skip-banner-subtitle{font-size:var(--font-size-sm);opacity:.8}.skip-banner-actions{display:flex;gap:var(--spacing-sm)}.skip-banner-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid;opacity:.8}.skip-status-banner.active .skip-banner-details{border-color:var(--color-warning-border)}.skip-status-banner.upcoming .skip-banner-details{border-color:var(--color-info-border)}.skip-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.skip-detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skip-detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;opacity:.7}.skip-detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.skip-details-info{margin-bottom:var(--spacing-md)}.skip-details-info p{font-size:var(--font-size-sm);margin:0;opacity:.8}.skip-details-actions{display:flex;justify-content:flex-end}.skip-management.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.error-message svg{width:16px;height:16px;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-skip-banner{margin-bottom:var(--spacing-lg)}.inline-skip-banner-collapsed{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.inline-skip-banner-collapsed:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-primary)}.inline-skip-banner-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-primary)}.inline-skip-banner-text{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.inline-skip-banner-arrow{width:18px;height:18px;flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.inline-skip-banner-collapsed:hover .inline-skip-banner-arrow{transform:translate(2px);color:var(--color-primary)}.inline-skip-banner-expanded{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:var(--color-text-primary);box-shadow:var(--shadow-sm);animation:expandBanner .3s ease-out}.inline-skip-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.inline-skip-banner-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.inline-skip-banner-close{padding:var(--spacing-xs);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.inline-skip-banner-close:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.inline-skip-banner-close svg{width:16px;height:16px}.inline-skip-banner-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.inline-skip-banner-error svg{width:16px;height:16px;flex-shrink:0}.inline-skip-banner-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.inline-skip-banner .skip-form-group{margin-bottom:var(--spacing-lg)}.inline-skip-banner .skip-form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.inline-skip-banner .skip-form-group select{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}.inline-skip-banner .skip-form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.inline-skip-banner .skip-form-group select:hover{border-color:var(--color-primary)}.inline-skip-banner .skip-form-group select option[disabled],.form-group select option[disabled]{color:var(--color-text-tertiary);font-style:italic}.skip-option-button:hover{border-color:var(--color-primary);background:var(--color-primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-card)}.skip-option-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.skip-option-duration{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.skip-option-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.skip-today-actions{display:flex;justify-content:stretch;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.skip-extended-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-border)}.skip-extended-text{color:var(--color-text-secondary)}.skip-settings-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-size:inherit;transition:color var(--transition-fast)}.skip-settings-link:hover{color:var(--color-primary);text-decoration:underline}.inline-skip-banner-note{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-md);text-align:center;border:1px solid var(--color-border)}.inline-skip-banner-note svg{color:var(--color-success)}.inline-skip-banner-note svg{width:16px;height:16px;flex-shrink:0}@keyframes expandBanner{0%{opacity:0;transform:scaleY(.8);transform-origin:top}to{opacity:1;transform:scaleY(1)}}@media(max-width:768px){.skip-header,.skip-banner-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.skip-banner-actions{align-self:flex-end}.form-actions{flex-direction:column}.skip-details-grid,.inline-skip-banner-options{grid-template-columns:1fr}.skip-option-button{min-height:60px;padding:var(--spacing-sm)}.inline-skip-banner-text{font-size:var(--font-size-xs)}.skip-history-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.skip-history-status{align-self:flex-end}}:root{--bottom-nav-height: 56px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--bottom-nav-height);padding:4px 8px calc(4px + env(safe-area-inset-bottom));background-color:var(--color-surface);border-top:1px solid var(--color-border);display:none;align-items:center;justify-content:space-between;gap:4px;z-index:100;box-shadow:var(--shadow-sm)}.bottom-nav-item{flex:1;min-height:44px;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs)}.bottom-nav-item:focus-visible,.bottom-nav-item:hover{background-color:var(--color-surface-secondary)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.bottom-nav-icon svg{width:100%;height:100%}.bottom-nav-label{line-height:1}@media(max-width:767px){.bottom-nav{display:flex}.app-container.has-bottom-nav .app-main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}}.maintenance-view-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.maintenance-view-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);max-width:420px;width:100%;text-align:center;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.maintenance-view-icon{display:flex;justify-content:center;align-items:center}.maintenance-view-icon img{width:20rem;height:auto;display:block}.maintenance-view-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.maintenance-view-message{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;line-height:var(--line-height-relaxed)}@media(max-width:768px){.maintenance-view-container,.maintenance-view-card{padding:var(--spacing-lg)}.maintenance-view-title{font-size:var(--font-size-xl)}}@media(max-width:768px){.btn-lg{padding:var(--spacing-sm) var(--spacing-lg)}.streak-header{flex-direction:column!important;align-items:center!important;gap:var(--spacing-md)!important}.streak-header>div:last-child{align-self:center!important}}.recent-insights-card{--insight-spacing: var(--spacing-md);--insight-border-color: var(--color-gray-200);--insight-text-color: var(--color-text-primary);--insight-meta-color: var(--color-text-muted);--insight-hover-bg: var(--color-gray-50)}.insights-list{display:flex;flex-direction:column;gap:var(--insight-spacing)}.insight-item{padding:var(--spacing-md);border:1px solid var(--insight-border-color);border-radius:var(--radius-md);background-color:var(--color-white);transition:all .2s ease}.insight-item:hover{background-color:var(--insight-hover-bg);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--insight-border-color)}.insight-date{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-600)}.insight-meta{font-size:var(--font-size-xs);color:var(--insight-meta-color)}.insight-content{margin-bottom:var(--spacing-sm)}.insight-text{font-size:var(--font-size-base);line-height:1.6;color:var(--insight-text-color);margin:0}.insight-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-xs)}.insight-model{font-size:var(--font-size-xs);color:var(--insight-meta-color);font-style:italic;display:flex;align-items:center;gap:var(--spacing-xs)}.insight-model:before{content:"✨";font-style:normal}.insights-empty{text-align:center;padding:var(--spacing-2xl);color:var(--insight-meta-color)}.insights-empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);opacity:.5}.insights-empty-text{font-size:var(--font-size-base);margin:0}@media(max-width:768px){.insight-item{padding:var(--spacing-sm)}.insight-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.insight-meta{align-self:flex-end}.insight-text{font-size:var(--font-size-base)}}@media(prefers-color-scheme:dark){.recent-insights-card{--insight-border-color: var(--color-gray-700);--insight-text-color: var(--color-gray-100);--insight-meta-color: var(--color-gray-400);--insight-hover-bg: var(--color-gray-800)}.insight-item{background-color:var(--color-gray-900)}.insight-item:hover{background-color:var(--insight-hover-bg)}}.app-header{position:sticky;top:0;z-index:100;background-color:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--color-surface-secondary) 95%,transparent);padding-top:env(safe-area-inset-top,0px)}.app-header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);margin:0 auto;height:var(--header-height)}.app-header-logo{margin:0;display:flex;align-items:center}.logo-image{height:36px;width:auto;max-width:150px;filter:var(--logo-filter, none)}@media(min-width:769px){.app-header-content{justify-content:flex-start;gap:var(--spacing-lg)}.app-header-logo{order:2}.hamburger-button{order:1}.header-avatar-button{order:3;margin-left:auto}}@media(max-width:768px){.app-header-content{justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.app-header-logo{order:1;font-size:var(--font-size-xl)}.header-avatar-button{order:2}.logo-image{height:32px}}.hamburger-icon{width:24px;height:18px;position:relative;display:block}.hamburger-icon span{display:block;position:absolute;height:3px;width:100%;background:var(--color-text);border-radius:var(--radius-sm);left:0;transition:all var(--transition-fast)}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2){top:var(--spacing-sm)}.hamburger-icon span:nth-child(3){top:var(--spacing-md)}.mobile-menu-backdrop{position:fixed;inset:0;background-color:var(--color-backdrop-light);z-index:998;opacity:var(--opacity-0);visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.mobile-menu-backdrop.open{opacity:var(--opacity-100);visibility:visible}.sidebar-menu{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-mobile);background-color:var(--color-surface);box-shadow:var(--shadow-2xl);z-index:999;transform:translate(-100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;padding-top:calc(var(--spacing-5xl) + env(safe-area-inset-top,0px))}.sidebar-menu.open{transform:translate(0)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.sidebar-footer{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);margin-top:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border:none;background:transparent;color:var(--color-text);width:100%;text-align:left;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);position:relative}.sidebar-nav-item:hover{background-color:var(--color-surface-secondary)}.sidebar-nav-item.active{color:var(--color-primary-contrast);background-color:var(--color-primary-surface)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary)}.sidebar-nav-item.logout{color:var(--color-text-muted)}.sidebar-nav-item.logout:hover{color:var(--color-error-contrast);background-color:var(--color-error-surface)}.nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:var(--font-size-base)}@media(min-width:768px){.sidebar-menu{width:var(--sidebar-width-desktop)}.sidebar-nav-item{padding:var(--spacing-md) var(--spacing-2xl)}}.app-main{flex:1;padding:var(--spacing-xl) 0;min-height:calc(100vh - 64px)}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.field-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted)}.label-with-icon{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.profile-info-icon{width:16px;height:16px;flex-shrink:0;color:var(--color-primary)}.profile-info-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.desktop-nav{display:none}:root{--color-surface-rgb: 255, 255, 255}.public-layout{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);color:var(--color-text);background:var(--color-background)}.public-header{position:sticky;top:0;z-index:var(--z-dropdown);background:var(--color-background);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top,0px)}.public-header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 28px;max-width:1080px;margin:0 auto;gap:var(--spacing-md);min-height:66px}.public-logo{text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm);transition:opacity var(--transition-normal)}.public-logo:hover{opacity:var(--opacity-75)}.public-logo-img{height:34px;width:auto}.public-logo-text{color:var(--color-wordmark);font-family:var(--font-wordmark);font-weight:var(--font-weight-normal);font-size:25px;text-decoration:none}.public-nav{display:flex;gap:var(--spacing-sm);align-items:center}.public-nav a:not(.public-cta){text-decoration:none;color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:17px;white-space:nowrap;padding:10px 12px;border-radius:var(--radius-full);transition:color var(--transition-normal)}.public-nav a:not(.public-cta):hover{color:var(--color-accent);opacity:1}.public-nav a.is-current{color:var(--color-accent)}.public-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 20px;border-radius:var(--radius-full);border:none;background:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-bold);font-size:17px;text-decoration:none;transition:background var(--transition-fast)}.public-cta:hover{background:var(--color-primary-hover)}.public-cta:active{background:var(--color-primary-dark)}.public-cta:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.public-cta.secondary{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border-strong)}.public-cta.secondary:hover{background:var(--color-surface)}.public-main{flex:1}.public-footer{padding:0 0 18px;background:var(--color-surface-secondary)}.public-footer-inner{max-width:1080px;margin:0 auto;padding:0 28px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.public-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}.public-footer-social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-circle);background:var(--color-text)}.public-footer-social svg{width:19px;height:19px;fill:var(--color-surface-secondary)}.public-footer-social:hover{opacity:var(--opacity-75)}.public-footer-links a{color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:opacity var(--transition-normal)}.public-footer-links a:hover{color:var(--color-accent)}.public-footer-copy{color:var(--color-text-muted);font-size:13px}@media(max-width:768px){.public-header-inner{padding:12px 20px;gap:var(--spacing-sm)}.public-header-inner{flex-wrap:wrap;min-height:0}.public-nav{gap:2px;width:100%;margin-left:-12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.public-nav .public-cta{position:sticky;right:0;flex:0 0 auto;margin-left:auto}.public-nav .public-cta:before{content:"";position:absolute;right:100%;top:0;bottom:0;width:28px;pointer-events:none;background:linear-gradient(to right,color-mix(in srgb,var(--color-background) 0%,transparent),var(--color-background))}.public-nav::-webkit-scrollbar{display:none}.public-nav a:not(.public-cta){font-size:15px;min-height:44px;display:inline-flex;align-items:center}.public-cta{padding:var(--spacing-xs) var(--spacing-md);font-size:15px;min-height:44px;white-space:nowrap;flex:0 0 auto}.public-footer-inner{padding:0 20px}.public-footer-links{gap:6px 16px}}.pub-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 28px}.pub-sec{padding:clamp(32px,3.6vw,48px) 0}.pub-sec-band{background:var(--color-band)}.pub-center{text-align:center}.pub-center .pub-lead{margin-left:auto;margin-right:auto}.pub-eyebrow{font-size:clamp(14px,1.5vw,16px);font-weight:var(--font-weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin:0 0 10px}.pub-h2{font-size:clamp(27px,3.4vw,40px);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin:0;text-wrap:balance}.pub-lead{font-size:clamp(var(--pub-font-size-body),1.8vw,21px);line-height:1.6;color:var(--color-text-muted);margin:12px 0 0;max-width:40em}.pub-lead strong{color:var(--color-text)}.pub-kicker{font-size:clamp(19px,2vw,23px);font-weight:var(--font-weight-semibold);line-height:1.4;margin:14px 0 0}.pub-script{font-family:var(--font-script);font-weight:var(--font-weight-semibold);font-size:clamp(21px,2.2vw,26px);color:var(--color-text)}.pub-rule{display:block;width:64px;height:3px;border-radius:2px;background:var(--color-accent);margin:0 0 var(--spacing-lg)}.pub-center .pub-rule{margin-left:auto;margin-right:auto}.pub-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;background:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-bold);font-size:17px;padding:15px 32px;min-height:56px;border:none;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;font-family:inherit;transition:transform var(--transition-fast),background var(--transition-normal)}.pub-btn:hover{background:var(--color-primary-hover);color:var(--color-text-on-primary);transform:translateY(-1px)}.pub-btn:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}.pub-card{background:var(--color-surface);border:2px solid var(--color-outline);border-radius:30px 30px 30px 8px;padding:clamp(20px,2.4vw,28px)}.pub-card-alt{border-radius:30px 30px 8px}.pub-chip{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-circle);background:var(--color-accent);color:var(--color-background);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.pub-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-title);margin:var(--spacing-md) 0 0}.pub-card-body{font-size:clamp(var(--pub-font-size-body),1.8vw,18px);line-height:1.55;margin:var(--spacing-sm) 0 0}.pub-cta-band .pub-h2{font-size:clamp(24px,3.5vw,38px)}.pub-cta-band{background:var(--color-surface-secondary);padding:clamp(32px,3.4vw,44px) 0 12px;text-align:center}.pub-cta-band .pub-h2{margin:0 auto}.pub-cta-band .pub-eyebrow{color:var(--color-text);margin-bottom:var(--spacing-sm)}.pub-cta-sub{font-size:clamp(var(--pub-font-size-body),1.8vw,20px);font-weight:var(--font-weight-semibold);margin:var(--spacing-sm) 0 var(--spacing-md)}.pub-cta-note{font-style:italic;font-size:var(--pub-font-size-body);margin:10px 0 0}.pub-cta-band .pub-btn:hover{background:var(--color-background)}.pub-rise{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.pub-rise.pub-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.pub-rise{opacity:1;transform:none;transition:none}}@media(max-width:640px){.pub-wrap{padding:0 20px}.pub-sec{padding:clamp(28px,6.5vw,38px) 0}.pub-card{border-radius:18px;padding:18px 16px}.pub-card-alt{border-radius:18px}}.pub-hero{background:var(--color-surface-secondary);padding:clamp(36px,4vw,52px) 0 clamp(38px,4.2vw,54px)}.pub-hero h1{font-size:clamp(34px,5.4vw,56px);font-weight:var(--font-weight-bold);line-height:1.06;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}.pub-hero-lead{font-size:clamp(var(--pub-font-size-body),1.9vw,21px);line-height:1.4;font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg);max-width:26em}.pub-mark{font-weight:var(--font-weight-bold);background:linear-gradient(transparent 58%,var(--color-background) 58%);padding:0 3px}.pub-zig{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,4vw,60px);align-items:center}.pub-zig-flip>*:first-child{order:2}.pub-zig-art{width:100%;max-width:280px;height:auto;display:block;margin:0 auto}.pub-step-num{font-weight:var(--font-weight-bold);font-size:clamp(24px,3vw,31px);margin:0 0 6px}.pub-zig h2{font-size:clamp(28px,4vw,42px);font-weight:var(--font-weight-bold);line-height:1.16;margin:0 0 var(--spacing-md)}.pub-zig p:last-child{font-size:clamp(var(--pub-font-size-body),2vw,23px);margin:0;max-width:26em}@media(max-width:900px){.pub-zig{grid-template-columns:1fr;text-align:center;gap:34px}.pub-zig-flip>*:first-child{order:0}.pub-zig p:last-child{margin-left:auto;margin-right:auto}.pub-hero-lead{margin-left:auto;margin-right:auto}}.internship-video{position:relative;width:100%;max-width:760px;margin:0 auto;aspect-ratio:16 / 9;border:2px solid var(--color-outline);border-radius:30px 30px 30px 8px;overflow:hidden;background:var(--color-text)}.internship-video video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}@media(max-width:640px){.internship-video{border-radius:18px}}.pub-narrow{max-width:42em;margin:0 auto;text-align:center}.pub-narrow .pub-h2,.pub-narrow .pub-say{margin-left:auto;margin-right:auto}.pub-body{font-size:clamp(var(--pub-font-size-body),1.9vw,22px);line-height:1.6;color:var(--color-text-muted);margin:var(--spacing-md) 0 0}.pub-body strong{color:var(--color-text)}.pub-say{font-size:clamp(22px,3vw,34px);line-height:1.3;font-weight:var(--font-weight-bold);letter-spacing:-.015em;margin:0}.pub-quote{background:var(--color-band);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:clamp(40px,5vw,62px) 0;text-align:center}.pub-quote p{font-size:clamp(22px,3.1vw,36px);font-weight:var(--font-weight-bold);line-height:1.28;letter-spacing:-.015em;max-width:26em;margin:0 auto}.pub-flow{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:var(--spacing-lg)}.pub-flow-pill{display:inline-flex;align-items:baseline;gap:var(--spacing-sm);background:var(--color-surface-secondary);border-radius:var(--radius-full);padding:7px 18px;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);white-space:nowrap}.pub-flow-pill b{font-size:10px;color:var(--color-accent);letter-spacing:.1em}.pub-badge{display:inline-flex;align-items:center;gap:9px;background:var(--color-primary);border-radius:var(--radius-full);padding:7px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.pub-mark-lime{font-weight:var(--font-weight-bold);color:var(--color-text);background:linear-gradient(transparent 58%,var(--color-surface-secondary) 58%);padding:0 3px}.pub-wrap-form{max-width:560px}.pub-wrap-narrow{max-width:760px}.pub-body-flush{margin-top:0}.pub-btn.is-busy{opacity:.7}.pub-art{width:100%;height:auto;display:block}.pub-art-centered{margin:0 auto}.pub-art-ring{max-width:260px}.pub-art-wide{max-width:400px}.landing-hero{background:var(--color-surface-secondary);padding:clamp(44px,5.5vw,76px) 0 clamp(40px,5vw,66px);position:relative;overflow:hidden}.landing-hero-inner{width:min(100%,700px);position:relative;z-index:1}.landing-hero h1{font-size:clamp(30px,4.1vw,48px);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin:0;text-wrap:balance}.pub-lead-cont,.pub-kicker-cont{margin-top:6px}.landing-hero .pub-lead{max-width:none;font-size:clamp(var(--pub-font-size-body),1.6vw,19px);color:var(--color-text)}.landing-hero .pub-kicker{max-width:none;font-size:clamp(18px,1.75vw,20px)}.landing-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.landing-hero-note{font-size:var(--pub-font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text)}.landing-rap{position:absolute;top:0;right:clamp(24px,11vw,168px);width:104px;height:100%;pointer-events:none;z-index:2}.landing-rap-rope{position:absolute;left:50%;top:0;width:3px;height:0;margin-left:-1.5px;background:repeating-linear-gradient(180deg,var(--color-text) 0 9px,transparent 9px 15px);opacity:.45;animation:landing-rope-grow 9s cubic-bezier(.5,0,.35,1) infinite}.landing-rap-guy{position:absolute;left:-14%;width:128%;top:0;z-index:2;animation:landing-rap-drop 9s cubic-bezier(.5,0,.35,1) infinite}.landing-rap-guy img{width:100%;height:auto;display:block;transform-origin:50% 20%;animation:landing-rap-sway 9s ease-in-out infinite}@keyframes landing-rap-drop{0%{top:-24%}44%{top:46%}52%{top:41%}58%{top:46%}88%{top:46%}to{top:-24%}}@keyframes landing-rope-grow{0%{height:0}44%{height:47%}52%{height:42%}58%{height:47%}88%{height:47%}to{height:0}}@keyframes landing-rap-sway{0%{transform:rotate(-7deg)}20%{transform:rotate(6deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(0) scale(1.04)}58%{transform:rotate(-8deg)}64%{transform:rotate(8deg)}70%{transform:rotate(-6deg)}76%{transform:rotate(4deg)}86%{transform:rotate(0)}to{transform:rotate(-7deg)}}@media(max-width:1080px){.landing-rap{display:none}}.landing-band{border-bottom:1px solid var(--color-border);padding:20px 0}.landing-band ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;margin:0;padding:0}.landing-band li{font-size:clamp(var(--pub-font-size-body),1.7vw,19px);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:22px}.landing-band li:after{content:"→";color:var(--color-accent);font-weight:var(--font-weight-normal)}.landing-band li:last-child:after{display:none}.landing-fcard-sec{padding:30px 0 16px}.landing-fcard{background:var(--color-surface);border-radius:22px;box-shadow:0 10px 34px color-mix(in srgb,var(--color-text) 10%,transparent);padding:clamp(20px,2.6vw,30px) clamp(20px,3vw,34px) clamp(24px,3vw,32px);text-align:left}.landing-fcard-top{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:baseline}.landing-fcard-label{font-size:clamp(12px,1.3vw,14px);font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-light);margin:0}.landing-fcard-streak{font-size:clamp(14px,1.6vw,17px);font-weight:var(--font-weight-bold);color:var(--color-accent);margin:0}.landing-fbars{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(4px,1vw,12px);height:66px;margin:clamp(20px,2.6vw,28px) 0 var(--spacing-md)}.landing-fbar{flex:1 1 0;min-width:0;border-radius:7px;background:var(--color-primary);transform-origin:50% 100%;animation:landing-fwave 2.8s ease-in-out infinite}.landing-fbar:nth-child(1){height:30px;animation-delay:0ms}.landing-fbar:nth-child(2){height:22px;animation-delay:80ms}.landing-fbar:nth-child(3){height:46px;animation-delay:161ms}.landing-fbar:nth-child(4){height:32px;animation-delay:242ms}.landing-fbar:nth-child(5){height:58px;animation-delay:322ms}.landing-fbar:nth-child(6){height:30px;animation-delay:402ms}.landing-fbar:nth-child(7){height:42px;animation-delay:483ms}.landing-fbar:nth-child(8){height:36px;animation-delay:564ms}.landing-fbar:nth-child(9){height:40px;animation-delay:644ms}.landing-fbar:nth-child(10){height:22px;animation-delay:724ms}.landing-fbar:nth-child(11){height:52px;animation-delay:805ms}.landing-fbar:nth-child(12){height:32px;animation-delay:886ms}.landing-fbar:nth-child(13){height:38px;animation-delay:966ms}.landing-fbar:nth-child(14){height:58px;animation-delay:1046ms}.landing-fbar.is-accent{background:var(--color-accent)}@keyframes landing-fwave{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1)}}.landing-ftrack{height:7px;border-radius:var(--radius-full);background:var(--color-border-light);overflow:hidden}.landing-ffill{display:block;height:100%;width:72%;border-radius:var(--radius-full);background:var(--color-surface-secondary);animation:landing-ffill 5.6s ease-in-out infinite}@keyframes landing-ffill{0%,to{width:46%}50%{width:78%}}@media(prefers-reduced-motion:reduce){.landing-fbar,.landing-ffill{animation:none}.landing-fbar{transform:none}.landing-ffill{width:72%}}.landing-breaks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:var(--spacing-lg)}.landing-brk{font:inherit;color:inherit;height:auto;min-height:44px;background:var(--color-background);border:2px solid var(--color-surface-secondary);border-radius:var(--radius-full);padding:12px 14px;font-size:clamp(14px,1.55vw,18px);font-weight:var(--font-weight-bold);cursor:pointer;text-wrap:balance;transition:background var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.landing-brk:hover{transform:translateY(-2px);border-color:var(--color-accent)}.landing-brk:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}.landing-brk[aria-selected=true]{background:var(--color-surface-secondary);border-color:var(--color-surface-secondary)}.landing-answer{min-height:2.2em;margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:12px}.landing-answer p{font-size:clamp(19px,2.4vw,27px);font-weight:var(--font-weight-bold);line-height:1.25;margin:0}.landing-answer b{color:var(--color-accent)}.landing-orbit{position:relative;width:100%;max-width:660px;margin:46px auto 0;aspect-ratio:1}.landing-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:47%;height:47%}.landing-core-disc{width:100%;height:100%;border-radius:var(--radius-circle);border:2px solid var(--color-surface-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8% 11%;text-align:center}.landing-core-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.15;margin:0 0 22px}.landing-core-title{font-size:25px;font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-accent);margin:0 0 6px}.landing-core-desc{font-size:clamp(var(--pub-font-size-body),1.8vw,18px);line-height:1.45;font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.landing-node{position:absolute;transform:translate(-50%,-33px);background:none;border:0;height:auto;padding:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;width:132px}.landing-node[data-i="0"]{left:50%;top:8%}.landing-node[data-i="1"]{left:82.8%;top:23.8%}.landing-node[data-i="2"]{left:91%;top:59.3%}.landing-node[data-i="3"]{left:68.2%;top:87.8%}.landing-node[data-i="4"]{left:31.8%;top:87.8%}.landing-node[data-i="5"]{left:9%;top:59.3%}.landing-node[data-i="6"]{left:17.2%;top:23.8%}.landing-node i{flex:0 0 auto;width:66px;height:66px;border-radius:var(--radius-circle);background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-style:normal;transition:transform var(--transition-normal),background var(--transition-normal)}.landing-node b{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:1.2;text-align:center}.landing-node:hover i{transform:scale(1.12)}.landing-node[aria-selected=true]{z-index:4}.landing-node[aria-selected=true] b{color:var(--color-accent)}.landing-node[aria-selected=true] i{background:var(--color-primary);transform:scale(1.15);box-shadow:0 0 0 4px var(--color-primary-light)}.landing-node:focus-visible i{outline:3px solid var(--color-text);outline-offset:2px}.landing-muscle-list{display:none;margin-top:26px;border-top:2px solid var(--color-surface-secondary)}.landing-muscle-list button{width:100%;height:auto;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--color-border);padding:14px 4px;display:grid;grid-template-columns:34px 1fr;gap:0 12px;cursor:pointer}.landing-muscle-list button[aria-selected=true]{background:var(--color-band)}.landing-muscle-list b{font-size:15px;color:var(--color-accent);font-weight:var(--font-weight-bold)}.landing-muscle-list strong{font-size:19px}.landing-muscle-list em{display:block;font-style:normal;font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:3px;line-height:1.45}.landing-muscle-list p{font-size:13px;font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,34px);margin-top:26px;text-align:center}.landing-step-n{font-size:44px;font-weight:var(--font-weight-bold);line-height:1;color:var(--color-accent);margin:0 0 10px}.landing-step-t{font-size:21px;font-weight:var(--font-weight-bold);margin:0 0 6px}.landing-step-d{font-size:var(--pub-font-size-body);line-height:1.55;color:var(--color-text-muted);max-width:24em;margin:0 auto}.landing-who{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,18px);margin-top:var(--spacing-lg);align-items:stretch}.landing-who-i{background:var(--color-surface);border:2px solid var(--color-surface-secondary);border-radius:var(--radius-2xl);display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(22px,2.8vw,34px) clamp(16px,2vw,22px) clamp(26px,3.4vw,40px);text-align:center;transition:transform .25s ease,border-color var(--transition-normal)}.landing-who-i:hover{transform:translateY(-5px);border-color:var(--color-accent)}.landing-who-t{font-size:clamp(17px,2.1vw,23px);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);margin:0}.landing-who-d{font-size:clamp(var(--pub-font-size-body),1.7vw,18px);line-height:1.4;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}@media(max-width:900px){.landing-breaks,.landing-who{grid-template-columns:repeat(2,1fr)}.landing-steps{grid-template-columns:1fr;gap:30px}}@media(max-width:700px){.landing-orbit{display:none}.landing-muscle-list{display:block}}@media(max-width:640px){.landing-hero{padding:36px 0 40px}.landing-fbars{height:52px;gap:3px}.landing-fcard{padding:18px 16px 22px;border-radius:18px}.landing-breaks{grid-template-columns:1fr}.landing-brk{border-radius:var(--radius-2xl);padding:14px 16px}.landing-who{grid-template-columns:1fr;gap:10px}.landing-who-i{padding:18px 14px 22px}.landing-steps{gap:26px}.landing-band ol{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.landing-band li:after{display:none}}.about-founders{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,22px);margin:30px auto 0;max-width:900px;text-align:center;align-items:stretch}.about-founder{border:2px solid var(--color-surface-secondary);border-radius:var(--radius-2xl);padding:clamp(22px,2.6vw,30px) clamp(18px,2.2vw,26px);transition:border-color var(--transition-normal),transform var(--transition-normal)}.about-founder:hover{border-color:var(--color-accent);transform:translateY(-3px)}.about-founder-name{font-size:clamp(22px,2.6vw,28px);font-weight:var(--font-weight-bold);margin:0}.about-founder-role{font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin:4px 0 0}.about-founder-bio{font-size:clamp(var(--pub-font-size-body),1.9vw,21px);line-height:1.55;color:var(--color-text-muted);max-width:24em;margin:12px auto 0}.about-page .pub-h2{font-size:clamp(26px,3.2vw,38px)}.about-page .pub-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.1;text-wrap:pretty}.about-page .pub-sec{padding:clamp(46px,5.6vw,74px) 0}@media(max-width:900px){.about-page .pub-sec{padding:clamp(38px,9vw,52px) 0}}.about-hero{text-align:center}.about-hero h1{font-size:clamp(30px,4.4vw,52px);max-width:20em;margin-left:auto;margin-right:auto}@media(max-width:900px){.about-founders{grid-template-columns:1fr;gap:26px}}.about-say{margin-top:20px}.about-beta{padding-top:0}.pub-narrow .about-h2-oneline{white-space:nowrap;width:max-content;max-width:100vw;position:relative;left:50%;transform:translate(-50%)}@media(max-width:760px){.pub-narrow .about-h2-oneline{white-space:normal;width:auto;left:auto;transform:none}}.pub-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pub-field{display:flex;flex-direction:column}.pub-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.pub-form label{font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);display:block;margin-bottom:var(--spacing-sm)}.pub-form input:not([type=checkbox]),.pub-form textarea,.pub-form select{font-family:inherit;font-size:17px;color:var(--color-text);background:var(--color-background);border:2px solid color-mix(in srgb,var(--color-text) 16%,transparent);border-radius:var(--radius-2xl);padding:0 18px;height:56px;width:100%;transition:border-color var(--transition-normal)}.pub-form textarea{padding:15px 18px;height:auto;min-height:150px;resize:vertical;line-height:1.5}.pub-form input:focus-visible,.pub-form textarea:focus-visible,.pub-form select:focus-visible{outline:none;border-color:var(--color-text)}.pub-form input[disabled],.pub-form textarea[disabled]{opacity:var(--opacity-75);cursor:not-allowed}.pub-form input::placeholder,.pub-form textarea::placeholder{color:var(--color-text-light)}.pub-check{display:flex;gap:12px;align-items:flex-start;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:0;color:var(--color-text);margin:0;cursor:pointer}.pub-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:0 0 auto;margin:1px 0 0;border-radius:7px;background:var(--color-background);box-shadow:inset 0 0 0 2px var(--color-border-strong);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.pub-check input[type=checkbox]:checked{background:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.4l3.2 3.2L13 5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:13px 13px}.pub-check input[type=checkbox]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.pub-form-error{background:var(--color-error-surface);color:var(--color-error-contrast);padding:12px 16px;border-radius:var(--radius-2xl);font-size:var(--font-size-base)}.pub-form-help{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-sm) 0 0}.pub-form-help.is-error{color:var(--color-error-contrast)}@media(max-width:640px){.pub-field-row{grid-template-columns:1fr}}.internship-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.internship-fact-label{font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin:0 0 6px}.internship-fact-value{font-size:clamp(21px,2.2vw,26px);font-weight:var(--font-weight-bold);line-height:1.15;letter-spacing:-.02em;margin:0}.internship-bullets{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.internship-bullets li{font-size:clamp(var(--pub-font-size-body),2vw,22px);display:flex;gap:13px;align-items:flex-start}.internship-bullets li:before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:var(--radius-circle);background:var(--color-accent);margin-top:11px}.internship-gains{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.internship-gain{font-family:inherit;color:inherit;height:auto;text-align:left;cursor:pointer;background:var(--color-surface-secondary);border:0;border-radius:var(--radius-2xl);padding:22px 24px;display:flex;flex-direction:column;transition:transform var(--transition-normal)}.internship-gain:hover{transform:translateY(-3px)}.internship-gain:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}.internship-gain-n{font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:.16em;color:var(--color-accent);margin-bottom:var(--spacing-sm)}.internship-gain-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%}.internship-gain-head h3{font-size:clamp(20px,2.4vw,25px);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.internship-gain-sign{flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-circle);background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:var(--font-weight-bold);line-height:1;transition:transform var(--transition-normal)}.internship-gain[aria-expanded=true] .internship-gain-sign{transform:rotate(45deg)}.internship-gain-body{font-size:clamp(var(--pub-font-size-body),1.8vw,18px);line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease,margin-top .3s ease}.internship-gain[aria-expanded=true] .internship-gain-body{max-height:200px;opacity:1;margin-top:12px}.internship-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}.internship-step-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-circle);background:var(--color-accent);color:var(--color-background);font-weight:var(--font-weight-bold);font-size:23px;border:3px solid var(--color-background);margin:0 auto 18px}.internship-steps h3{font-size:clamp(20px,2.4vw,25px);font-weight:var(--font-weight-bold);margin:0 0 10px}.internship-steps p{font-size:clamp(var(--pub-font-size-body),1.9vw,21px);margin:0}.internship-reel{margin-top:26px;padding:var(--spacing-sm) 0 12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 6%,black 94%,transparent 100%)}.internship-lane{display:flex;gap:var(--spacing-lg);width:max-content;animation:internship-lane-run calc(var(--lane-count, 23) * 3.7s) linear infinite}.internship-reel:hover .internship-lane,.internship-reel:focus-within .internship-lane{animation-play-state:paused}@keyframes internship-lane-run{0%{transform:translate(0)}to{transform:translate(-50%)}}.internship-note{flex:0 0 340px;margin:0;background:var(--color-surface-secondary);border:0;border-radius:var(--radius-2xl);padding:20px 22px;text-align:left;transition:transform var(--transition-normal)}.internship-note:hover{transform:translateY(-3px)}.internship-note figcaption{display:flex;align-items:center;gap:9px;margin-bottom:6px}.internship-note figcaption:before{content:"";flex:0 0 auto;width:10px;height:10px;border-radius:var(--radius-circle);background:var(--color-accent)}.internship-note-name{font-size:clamp(20px,2.2vw,24px);font-weight:var(--font-weight-bold)}.internship-note-meta{font-size:clamp(18px,2vw,22px);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)}.internship-note p:last-child{margin:0;font-size:clamp(var(--pub-font-size-body),1.9vw,21px);line-height:1.45}@media(prefers-reduced-motion:reduce){.internship-lane{animation:none;width:auto}.internship-reel{overflow-x:auto}}.internship-video{max-width:300px;aspect-ratio:9 / 16;background:var(--color-surface-secondary)}@media(max-width:900px){.internship-facts{grid-template-columns:1fr 1fr}.internship-gains,.internship-steps{grid-template-columns:1fr}}@media(max-width:640px){.internship-note{flex:0 0 clamp(240px,calc(100vw - 76px),340px)}}.internship-page .pub-hero h1{font-size:clamp(28px,3.8vw,44px);max-width:18em}.internship-hero{max-width:820px}.internship-hero .pub-hero-lead{max-width:30em;margin-bottom:14px}.internship-hero-sub{font-size:clamp(var(--pub-font-size-body),1.8vw,18px);line-height:1.5;max-width:34em;margin:0 0 22px}.internship-h2{margin-bottom:28px}.internship-h2-wide{margin-bottom:40px}.internship-say{margin-top:26px}.internship-say-tight{margin-top:16px}.internship-cta-lead{margin-bottom:26px}.legal-modal-scrim{position:fixed;inset:0;background:color-mix(in srgb,var(--color-text) 55%,transparent);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);z-index:var(--z-modal, 50)}.legal-modal{background:var(--color-background);box-shadow:0 10px 30px color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:34px 34px 34px 10px;max-width:760px;width:100%;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;color:var(--color-text);font-family:var(--font-sans)}.legal-modal:focus{outline:none}.legal-modal-bar{background:var(--color-surface-secondary);padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.legal-modal-bar h2{font-size:26px;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.2}.legal-modal-close{font-family:inherit;background:var(--color-background);box-shadow:0 10px 30px color-mix(in srgb,var(--color-text) 8%,transparent);border:0;border-radius:var(--radius-full);padding:9px 20px;font-weight:var(--font-weight-bold);font-size:15px;color:var(--color-text);cursor:pointer;height:auto;min-height:40px;flex:0 0 auto}.legal-modal-close:hover{background:var(--color-band)}.legal-modal-close:focus-visible{outline:3px solid var(--color-text);outline-offset:2px}.legal-modal-body{overflow:auto;padding:30px 34px;-webkit-overflow-scrolling:touch}@media(max-width:640px){.legal-modal-scrim{padding:var(--spacing-md)}.legal-modal{border-radius:22px 22px 22px 8px;max-height:88vh}.legal-modal-bar{padding:16px 20px}.legal-modal-bar h2{font-size:20px}.legal-modal-body{padding:20px}}.legal-modal-trigger{display:inline;background:none;border:0;padding:0;height:auto;min-height:0;font:inherit;color:var(--color-text);font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer}.legal-modal-trigger:hover{color:var(--color-accent)}.legal-modal-trigger:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.prose-page{padding:clamp(32px,3.6vw,48px) var(--spacing-xl) clamp(48px,5vw,72px)}.prose-page-inner{max-width:820px;margin:0 auto}.prose-page-body>div>div:first-child h3{display:none}.prose-page-body>div>div:first-child p{text-align:center}.prose-page-body h4{font-size:clamp(24px,2.6vw,30px);font-weight:var(--font-weight-bold);color:var(--color-text);margin:44px 0 12px;padding-top:18px;border-top:2px solid color-mix(in srgb,var(--color-accent) 30%,transparent);line-height:1.2}.prose-page-body>div>div:first-child h4,.prose-page-body>div>div:nth-child(2)>h4:first-child{margin-top:0}.prose-page-body h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:var(--spacing-lg) 0 var(--spacing-sm)}.prose-page-body p{color:var(--color-text);line-height:1.6;margin:0 0 var(--spacing-md);font-size:clamp(var(--pub-font-size-body),1.8vw,18px)}.prose-page-body p strong,.prose-page-body li strong{color:var(--color-text);font-weight:var(--font-weight-bold)}.prose-page-body ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}.prose-page-body li{color:var(--color-text);line-height:1.6;font-size:clamp(var(--pub-font-size-body),1.8vw,18px);position:relative;padding-left:20px}.prose-page-body li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:var(--radius-circle);background:var(--color-accent)}.prose-page-body>div>div{margin-bottom:var(--spacing-xl)}.prose-page-body>div>div:last-child{margin-bottom:0}.prose-page-cross-link{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:2px solid color-mix(in srgb,var(--color-accent) 30%,transparent);font-size:var(--pub-font-size-body);color:var(--color-text-muted)}.prose-page-cross-link a{color:var(--color-text);font-weight:var(--font-weight-bold);text-decoration:underline}.prose-page-cross-link a:hover{color:var(--color-accent)}@media(max-width:860px){.prose-page{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.prose-page-body h4{font-size:var(--font-size-xl);margin-top:34px}}.verify-credential-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + env(safe-area-inset-top,0px));background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.verify-container{width:100%;max-width:650px}.verify-card{background:var(--color-background);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-xl);text-align:center}.verify-card.loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.verify-card.loading .spinner{width:48px;height:48px;border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:var(--radius-circle);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.verify-card.loading p{color:var(--color-text-muted);font-size:var(--font-size-lg)}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);background:var(--color-success);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);color:var(--color-background);font-weight:var(--font-weight-bold);box-shadow:0 0 0 12px var(--color-success-surface)}.error-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);background:var(--color-error);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);color:var(--color-background);font-weight:var(--font-weight-bold);box-shadow:0 0 0 12px var(--color-error-surface)}.warning-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);background:var(--color-warning);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);color:var(--color-background);font-weight:var(--font-weight-bold);box-shadow:0 0 0 12px var(--color-warning-surface)}.verify-card h1{margin:0 0 var(--spacing-sm);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em}.verification-subtitle{margin:0 0 var(--spacing-2xl);font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.verify-error-message,.verify-revoked-message{margin:0 0 var(--spacing-xl);font-size:var(--font-size-md);color:var(--color-text-muted);line-height:var(--line-height-normal)}.credential-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:left}.detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-semibold);text-align:right;max-width:60%;word-break:break-word}.credential-id{font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface-hover);padding:2px 6px;border-radius:var(--radius-sm)}.btn-home{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-background);text-decoration:none;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:1px solid var(--color-primary-dark)}.btn-home:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.btn-home:active{transform:scale(.98)}.verification-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}@media(max-width:640px){.verify-credential-page{padding:var(--spacing-md)}.verify-card{padding:var(--spacing-xl) var(--spacing-lg)}.verify-card h1{font-size:var(--font-size-xl)}.verification-subtitle{font-size:var(--font-size-sm)}.success-icon,.error-icon,.warning-icon{width:64px;height:64px;font-size:var(--font-size-3xl)}.credential-details{padding:var(--spacing-md)}.detail-row{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start;padding:var(--spacing-sm) 0}.detail-value{text-align:left;max-width:100%}.btn-home{width:100%;text-align:center}}@media print{.verify-credential-page{background:var(--color-background);padding:0}.verify-card{box-shadow:none;border:2px solid var(--color-border)}.btn-home,.verification-footer{display:none}.credential-details{border:1px solid var(--color-border-strong)}}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.u-no-margin{margin-bottom:0!important}.public-fullscreen-spinner{min-height:100vh;display:flex;align-items:center;justify-content:center}.oneup-v2{--bg-app: var(--color-background);--bg-app-2: var(--color-surface);--surface-1: var(--color-surface);--surface-2: color-mix(in srgb, var(--color-surface) 94%, var(--color-background));--surface-3: color-mix(in srgb, var(--color-surface) 88%, var(--color-background));--surface-hover: var(--color-surface-hover);--border-subtle: var(--color-border-light);--border-strong: var(--color-border-strong);--rule: var(--ink-hairline);--divider: var(--ink-divider);--ink-45: var(--ink-muted);--primary: var(--color-primary);--primary-2: var(--color-primary-dark);--primary-press: var(--color-primary-hover);--primary-soft: color-mix(in srgb, var(--color-primary) 14%, transparent);--primary-soft-2: color-mix(in srgb, var(--color-primary) 28%, transparent);--on-primary: var(--color-text-on-primary);--accent-panel: var(--color-surface-secondary);--selected: var(--color-selected);--on-selected: var(--color-text);--focus-ring: var(--color-focus-ring);--success: var(--color-success);--success-soft: color-mix(in srgb, var(--color-success) 16%, transparent);--warn: var(--color-warning);--streak: var(--color-warning);--pink: var(--color-primary-light);--title: var(--color-title);--text-strong: var(--color-text);--text: var(--color-text);--text-mute: var(--color-text-muted);--text-faint: color-mix(in srgb, var(--color-text) 65%, transparent);--r-sm: 8px;--r-md: var(--radius-field);--r-lg: var(--radius-card);--r-xl: var(--radius-card);--r-2xl: var(--radius-card);--r-pill: var(--radius-pill);--tick-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 12l6 6L20 6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");--gap: 16px;--shadow-1: var(--shadow-card);--font: var(--font-sans);--color-text-primary: var(--color-text);--color-success-light: var(--color-success-surface);--color-success-dark: var(--color-success);font-family:var(--font);color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased}.oneup-v2 *,.oneup-v2 *:before,.oneup-v2 *:after{box-sizing:border-box}.oneup-v2 button{font-family:inherit;cursor:pointer}.oneup-v2{font-size:var(--font-size-body);line-height:var(--line-height-body)}.oneup-v2 .screen{width:100%;min-height:100%;background:var(--bg-app);color:var(--text);overflow:hidden;position:relative;font-family:var(--font)}.oneup-v2 .screen.scroll{overflow:auto}.oneup-v2.dvh-host{height:100vh;height:100dvh;overflow:auto;-webkit-overflow-scrolling:touch}.oneup-v2 .appbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;padding-top:calc(13px + env(safe-area-inset-top,0px));border-bottom:3px solid var(--accent-panel);background:var(--surface-1);position:sticky;top:0;z-index:5}.oneup-v2 .appbar-desktop{padding:13px 28px;padding-top:calc(13px + env(safe-area-inset-top,0px))}.oneup-v2 .appbar .left{display:flex;align-items:center;gap:24px;min-width:0}.oneup-v2 .brand-btn{background:none;border:0;padding:0;height:auto;min-height:0;cursor:pointer;color:inherit;font:inherit;font-size:18px;font-weight:800;display:inline-flex;align-items:center;gap:10px}.oneup-v2 .appbar-nav{display:flex;gap:4px;flex-wrap:wrap}.oneup-v2 .appbar-navitem{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;min-height:var(--target-min);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.oneup-v2 .appbar-navitem:hover{background:var(--divider)}.oneup-v2 .appbar-navitem.active{background:var(--primary);color:var(--on-primary)}.oneup-v2 .appbar-navitem.active:hover{background:var(--primary)}.oneup-v2 .appbar-user{display:flex;align-items:center;gap:10px;padding:0;height:auto;min-height:0;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}.oneup-v2 .appbar-user-email{font-size:14px;font-weight:700;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oneup-v2 .appbar .burger{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text);display:grid;place-items:center}.oneup-v2 .brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.01em;color:var(--text-strong)}.oneup-v2 .brand-dot{width:22px;height:22px;border-radius:50%;background:var(--primary);display:grid;place-items:center;color:var(--on-primary);font-size:13px;font-weight:900}.oneup-v2 .avatar-btn{width:36px;height:36px;border-radius:50%;background:var(--primary);color:var(--accent-panel);display:grid;place-items:center;font-weight:900;border:0;font-size:13px}.oneup-v2 .card{background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:20px;overflow:visible}.oneup-v2 .card.flush{padding:0;overflow:hidden}.oneup-v2 button.card,.oneup-v2 button.btn,.oneup-v2 .btn{height:auto;min-height:0}.oneup-v2 .card.hero{background:var(--accent-panel);border-color:transparent;color:var(--text)}.oneup-v2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;min-height:var(--target-min);border-radius:var(--r-pill);font-weight:800;font-size:15px;border:2px solid transparent;transition:transform .08s ease,background .15s ease}.oneup-v2 .btn:active{transform:translateY(1px)}.oneup-v2 .btn-primary{background:var(--primary);color:var(--on-primary)}.oneup-v2 .btn-primary:hover:not(:disabled){background:var(--primary-press);color:var(--on-primary)}.oneup-v2 .btn-ghost{background:var(--surface-1);color:var(--text);border-color:var(--border-strong)}.oneup-v2 .btn-ghost:hover:not(:disabled){background:var(--divider)}.oneup-v2 .btn-soft{background:transparent;color:var(--text-strong);border-color:var(--ink-45)}.oneup-v2 .btn-soft:hover:not(:disabled){background:var(--divider);border-color:var(--border-strong)}.oneup-v2 .btn:disabled,.oneup-v2 .btn[aria-disabled=true]{background:var(--divider);color:var(--ink-45);border-color:transparent;cursor:not-allowed;transform:none}.oneup-v2 .btn-block{width:100%}.oneup-v2 .btn-lg{padding:15px 26px;min-height:var(--target-bar);font-size:17px}.oneup-v2 .btn-sm{padding:8px 14px;min-height:0;font-size:13px}.oneup-v2 .field{display:flex;flex-direction:column;gap:7px}.oneup-v2 .field label{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text);display:inline-flex;align-items:center;gap:6px}.oneup-v2 .input,.oneup-v2 .textarea,.oneup-v2 .select{width:100%;background:var(--surface-1);color:var(--text-strong);border:2px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;min-height:var(--target-min);font-size:var(--font-size-field);font-weight:600;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.oneup-v2 .input:focus,.oneup-v2 .textarea:focus,.oneup-v2 .select:focus,.oneup-v2 .input:focus-visible,.oneup-v2 .textarea:focus-visible,.oneup-v2 .select:focus-visible{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--focus-ring)}.oneup-v2 .input.is-invalid,.oneup-v2 .textarea.is-invalid,.oneup-v2 .select.is-invalid,.oneup-v2 .input[aria-invalid=true],.oneup-v2 .textarea[aria-invalid=true],.oneup-v2 .select[aria-invalid=true]{border-color:var(--color-error)}.oneup-v2 .input::placeholder,.oneup-v2 .textarea::placeholder{color:var(--text-faint)}.oneup-v2 .input:-webkit-autofill,.oneup-v2 .input:-webkit-autofill:hover,.oneup-v2 .input:-webkit-autofill:focus,.oneup-v2 .textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-strong);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-strong);border-color:var(--border-subtle);transition:background-color 9999s ease-out 0s}.oneup-v2 .input[disabled],.oneup-v2 .textarea[disabled],.oneup-v2 .select[disabled]{background:var(--divider);border-color:var(--ink-45);color:var(--ink-45);cursor:not-allowed}.oneup-v2 .textarea{min-height:96px;resize:vertical;font-family:inherit}.oneup-v2 .help{font-size:13px;font-weight:700;color:var(--text);min-height:20px;line-height:20px}.oneup-v2 .help.ok{color:var(--success)}.oneup-v2 .help.is-error{color:var(--color-error)}.oneup-v2 .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);font-size:13px;font-weight:800;background:var(--divider);color:var(--text-strong);border:1px solid var(--rule)}.oneup-v2 .chip.solid{background:var(--primary);color:var(--accent-panel);border-color:transparent}.oneup-v2 .chip.success{background:var(--divider);color:var(--text-strong);border-color:var(--rule)}.oneup-v2 .chip.warn{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--text-strong);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.oneup-v2 .chip.neutral{background:var(--surface-1);color:var(--text);border-color:var(--rule)}.oneup-v2 .eyebrow{font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);color:var(--text);text-transform:uppercase;line-height:1.2}.oneup-v2 .display{font-size:var(--font-size-display);font-weight:var(--font-weight-display);letter-spacing:-.02em;line-height:1.05;color:var(--title);margin:0}.oneup-v2 .h1{font-size:var(--font-size-section);font-weight:var(--font-weight-display);letter-spacing:-.015em;line-height:1.15;color:var(--title);margin:0}.oneup-v2 .h2{font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);line-height:1.3;color:var(--title);margin:0}.oneup-v2 .h3{font-size:var(--font-size-body);font-weight:var(--font-weight-card-title);line-height:1.35;color:var(--title);margin:0}.oneup-v2 .meta{font-size:var(--font-size-meta);font-weight:var(--font-weight-meta);line-height:1.5}.oneup-v2 .muted{color:var(--text-mute)}.oneup-v2 .faint{color:var(--text-faint)}.oneup-v2 .is-selected,.oneup-v2 .selected,.oneup-v2 [aria-pressed=true],.oneup-v2 [role=radio][aria-checked=true],.oneup-v2 [role=option][aria-selected=true]{background:var(--selected);border-color:var(--border-strong);color:var(--on-selected)}.oneup-v2 button:focus-visible,.oneup-v2 a:focus-visible,.oneup-v2 [tabindex]:focus-visible,.oneup-v2 [role=radio]:focus-visible,.oneup-v2 [role=option]:focus-visible{outline:4px solid var(--focus-ring);outline-offset:2px}.oneup-v2 .empty{font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:1.55;color:var(--text);padding:18px 0;margin:0}.oneup-v2 .steps{display:flex;align-items:center;gap:8px}.oneup-v2 .steps .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;border:2px solid var(--rule);color:var(--ink-45);background:var(--surface-1)}.oneup-v2 .steps .dot.done{background:var(--primary);border-color:var(--primary);color:var(--accent-panel)}.oneup-v2 .steps .dot.active{background:var(--accent-panel);border-color:var(--primary);color:var(--text)}.oneup-v2 .steps .bar{flex:1;height:3px;background:var(--divider);border-radius:var(--r-pill)}.oneup-v2 .steps .bar.filled{background:var(--primary)}.oneup-v2 .tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:stretch;background:var(--surface-1);border-top:1px solid var(--rule);padding:0 0 env(safe-area-inset-bottom);z-index:9}.oneup-v2 .tabbar .item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--target-bar);padding:9px 4px 11px;font-size:11px;font-weight:700;color:var(--text);background:none;border:0;border-top:3px solid transparent;margin-top:-1px}.oneup-v2 .tabbar .item.active{color:var(--text);font-weight:800;border-top-color:var(--accent-panel)}.oneup-v2 .tabbar .item svg{width:22px;height:22px}.oneup-v2 .nav-drawer-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--text) 60%,transparent);z-index:20;animation:oneup-drawer-fade .15s ease}.oneup-v2 .nav-drawer{position:fixed;top:0;left:0;bottom:0;width:min(82vw,320px);display:flex;flex-direction:column;background:var(--bg-app-2);border-right:1px solid var(--border-subtle);z-index:21;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px));animation:oneup-drawer-in .2s ease}.oneup-v2 .nav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px;margin-bottom:6px;border-bottom:1px solid var(--border-subtle)}.oneup-v2 .nav-drawer-head .burger{width:36px;height:36px;min-width:0;padding:0;border-radius:var(--r-lg);border:1px solid var(--border-subtle);background:transparent;color:var(--text-mute);display:grid;place-items:center;cursor:pointer}.oneup-v2 .nav-drawer-head .burger:hover{background:var(--surface-2);color:var(--text)}.oneup-v2 .nav-drawer nav{display:flex;flex-direction:column;gap:4px}.oneup-v2 .nav-drawer-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px;min-height:var(--target-list);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;font-size:var(--font-size-field);font-weight:700;text-align:left;cursor:pointer}.oneup-v2 .nav-drawer-item.active{background:var(--divider);color:var(--text);font-weight:800}@keyframes oneup-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes oneup-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.oneup-v2 .nav-drawer,.oneup-v2 .nav-drawer-backdrop{animation:none}}.oneup-v2 .progress{height:8px;border-radius:var(--r-pill);background:var(--divider);overflow:hidden}.oneup-v2 .progress>i{display:block;height:100%;background:var(--accent-panel);border-radius:var(--r-pill)}.oneup-v2 .stat{background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}.oneup-v2 .stat.accent{background:var(--accent-panel);border-color:transparent}.oneup-v2 .stat .lbl{font-size:14px;font-weight:700;color:var(--text)}.oneup-v2 .stat .val{font-size:34px;font-weight:var(--font-weight-display);letter-spacing:-.03em;color:var(--title);line-height:1}.oneup-v2 .stat .sub{font-size:13px;color:var(--text)}.oneup-v2 .skip-management>.skip-header{display:none}@media(max-width:719px){.oneup-v2-desktop-only{display:none!important}}@media(min-width:720px){.oneup-v2-mobile-only,.oneup-v2 .tabbar{display:none!important}}.oneup-v2 .row{display:flex;gap:var(--gap)}.oneup-v2 .col{display:flex;flex-direction:column;gap:var(--gap)}.oneup-v2 .between{justify-content:space-between}.oneup-v2 .center{align-items:center}.oneup-v2 .grow{flex:1}.oneup-v2 .hide-scroll::-webkit-scrollbar{display:none}.oneup-v2 .profile-answers{display:flex;flex-direction:column}.oneup-v2 .profile-answer{padding:0 10px}.oneup-v2 .profile-answer+.profile-answer{border-top:1px solid var(--divider)}.oneup-v2 .profile-answer-q{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--target-list);padding:10px 0;cursor:pointer;list-style:none;font-size:var(--font-size-field);font-weight:700;color:var(--text-strong)}.oneup-v2 .profile-answer-q::-webkit-details-marker{display:none}.oneup-v2 .profile-answer-qtext{min-width:0}.oneup-v2 .profile-answer-n{margin-right:8px;font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-eyebrow);letter-spacing:var(--letter-spacing-eyebrow)}.oneup-v2 .profile-answer-q svg{flex:0 0 30px;box-sizing:border-box;width:30px;height:30px;padding:6px;border:2px solid var(--border-strong);border-radius:50%;transition:transform .15s ease}.oneup-v2 .profile-answer[open] .profile-answer-q svg{transform:rotate(180deg)}.oneup-v2 .profile-answer-a{padding:12px 0 14px;border-top:1px solid var(--divider);font-size:var(--font-size-meta);line-height:1.6;color:var(--text)}.oneup-v2 .profile-answer-a ul{margin:0;padding-left:18px}.oneup-v2 .profile-answers-more{align-self:stretch;text-align:center;background:none;border:0;font-size:var(--font-size-meta);font-weight:800;color:var(--text);cursor:pointer;padding:14px 0 4px;margin-top:4px}.oneup-v2 .checkin-banner{display:grid;grid-template-columns:1fr;align-items:center;gap:14px;padding:18px;border-radius:var(--r-lg);background:var(--primary);border:0;cursor:pointer}.oneup-v2 .checkin-banner-body{grid-row:1;min-width:0}.oneup-v2 .checkin-banner-kicker{font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--accent-panel)}.oneup-v2 .checkin-banner-sub{font-size:var(--font-size-body);font-weight:700;line-height:1.4;color:var(--on-primary);margin-top:4px}.oneup-v2 .checkin-banner-cta{grid-column:1 / -1;min-height:var(--target-bar);display:flex;align-items:center;justify-content:center;padding:0 20px;border-radius:var(--r-pill);background:var(--accent-panel);color:var(--primary);font-size:15px;font-weight:800;white-space:nowrap}@media(min-width:720px){.oneup-v2 .checkin-banner{grid-template-columns:1fr auto}.oneup-v2 .checkin-banner-cta{grid-column:auto;grid-row:1;min-height:var(--target-min);font-size:15px}}.oneup-v2 .dash-container{max-width:1240px;margin:0 auto;padding:20px 18px 56px;display:flex;flex-direction:column;gap:16px}@media(min-width:720px){.oneup-v2 .dash-container{padding:28px 32px 56px;gap:20px}}.oneup-v2 .gym-masthead{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.oneup-v2 .gym-switch{display:flex;gap:4px;padding:4px;background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--r-pill)}@media(min-width:720px){.oneup-v2 .gym-masthead{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.oneup-v2 .gym-switch{flex:0 0 auto}.oneup-v2 .gym-switch button{flex:0 0 auto!important}}.oneup-v2 .settings-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--r-pill)}.oneup-v2 .settings-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--target-min);padding:10px 12px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.oneup-v2 .settings-tab.active{background:var(--primary);color:var(--on-primary);font-weight:800}.oneup-v2 .settings-tab-full{display:none}@media(min-width:720px){.oneup-v2 .settings-tabs{display:inline-flex}.oneup-v2 .settings-tab{flex:0 0 auto;padding:10px 20px;font-size:14px}.oneup-v2 .settings-tab-full{display:inline}.oneup-v2 .settings-tab-short{display:none}}.oneup-v2 input:not(.input):not([type=checkbox]):not([type=radio]):not([type=file]),.oneup-v2 textarea:not(.textarea),.oneup-v2 select:not(.select){width:100%;background:var(--surface-1);color:var(--text-strong);border:2px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;min-height:var(--target-min);font-weight:600;font-size:16px;font-family:inherit;outline:none;transition:border-color .15s ease,background .15s ease;-webkit-appearance:none;appearance:none;box-sizing:border-box}.oneup-v2 input:not(.input):focus,.oneup-v2 textarea:not(.textarea):focus,.oneup-v2 select:not(.select):focus{border-color:var(--border-strong);box-shadow:var(--shadow-focus-ring)}.oneup-v2 input::placeholder,.oneup-v2 textarea::placeholder{color:var(--text-faint)}.oneup-v2 input[disabled],.oneup-v2 input.readonly-input,.oneup-v2 .readonly-input input,.oneup-v2 textarea[disabled],.oneup-v2 select[disabled]{background:var(--divider);border-color:transparent;color:var(--ink-45);cursor:not-allowed}.oneup-v2 textarea{min-height:96px;resize:vertical}.oneup-v2 select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA4C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px}.oneup-v2 input[type=checkbox],.oneup-v2 input[type=radio]{accent-color:var(--primary);width:18px;height:18px}.oneup-v2 .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.oneup-v2 .form-group label,.oneup-v2 .label-with-icon{font-size:13px;font-weight:600;color:var(--text-mute);display:inline-flex;align-items:center;gap:6px}.oneup-v2 .label-with-icon .field-icon{width:16px;height:16px;color:var(--text-mute)}.oneup-v2 .help-text,.oneup-v2 .character-counter{font-size:12px;color:var(--text-faint)}.oneup-v2 .form-error,.oneup-v2 .error-message,.oneup-v2 .form-group .error{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error-contrast);border:1px solid color-mix(in srgb,var(--color-error) 35%,transparent);border-radius:var(--r-md);padding:10px 14px;font-size:13px}.oneup-v2 .form-success{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);border-radius:var(--r-md);padding:10px 14px;font-size:13px}.oneup-v2 .btn-secondary,.oneup-v2 .secondary-button,.oneup-v2 .cancel-button,.oneup-v2 .change-goal-button{background:transparent;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:12px 18px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.oneup-v2 .btn-secondary:hover,.oneup-v2 .secondary-button:hover,.oneup-v2 .cancel-button:hover,.oneup-v2 .change-goal-button:hover{background:var(--surface-2)}.oneup-v2 .btn-primary,.oneup-v2 .primary-button,.oneup-v2 .save-button{background:var(--primary);color:var(--on-primary);border:0;border-radius:var(--r-pill);padding:12px 18px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.oneup-v2 .btn-primary:hover,.oneup-v2 .primary-button:hover,.oneup-v2 .save-button:hover{background:var(--primary-press);color:var(--on-primary)}.oneup-v2 .btn-sm{padding:8px 12px;font-size:13px}.oneup-v2 .form-actions,.oneup-v2 .edit-actions{display:flex;gap:12px;margin-top:12px}.oneup-v2 .profile-container,.oneup-v2 .profile-section,.oneup-v2 .edit-form{background:transparent;padding:0;border:0;box-shadow:none}.oneup-v2 .profile-layout{display:flex;flex-direction:column;gap:16px;align-items:stretch}.oneup-v2 .profile-identity-communication,.oneup-v2 .mobile-group{display:flex;flex-direction:column;gap:14px}.oneup-v2 .profile-field{padding:12px 0;border-bottom:1px solid var(--border-subtle)}.oneup-v2 .profile-field:last-child{border-bottom:0}.oneup-v2 .display-name{color:var(--text-strong);font-weight:800;font-size:20px}.oneup-v2 .handle{color:var(--text-mute);font-size:13px;margin-top:2px}.oneup-v2 .bio-display{color:var(--text);font-size:14px;line-height:1.5}.oneup-v2 .edit-profile-button{background:var(--primary-soft);color:var(--primary);border:0;border-radius:var(--r-md);padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer}.oneup-v2 .avatar-section,.oneup-v2 .avatar-edit-section{display:flex;align-items:center;gap:14px}.oneup-v2 .handle-input-wrapper{position:relative}.oneup-v2 .handle-status,.oneup-v2 .handle-check-icon{font-size:12px;color:var(--text-mute)}.oneup-v2 .handle-status.available,.oneup-v2 .handle-check-icon.available{color:var(--success)}.oneup-v2 .handle-status.error,.oneup-v2 .handle-check-icon.error{color:var(--color-error)}.oneup-v2 .handle-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.oneup-v2 .suggestion-button{background:var(--surface-2);color:var(--primary);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.oneup-v2 .suggestion-button:hover{background:var(--surface-3)}.oneup-v2 .lock-icon{color:var(--text-faint)}.oneup-v2 .onboarding-questionnaire-container,.oneup-v2 .question-flow,.oneup-v2 .question-container{background:transparent;padding:0;color:var(--text)}.oneup-v2 .onboarding-questionnaire-card{background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:18px}.oneup-v2 .question-text{color:var(--text-strong);font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.25;margin:0;text-wrap:pretty}@media(max-width:719px){.oneup-v2 .question-text{font-size:24px}}.oneup-v2 .question-navigation{display:flex;gap:12px;margin-top:4px}.oneup-v2 .question-nav-back,.oneup-v2 .question-nav-next{flex:1}.oneup-v2 .choice-options-container,.oneup-v2 .multichoice-options-container{display:grid;grid-template-columns:1fr;gap:10px}.oneup-v2 .choice-options-container button,.oneup-v2 .multichoice-options-container button,.oneup-v2 .choice-options-container .choice-option,.oneup-v2 .multichoice-options-container .choice-option{background:var(--surface-1);color:var(--text-strong);border:2px solid var(--rule);border-radius:var(--r-md);padding:16px 18px;min-height:56px;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;transition:background .15s ease,border-color .15s ease}.oneup-v2 .choice-options-container button:before,.oneup-v2 .multichoice-options-container button:before,.oneup-v2 .choice-options-container .choice-option:before,.oneup-v2 .multichoice-options-container .choice-option:before{content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink-45);box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:13px 13px}.oneup-v2 .choice-options-container .selected:before,.oneup-v2 .multichoice-options-container .selected:before,.oneup-v2 .choice-options-container button.selected:before,.oneup-v2 .multichoice-options-container button.selected:before,.oneup-v2 .choice-options-container button[aria-pressed=true]:before,.oneup-v2 .multichoice-options-container button[aria-pressed=true]:before{border-color:var(--primary);background-color:var(--primary)}.oneup-v2 .choice-options-container button,.oneup-v2 .multichoice-options-container button,.oneup-v2 .choice-options-container .choice-option,.oneup-v2 .multichoice-options-container .choice-option{position:relative}.oneup-v2 .choice-options-container .selected:after,.oneup-v2 .multichoice-options-container .selected:after,.oneup-v2 .choice-options-container button.selected:after,.oneup-v2 .multichoice-options-container button.selected:after,.oneup-v2 .choice-options-container button[aria-pressed=true]:after,.oneup-v2 .multichoice-options-container button[aria-pressed=true]:after{content:"";position:absolute;left:23px;top:50%;width:12px;height:12px;transform:translateY(-50%);background:var(--surface-1);-webkit-mask:var(--tick-mask) center / 12px 12px no-repeat;mask:var(--tick-mask) center / 12px 12px no-repeat}.oneup-v2 .choice-options-container .selected,.oneup-v2 .multichoice-options-container .selected,.oneup-v2 .choice-options-container button.selected,.oneup-v2 .multichoice-options-container button.selected,.oneup-v2 .choice-options-container button[aria-pressed=true],.oneup-v2 .multichoice-options-container button[aria-pressed=true]{background:var(--selected);border-color:var(--border-strong);color:var(--on-selected);font-weight:700}.oneup-v2 .multichoice-indicator{width:24px;height:24px;border-radius:7px;border:2px solid var(--border-strong);display:grid;place-items:center;flex:0 0 22px}.oneup-v2 .multichoice-options-container button[aria-pressed=true] .multichoice-indicator,.oneup-v2 .multichoice-options-container .selected .multichoice-indicator{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.oneup-v2 .multichoice-selection-counter{color:var(--text);font-weight:700;font-size:var(--font-size-meta)}.oneup-v2 .other-input-container{margin-top:6px}.oneup-v2 .other-text-input{background:var(--surface-1);border:2px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;color:var(--text-strong);font-size:var(--font-size-field);width:100%}.oneup-v2 .scale-input-container{display:flex;flex-direction:column;gap:12px}.oneup-v2 .scale-buttons{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.oneup-v2 .scale-buttons button{background:var(--surface-2);color:var(--text-strong);border:1.5px solid var(--border-subtle);border-radius:var(--r-md);padding:10px 0;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.oneup-v2 .scale-buttons button.selected,.oneup-v2 .scale-buttons button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.oneup-v2 .scale-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-faint)}.oneup-v2 .scale-label-left,.oneup-v2 .scale-label-center,.oneup-v2 .scale-label-right,.oneup-v2 .scale-label-text{color:var(--text-faint);font-size:12px}.oneup-v2 .scale-confirmation{color:var(--success);font-size:13px;font-weight:600}.oneup-v2 .custom-time-picker,.oneup-v2 .location-input-container{display:flex;flex-direction:column;gap:6px}.oneup-v2 .custom-time-picker>div,.oneup-v2 .location-input-container>div{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.oneup-v2 .skip-management{display:flex;flex-direction:column;gap:14px}.oneup-v2 .skip-form,.oneup-v2 .skip-setup,.oneup-v2 .skip-empty{background:none;border:0;padding:0;display:flex;flex-direction:column;gap:12px}.oneup-v2 .skip-current-status{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:12px}.oneup-v2 .skip-status-header{display:flex;align-items:center;gap:12px}.oneup-v2 .skip-status-icon{width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:0 0 36px}.oneup-v2 .skip-status-icon svg{width:18px;height:18px}.oneup-v2 .skip-status-content{flex:1;min-width:0}.oneup-v2 .skip-status-title{margin:0;font-size:15px;font-weight:800;color:var(--text-strong)}.oneup-v2 .skip-status-subtitle{margin:2px 0 0;color:var(--text-mute);font-size:13px}.oneup-v2 .skip-status-reason{color:var(--text-faint)}.oneup-v2 .status-indicator{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-soft-2);border-radius:var(--r-pill);padding:3px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.oneup-v2 .status-indicator.active{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.oneup-v2 .skip-history,.oneup-v2 .skip-history-actual{margin-top:4px}.oneup-v2 .skip-history-content,.oneup-v2 .skip-history-list{display:flex;flex-direction:column;gap:8px}.oneup-v2 .skip-history-dates{color:var(--text-strong);font-size:13px;font-weight:700}.oneup-v2 .skip-history-reason{color:var(--text-faint);font-size:12px}.oneup-v2 .duration-toggle{display:flex;flex-wrap:wrap;gap:8px}.oneup-v2 .duration-toggle button{background:var(--surface-3);color:var(--text);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:6px 12px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer}.oneup-v2 .duration-toggle button.selected,.oneup-v2 .duration-toggle button[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.oneup-v2 .loading-spinner,.oneup-v2 .spinner:not(.spinner--image){border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:oneup-v2-spin 1s linear infinite;display:inline-block}@keyframes oneup-v2-spin{to{transform:rotate(360deg)}}.oneup-v2 .edit-profile-section,.oneup-v2 .avatar-edit-section{display:flex;flex-direction:column;gap:14px}.oneup-v2 .goal-header,.oneup-v2 .goal-body,.oneup-v2 .goal-section{color:var(--text-strong)}.oneup-v2 .goal-dropdown-container{margin-top:6px}@media(max-width:480px){.oneup-v2 .form-actions,.oneup-v2 .edit-actions{flex-direction:column-reverse}.oneup-v2 .form-actions>*,.oneup-v2 .edit-actions>*{width:100%}}.oneup-v2 .progress-indicator{display:flex;flex-direction:column;gap:8px}.oneup-v2 .progress-bar-container{display:flex;align-items:center}.oneup-v2 .progress-bar{flex:1;height:8px;border-radius:var(--r-pill);background:var(--divider);overflow:hidden}.oneup-v2 .progress-fill{height:100%;border-radius:var(--r-pill);background:var(--accent-panel);transition:width .25s ease}.oneup-v2 .progress-dots{display:flex;align-items:center;gap:6px}.oneup-v2 .progress-dot{width:8px;height:8px;border-radius:50%;background:var(--divider)}.oneup-v2 .progress-dot.filled{background:var(--primary)}.oneup-v2 .progress-ellipsis{font-size:var(--font-size-meta);font-weight:700;color:var(--text)}.oneup-v2 .progress-text{font-size:13px;font-weight:800;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--text)}.public-auth{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans)}.public-auth-header{background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-dropdown);padding-top:env(safe-area-inset-top,0px)}.public-auth-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;min-height:66px;max-width:1080px;margin:0 auto;padding:0 28px}.public-auth-navlink{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.public-auth-navlink:hover{color:var(--color-accent)}.public-auth-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(32px,5vw,56px) var(--spacing-xl) clamp(40px,6vw,64px)}.public-auth-col{width:100%;max-width:520px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.public-auth-head{text-align:center}.public-auth-head h1{font-size:clamp(28px,4.4vw,46px);line-height:1.14;font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 12px}.public-auth-head .pub-rule{margin-left:auto;margin-right:auto}.public-auth-sub{font-size:var(--font-size-lg);margin:0;color:var(--color-text)}.public-auth-footer{background:var(--color-surface-secondary);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);margin-top:auto;padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px))}.public-auth-footer a{color:var(--color-text);font-weight:var(--font-weight-medium);text-decoration:none}.public-auth-footer a:hover{color:var(--color-accent)}.public-auth .card{background:var(--color-surface-secondary);border:0;border-radius:24px;box-shadow:0 10px 30px color-mix(in srgb,var(--color-text) 8%,transparent);padding:34px 32px;display:flex;flex-direction:column;gap:18px}.public-auth{--color-error: var(--color-accent);--color-text: #3d3d3a;--color-title: #3d3d3a;--color-primary: #3d3d3a;--color-primary-hover: #2d2d2b;--color-text-on-primary: #ffffff;--color-text-muted: #6b6b66;--color-text-light: rgba(61, 61, 58, .45);--color-border: rgba(61, 61, 58, .14);--color-border-light: rgba(61, 61, 58, .07);--color-border-strong: #3d3d3a;--color-outline: rgba(61, 61, 58, .85);--consent-inset: 18px}.public-auth .field{display:flex;flex-direction:column;gap:0}.public-auth .field .help,.public-auth .public-auth-helpslot{min-height:20px}.public-auth .field.grow{flex:1 1 0;min-width:0}.public-auth .field label,.public-auth label[for]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);display:block;margin-bottom:var(--spacing-sm)}.public-auth .input,.public-auth .textarea,.public-auth .select{width:100%;font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-background);border:2px solid var(--color-text);border-radius:var(--radius-field);padding:0 16px;height:56px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.public-auth .textarea{height:auto;padding:14px 16px}.public-auth .input:focus,.public-auth .input:focus-visible,.public-auth .textarea:focus,.public-auth .select:focus{outline:none;border-color:var(--color-text);box-shadow:0 0 0 4px var(--color-text);background:var(--color-background)}.public-auth .input::placeholder{color:var(--color-text-light)}.public-auth .input[disabled],.public-auth .textarea[disabled],.public-auth .select[disabled]{background:color-mix(in srgb,var(--color-text) 7%,transparent);border-color:color-mix(in srgb,var(--color-text) 45%,transparent);color:color-mix(in srgb,var(--color-text) 45%,transparent);cursor:not-allowed;opacity:1}.public-auth input[type=password]{font-family:Verdana,Geneva,system-ui,sans-serif;font-size:22px;letter-spacing:.16em}.public-auth .help{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text);margin-top:4px;line-height:1.45}.public-auth .faint,.public-auth .muted{color:var(--color-text-muted)}.public-auth input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:0 0 auto;border-radius:7px;background:var(--color-background);box-shadow:inset 0 0 0 2px var(--color-text);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.public-auth input[type=checkbox]{width:24px;height:24px}.public-auth input[type=checkbox]:checked{background-color:var(--color-text);box-shadow:inset 0 0 0 2px var(--color-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.4l3.2 3.2L13 5' fill='none' stroke='%23efff6a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.public-auth input[type=checkbox]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.public-auth label:has(>input[type=checkbox]){text-transform:none;letter-spacing:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:0}.public-auth-inlinelink,.public-auth-backlink{background:none;border:0;padding:0;height:auto;min-height:0;font-family:inherit;color:var(--color-text);font-weight:var(--font-weight-bold);cursor:pointer;text-decoration:none}.public-auth-inlinelink{font-size:var(--font-size-sm)}.public-auth-backlink{font-size:17px}.public-auth-inlinelink:hover,.public-auth-backlink:hover{color:var(--color-accent)}.public-auth div.input{display:flex;align-items:center;gap:var(--spacing-sm);height:56px;padding:0;border-radius:var(--radius-field);overflow:hidden}.public-auth div.input:focus-within{box-shadow:0 0 0 4px var(--color-text)}.public-auth label:has(>input[type=checkbox]){font-size:var(--font-size-base)}.public-auth .btn,.public-auth button.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);border:none;border-radius:var(--radius-full);min-height:56px;padding:0 34px;cursor:pointer;transition:background var(--transition-normal)}.public-auth .btn-primary{background:var(--color-text);color:var(--color-background)}.public-auth .btn-primary:hover:not([disabled]){background:color-mix(in srgb,var(--color-text) 85%,#000000)}.public-auth .btn-secondary,.public-auth .btn-ghost{background:transparent;color:var(--color-text);border:2px solid var(--color-text)}.public-auth .btn[disabled],.public-auth button.btn[disabled],.public-auth .btn[aria-disabled=true]{background:color-mix(in srgb,var(--color-text) 7%,transparent);color:color-mix(in srgb,var(--color-text) 45%,transparent);border-color:transparent;cursor:not-allowed}.public-auth .btn-block{width:100%}.public-auth .btn:focus-visible{outline:4px solid var(--color-text);outline-offset:3px}.public-auth .progress{height:8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 7%,transparent);overflow:hidden}.public-auth .progress>*{height:100%;border-radius:var(--radius-full);background:var(--color-accent)}@media(max-width:640px){.public-auth-header-inner,.public-auth-main,.public-auth-footer{padding-left:20px;padding-right:20px}.public-auth .card{padding:24px 18px}}.public-auth-alert{width:100%;border-radius:12px;padding:10px 14px;font-size:var(--font-size-sm);line-height:1.45}.public-auth-alert-error{background:var(--color-error-surface);color:var(--color-error-contrast);border:1px solid var(--color-error-surface)}.public-auth-alert-info{background:var(--color-primary-light);color:var(--color-text);border:1px solid var(--color-primary)}.public-auth-alert-success{background:var(--color-success-surface);color:var(--color-success-contrast);border:1px solid var(--color-success-surface)}.public-auth .help.is-error{color:var(--color-error-contrast)}.public-auth .btn.is-busy{opacity:.7}.public-auth .input.is-invalid,.public-auth .textarea.is-invalid,.public-auth .input[aria-invalid=true]{border-color:var(--color-error)}.public-auth-labelrow{display:flex;justify-content:space-between;align-items:center}.public-auth-labelrow label{margin-bottom:0}.public-auth-foot{text-align:center;font-size:var(--font-size-base);color:var(--color-text-muted)}.public-auth-foot a{color:var(--color-text);font-weight:var(--font-weight-bold)}.public-auth-row{display:flex;gap:var(--spacing-md)}.public-auth-stack{display:flex;flex-direction:column;gap:18px;align-items:center}.public-auth-strong{color:var(--color-text);font-weight:var(--font-weight-bold)}.public-auth-phone-cc{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-right:2px solid var(--color-text);color:var(--color-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-field);white-space:nowrap;align-self:stretch}.public-auth-phone-flag{font-size:var(--font-size-md);line-height:1}.public-auth-phone-input{flex:1;border:0!important;outline:none;background:transparent;color:inherit;font:inherit;padding:0 12px 0 4px;min-width:0}.public-auth-strength{background:var(--color-band);border:1px solid var(--color-border);border-radius:12px;padding:12px 14px}.public-auth-strength-head{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:6px}.public-auth-strength-hint{font-size:12px;margin-top:var(--spacing-sm);color:var(--color-text-muted)}.public-auth-strength[data-strength="0"] .progress>*,.public-auth-strength[data-strength="1"] .progress>*{width:25%;background:var(--color-error)}.public-auth-strength[data-strength="2"] .progress>*{width:50%;background:var(--color-warning)}.public-auth-strength[data-strength="3"] .progress>*{width:75%;background:var(--color-primary-dark)}.public-auth-strength[data-strength="4"] .progress>*{width:100%;background:var(--color-success)}.public-auth-strength[data-strength="0"] .public-auth-strength-label,.public-auth-strength[data-strength="1"] .public-auth-strength-label{color:var(--color-error)}.public-auth-strength[data-strength="2"] .public-auth-strength-label{color:var(--color-warning)}.public-auth-strength[data-strength="3"] .public-auth-strength-label{color:var(--color-primary-dark)}.public-auth-strength[data-strength="4"] .public-auth-strength-label{color:var(--color-success)}.public-auth-code{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.public-auth-code-box{width:46px;height:58px;border-radius:var(--radius-field);background:var(--color-background);border:2px solid var(--color-text-light);color:var(--color-text);font-size:var(--font-size-code-entry);font-weight:var(--font-weight-extrabold);text-align:center;font-family:inherit;padding:0}.public-auth-code-box:focus-visible{outline:none;border-color:var(--color-text);box-shadow:0 0 0 4px var(--color-text)}.public-auth-code-box[data-filled=true]{background:var(--color-background);border-color:var(--color-text)}.public-auth-spinner-wrap{display:flex;align-items:center;justify-content:center;padding:28px}.public-auth-resend{font-size:var(--font-size-sm);margin:0}.public-auth-consent-group{background:var(--color-background);border-radius:var(--radius-field);padding:16px var(--consent-inset);display:flex;flex-direction:column;gap:14px}.public-auth-consent-group-label{font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-extrabold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text)}.public-auth-consent{display:flex;gap:10px;align-items:center;color:var(--color-text)}.public-auth-consent-top{align-items:flex-start}
