:root:has(.sample-shell){--sample-band-height:56px}@media (min-width:1024px){:root:has(.sample-shell){--sample-band-height:44px}}.app-theme.sample-band{z-index:105;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:56px;padding:6px var(--space-3) 6px var(--space-4);background:var(--ink);color:var(--surface);display:flex;position:sticky;top:0}.sample-band-words{min-width:0;font-family:var(--font-ui);margin:0;font-size:13px;font-weight:500;line-height:18px}.sample-band-wide{display:none}.app-theme .p-btn.sample-band-btn{height:var(--target-min);border-color:var(--surface);border-radius:calc(var(--radius-md) - 2px);box-shadow:none;flex-shrink:0;padding:0 14px}.app-theme .p-btn.sample-band-btn:hover{border-color:var(--surface)}.app-theme .p-btn.sample-band-btn:focus-visible{outline:2px solid var(--surface);outline-offset:2px;box-shadow:none;border-radius:calc(var(--radius-md) - 2px)}@media (min-width:1024px){.app-theme.sample-band{justify-content:center;gap:var(--space-4);min-height:44px;padding:6px var(--space-4)}.sample-band-wide{display:inline}.sample-band-narrow{display:none}.app-theme .p-btn.sample-band-btn{height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:13px}.app-theme .p-btn.sample-band-btn:focus-visible{border-radius:var(--radius-sm)}}.sample-menu-footer{align-items:flex-start;gap:var(--space-1);padding:var(--space-3) 0 0 6px;border-top:1px solid var(--border);flex-direction:column;display:flex}.sample-menu-note{font-family:var(--font-ui);color:var(--text-tertiary);margin:0;font-size:12px;line-height:16px}.app-theme .p-link.sample-menu-home{align-items:center;font-size:13px;line-height:18px;display:inline-flex}@media (max-width:1023px){.app-theme.sample-shell .dashboard-sidebar .p-nav-item,.app-theme.sample-shell .dashboard-sidebar .sidebar-add-btn{height:var(--target-min)}.app-theme .p-link.sample-menu-home{min-height:var(--target-min)}}.app-theme .sample-card{box-sizing:border-box;align-items:flex-start;gap:var(--space-4);width:100%;max-width:520px;padding:var(--space-10);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;margin:96px auto 0;display:flex}.app-theme .sample-card-eyebrow{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:12px;font-weight:600;line-height:16px}.app-theme .sample-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:32px;font-weight:700;line-height:38px}.app-theme .sample-card-text{font-family:var(--font-ui);color:var(--text-secondary);margin:0;font-size:16px;line-height:24px}.app-theme .p-link.sample-card-back{min-height:var(--target-min);align-items:center;font-size:14px;display:inline-flex}@media (max-width:639px){.app-theme .sample-card{margin-top:var(--space-6);padding:var(--space-6)}.app-theme .sample-card-title{font-size:28px;line-height:34px}.app-theme .p-btn.sample-card-action{width:100%;height:var(--space-12)}}.app-theme .sample-fixes{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.app-theme .sample-fixes-head{flex-direction:column;gap:2px;display:flex}.app-theme .sample-fixes-title{font-family:var(--font-ui);color:var(--ink);margin:0;font-size:16px;font-weight:600;line-height:22px}.app-theme .sample-fixes-sub{font-family:var(--font-ui);color:var(--text-secondary);margin:0;font-size:14px;line-height:21px}.app-theme .sample-fixes-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.app-theme .sample-fixes-list li+li{border-top:1px solid var(--border-subtle)}.app-theme .sample-fix{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--target-min);padding:10px var(--space-4);color:var(--ink);transition:background var(--dur-micro) var(--ease-gentle);text-decoration:none;display:flex}.app-theme .sample-fix:hover{background:var(--surface-hover)}.app-theme .sample-fix:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px;box-shadow:none;border-radius:var(--radius-md)}.app-theme .sample-fix-name{min-width:0;font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:20px}.app-theme .sample-fix-outcome{white-space:nowrap;font-family:var(--font-ui);color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:600;line-height:18px}.app-theme .sample-fix-outcome.is-better{color:var(--change-better-text)}.app-theme .sample-fix-outcome.is-worse{color:var(--change-worse-text)}@media (min-width:1024px){.app-theme .sample-fixes-head{align-items:baseline;gap:var(--space-3);flex-direction:row}.app-theme .sample-fixes-list{gap:var(--space-3);background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.app-theme .sample-fixes-list li+li{border-top:0}.app-theme .sample-fix{justify-content:center;align-items:flex-start;gap:var(--space-1);height:100%;padding:14px var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column}.app-theme .sample-fix:hover{background:var(--surface-hover);border-color:var(--border-strong)}.app-theme .sample-fix:focus-visible{outline-offset:2px}}@media (max-width:1023px){.sample-toast-region{bottom:max(var(--space-6), calc(var(--consent-banner-reach,0px) + var(--space-4)))}}@media (max-width:639px){.sample-toast-region{left:var(--space-4);right:var(--space-4);bottom:max(calc(var(--space-4) + env(safe-area-inset-bottom,0px)), calc(var(--consent-banner-reach,0px) + var(--space-4)))}.app-theme.sample-toast-region .p-toast{box-sizing:border-box;width:100%;min-width:0;max-width:none;display:flex}}