.journal-hero{padding-block:2rem 1rem}.journal-title{font-size:clamp(2rem,3.8vw,3rem);font-weight:600;line-height:1.15;letter-spacing:-.035em}.journal-controls{display:flex;gap:.75rem;margin-top:1.75rem;animation-delay:50ms}.journal-search{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1;padding:0 1rem;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));color:hsl(var(--muted-foreground))}.journal-search:focus-within{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.journal-search>svg{flex-shrink:0}.journal-search input{min-width:0;width:100%;padding:.75rem 0;background:transparent;color:hsl(var(--foreground));font-size:.875rem;outline:none}.journal-search input::-webkit-search-cancel-button{display:none}.journal-search button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:36px;border-radius:6px}.journal-filters{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.75rem;animation-delay:.1s}.journal-filters button{position:relative;display:inline-flex;align-items:center;gap:.45rem;min-height:44px;border-bottom:2px solid transparent;font-size:.8rem;color:hsl(var(--muted-foreground));transition:color .2s}.journal-filters button:after{content:"";position:absolute;inset:auto 0 -2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.journal-filters button span{opacity:.6;font-size:.7rem}.journal-filters button:hover{color:hsl(var(--foreground))}.journal-filters button[aria-pressed=true]{color:hsl(var(--accent))}.journal-filters button[aria-pressed=true]:after{transform:scaleX(1)}.journal-feed{padding-block:1.25rem 4rem;border-block:1px solid hsl(var(--border) / .7);background:hsl(var(--card) / .38)}.journal-result-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:28px;margin-bottom:1.5rem;color:hsl(var(--muted-foreground));font-size:.75rem}.journal-result-bar strong{font-weight:600;color:hsl(var(--foreground))}.journal-result-bar button{display:flex;align-items:center;gap:.5rem;color:hsl(var(--accent))}.journal-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;text-align:center}.journal-empty h2{font-size:1.5rem;font-weight:600}.journal-empty p{color:hsl(var(--muted-foreground));font-size:.9rem}.journal-empty button{margin-top:.5rem;padding:.8rem 1.2rem;border:1px solid hsl(var(--primary) / .3);border-radius:9px;color:hsl(var(--accent));font-size:.875rem;font-weight:600}@media (max-width: 639px){.journal-controls{flex-direction:column}.journal-filters{gap:.5rem 1rem}}.journal-sort{position:relative;flex:0 0 205px}.journal-sort-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:48px;height:100%;padding:.75rem 1rem;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));font-size:.875rem}.journal-sort-trigger:focus-visible{outline:2px solid hsl(var(--primary) / .5);outline-offset:2px}.journal-sort-trigger[aria-expanded=true]{border-color:hsl(var(--primary) / .5)}.journal-sort-trigger svg{transition:transform .2s}.journal-sort-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.journal-sort-options{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:100%;padding:6px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));box-shadow:0 12px 30px hsl(var(--foreground) / .12)}.journal-sort-options button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.7rem .8rem;border-radius:7px;text-align:left;white-space:nowrap;font-size:.875rem}.journal-sort-options button:hover,.journal-sort-options button:focus{outline:none;background:hsl(var(--primary) / .08)}.journal-sort-options button[aria-selected=true]{color:hsl(var(--accent))}.journal-search input:focus-visible{outline:none}.journal-search,.journal-sort-trigger{transition:border-color .2s,box-shadow .2s}.journal-sort-options{animation:restored-stage-enter .18s ease-out both}@media (max-width: 639px){.journal-sort{flex-basis:auto;width:100%}}@media (prefers-reduced-motion: reduce){.journal-controls,.journal-filters{animation-delay:0s}}