@layer layout{@scope(.home-page){:scope{flex-direction:column;min-height:100dvh;display:flex}.home-header{padding:var(--spacing-md) var(--spacing-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--color-border);background-color:#faf8f5d9;position:sticky;top:0}.home-header-inner{max-width:var(--max-width-wide);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.home-logo{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:.04em;font-weight:700}.home-sign-in-btn{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;font-weight:500}.home-sign-in-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}}@scope(.home-main){:scope{max-width:var(--max-width-wide);padding:var(--spacing-3xl) var(--spacing-xl);flex:1;width:100%;margin:0 auto}}@scope(.home-hero){:scope{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-border);position:relative}:scope:after{content:"";background-color:var(--color-accent);width:80px;height:3px;position:absolute;bottom:-1px;left:0}.home-hero-title{font-family:var(--font-display);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);letter-spacing:.02em;color:var(--color-text);font-weight:800;line-height:1.3}.home-hero-description{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:2}}@scope(.home-surveys){:scope{margin-bottom:var(--spacing-2xl)}.home-section-title{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);font-weight:600}.home-empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-3xl) 0;font-size:var(--font-size-md)}.home-survey-list{gap:var(--spacing-md);flex-direction:column;list-style:none;display:flex}.home-survey-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);display:flex}.home-survey-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-1px)}.home-survey-info{flex:1;min-width:0}.home-survey-title{font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);font-weight:700;line-height:1.4}.home-survey-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);line-height:1.8}.home-survey-meta{gap:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.02em;display:flex}.home-survey-link{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-accent);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-lg);letter-spacing:.04em;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.home-survey-link:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}}@scope(.home-footer){:scope{text-align:center;padding:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.06em}.home-footer-link{margin-top:var(--spacing-sm);color:var(--color-text-muted);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out);text-decoration:underline;display:inline-block}.home-footer-link:hover{color:var(--color-text)}}}@layer utilities{@media (max-width:640px){.home-hero-title{font-size:var(--font-size-3xl)}.home-main{padding:var(--spacing-2xl) var(--spacing-md)}.home-survey-card{flex-direction:column;align-items:stretch}.home-survey-link{text-align:center}}}