.header-subtitle{font-size:.8rem;color:var(--primary);font-weight:600;background-color:var(--primary-light);padding:4px 10px;border-radius:20px}.page-content{padding:24px 20px;flex:1 1}.greeting-title{font-size:1.75rem;margin-bottom:8px;letter-spacing:-.02em}.greeting-desc{color:var(--text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.5}.filter-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:16px;margin-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.pill-btn{padding:8px 16px;border-radius:24px;background-color:var(--bg-color);color:var(--text-muted);font-weight:600;font-size:.9rem;white-space:nowrap;transition:all .2s ease;border:1px solid var(--border)}.pill-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(79,70,229,.3)}.situations-grid{display:flex;flex-direction:column;gap:16px}.situation-card{display:flex;align-items:center;padding:20px;border-radius:24px;text-align:left;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;box-shadow:var(--shadow-sm);border:1px solid hsla(0,0%,100%,.5)}.situation-card:active{transform:scale(.97)}.situation-icon{font-size:2.5rem;margin-right:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.situation-info{flex:1 1}.situation-info h3{font-size:1.1rem;color:var(--text-main);margin-bottom:8px}.difficulty-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:8px;display:inline-block}.badge-easy{background-color:rgba(16,185,129,.15);color:#047857}.badge-medium{background-color:rgba(245,158,11,.15);color:#b45309}.badge-hard{background-color:rgba(239,68,68,.15);color:#b91c1c}.situation-arrow{color:var(--text-muted);opacity:.6;transition:opacity .2s}.situation-card:hover .situation-arrow{opacity:1;transform:translateX(2px)}