@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f5f2eb;--bg-card:#fffdf8;--bg-hover:#f0ece3;--text:#1a1a1a;--text-muted:#6b6560;--text-light:#8a8580;--accent:#8b4513;--accent-hover:sienna;--accent-light:#8b451314;--accent-medium:#8b451326;--border:#e0dbd3;--border-dark:#c4bdb4;--success:#4a7c59;--success-bg:#4a7c5914;--error:#a0413a;--error-bg:#a0413a14;--font-heading:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Source Sans 3", "Source Sans Pro", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--max-width:720px;--max-width-wide:900px;--page-padding:clamp(1.25rem, 5vw, 4rem);--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--ease-out:cubic-bezier(.25, .46, .45, .94);--transition-fast:.15s var(--ease-out);--transition-base:.25s var(--ease-out);--transition-slow:.4s var(--ease-out);--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014}[data-theme=night]{--bg:#12100e;--bg-card:#1a1714;--bg-hover:#241f1a;--text:#e6d5b8;--text-muted:#b0a080;--text-light:#8f8060;--accent:#ffb347;--accent-hover:#ffc06e;--accent-light:#ffb3471a;--accent-medium:#ffb34733;--border:#2a241e;--border-dark:#3d352b;--success:#74a57f;--success-bg:#74a57f1a;--error:#d05f55;--error-bg:#d05f551a;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background-color:var(--bg);transition:background-color var(--transition-slow), color var(--transition-slow), border-color var(--transition-slow);animation:fadeIn var(--transition-slow) ease-out;line-height:1.75}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text);line-height:1.2}h1{font-size:var(--text-4xl);font-weight:600}h2{font-size:var(--text-2xl);font-weight:600}h3{font-size:var(--text-xl);font-weight:500}h4{font-size:var(--text-lg);font-weight:500}@media (width<=640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}}p{margin-bottom:var(--space-md);color:var(--text)}p.muted{color:var(--text-muted)}a{color:var(--accent);text-underline-offset:3px;transition:text-decoration-color var(--transition-base), color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);color:var(--accent-hover)}::selection{background:var(--accent-medium);color:var(--text)}.page{flex-direction:column;min-height:100dvh;display:flex}.page-content{width:100%;max-width:var(--max-width);padding:var(--space-3xl) var(--page-padding) var(--space-4xl);flex:1;margin:0 auto}@media (width<=640px){.page-content{padding:var(--space-xl) var(--page-padding) var(--space-2xl)}}.page-content.wide{max-width:var(--max-width-wide)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}hr{border:none;border-top:1px solid var(--border);margin:var(--space-2xl) 0}code{font-family:var(--font-mono);background:var(--accent-light);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}.site-nav{z-index:100;background:var(--bg);opacity:.96;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background var(--transition-slow), border-color var(--transition-slow);position:sticky;top:0}.site-nav .nav-inner{max-width:var(--max-width-wide);padding:var(--space-md) var(--page-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-nav .nav-brand{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text);letter-spacing:-.02em;transition:color var(--transition-fast);font-weight:600;text-decoration:none;display:flex}.nav-logo{object-fit:contain;width:auto;height:32px;transition:transform var(--transition-base), filter var(--transition-slow)}[data-theme=night] .nav-logo{filter:invert(.9)contrast(1.2)}.site-nav .nav-brand:hover .nav-logo{transform:scale(1.05)}.site-nav .nav-brand:hover{color:var(--accent)}.site-nav .nav-brand span{color:var(--text-muted);font-weight:400}.site-nav .nav-actions{align-items:center;gap:var(--space-md);display:flex}.nav-auth{margin-right:var(--space-xs);align-items:center;display:flex}.user-profile{position:relative}.user-avatar{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);border-radius:50%}.user-avatar:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:200px;box-shadow:var(--shadow-lg);z-index:1000;padding:.5rem;animation:.2s ease-out slideInDown;display:none;position:absolute;top:calc(100% + .5rem);right:0}.user-dropdown.open{display:block}.user-info{border-bottom:1px solid var(--border);flex-direction:column;margin-bottom:.5rem;padding:.75rem;display:flex}.user-info strong{font-size:var(--text-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-info span{font-size:var(--text-xs);color:var(--text-light);font-family:var(--font-mono)}.dropdown-item{text-align:left;width:100%;color:var(--text-muted);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.65rem .75rem}.dropdown-item:hover{background:var(--bg-hover);color:var(--accent)}.entry-engagement{gap:var(--space-xs);margin-left:auto;display:flex}.engagement-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.5rem .8rem;font-weight:600;display:flex}.engagement-btn svg{width:18px;height:18px}.engagement-btn:hover{border-color:var(--accent);color:var(--text-main);transform:translateY(-1px)}.engagement-btn.active{background:rgba(var(--accent-rgb), .1);border-color:var(--accent);color:var(--accent)}.engagement-btn.upvote.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}[data-theme=night] .engagement-btn.upvote.active{background:#3b82f61a}.engagement-btn.bookmark.active{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}[data-theme=night] .engagement-btn.bookmark.active{background:#f59e0b1a}.engagement-btn.active svg{fill:currentColor}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-nav .nav-links{align-items:center;gap:var(--space-lg);display:flex}.site-nav .nav-links a{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;transition:color var(--transition-fast);padding-bottom:2px;font-weight:500;text-decoration:none;position:relative}.site-nav .nav-links a:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.site-nav .nav-links a:hover,.site-nav .nav-links a.active{color:var(--accent)}.site-nav .nav-links a.active:after,.site-nav .nav-links a:hover:after{width:100%}.nav-hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--text);width:22px;height:2px;transition:transform var(--transition-base), opacity var(--transition-fast);border-radius:1px;display:block}.nav-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-actions{align-items:center;gap:var(--space-xs);display:flex}.nav-icon-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.nav-icon-btn:hover{background:var(--bg-hover);color:var(--accent)}.nav-icon-btn svg{width:18px;height:18px}[data-theme=night] #theme-toggle{color:var(--accent);filter:drop-shadow(0 0 8px #ffb34799)}[data-theme=night] .site-nav{border-bottom-color:var(--border);background:#12100eeb}@media (width<=640px){.nav-hamburger{display:flex}.site-nav .nav-links{background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-lg) var(--page-padding);gap:var(--space-md);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.site-nav .nav-links.open{display:flex}}.site-footer{border-top:1px solid var(--border);padding:var(--space-2xl) var(--page-padding);background:linear-gradient(180deg, var(--bg), var(--bg-hover))}.footer-support{max-width:var(--max-width-base);margin:0 auto var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-xl);text-align:left;padding:var(--space-lg) var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.support-content h3{margin-bottom:var(--space-xs);font-size:var(--text-lg)}.support-content p{color:var(--text-muted);font-size:var(--text-sm);max-width:450px}.support-actions{flex-shrink:0}.footer-bottom{text-align:center;border-top:1px solid var(--border);padding-top:var(--space-lg)}.footer-bottom p{font-size:var(--text-sm);color:var(--text-light)}@media (width<=768px){.footer-support{text-align:center;gap:var(--space-lg);flex-direction:column}.support-content p{margin:0 auto}.support-actions,.support-actions .btn{justify-content:center;width:100%}}.entry-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);background:var(--bg-card);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);text-decoration:none;display:block}.entry-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.entry-card .card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.entry-card .card-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text);margin:0;font-weight:600;line-height:1.3}.entry-card .card-reason{flex-shrink:0}.entry-card .card-owner{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.entry-card .card-owner a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.entry-card .card-owner a:hover{color:var(--accent)}.entry-card .card-summary{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.entry-card .card-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.entry-card .card-stack{gap:var(--space-xs);flex-wrap:wrap;display:flex}.entry-card .card-date{font-size:var(--text-xs);color:var(--text-light);font-family:var(--font-mono)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);transition:background var(--transition-fast);white-space:nowrap;padding:.15em .6em;font-weight:500;display:inline-block}.tag:hover{background:var(--accent-medium)}.badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);background:var(--bg);white-space:nowrap;padding:.2em .65em;font-weight:500;display:inline-block}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;padding:.65em 1.5em;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fffdf8}.btn-primary:hover{background:var(--accent-hover);color:#fffdf8;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.skeleton{background:var(--bg-card);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0,#ffffff0d 20%,#ffffff1a 60%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,#0000 0,#00000005 20%,#0000000d 60%,#0000 100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{border-radius:4px;height:1em;margin-bottom:.5em}.skeleton-title{width:60%;height:1.5em;margin-bottom:1em}.skeleton-summary{width:100%;height:1em;margin-bottom:.5em}.skeleton-summary.short{width:80%}.skeleton-badge{border-radius:var(--radius-sm);width:80px;height:1.2em}.skeleton-tag{border-radius:var(--radius-sm);width:60px;height:1.2em}.btn-secondary:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-ghost{color:var(--accent);background:0 0;padding:.4em 0}.btn-ghost:hover{color:var(--accent-hover)}