:root{--sn-black:#000;--sn-gold:#fada5e;--sn-dark:#121214;--sn-light:#f0f0f0;--bg:var(--sn-black);--panel:var(--sn-dark);--text:var(--sn-light);--accent:var(--sn-gold);--border:#2a2a2e;--muted:#888;--font-sans:system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}code,pre{font-family:var(--font-mono)}main{max-width:480px;margin:0 auto;padding:40px 16px 64px}.header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;text-align:center}.header h1{font-size:28px;font-weight:700;margin:0;letter-spacing:-.02em;color:var(--accent)}.header p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.card h2{margin:0 0 8px;font-size:16px;font-weight:600}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border:none;border-radius:12px;background:var(--accent);color:var(--sn-black);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--sn-black);text-transform:uppercase;letter-spacing:.04em}.status{text-align:center;color:var(--muted);font-size:12px;margin-top:24px}.selector-wrap{margin-bottom:24px}.selector-label{display:block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.dropdown{position:relative}.dropdown-trigger{width:100%;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font-sans);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s}.dropdown-trigger:hover{border-color:var(--accent)}.dropdown-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;list-style:none;margin:0;padding:6px 0;max-height:260px;overflow-y:auto;z-index:50}.dropdown-item{padding:10px 14px;font-size:15px;cursor:pointer;color:var(--text);transition:background .1s}.dropdown-item:hover{background:var(--border)}.dropdown-item--active{color:var(--accent);font-weight:600}.posts-section{margin-top:8px}.posts-heading{font-size:18px;font-weight:700;margin:0 0 12px;display:flex;align-items:baseline;gap:10px}.posts-count{font-size:12px;font-weight:400;color:var(--muted)}.list{display:flex;flex-direction:column;gap:10px}.post-link{color:inherit;text-decoration:none;display:block}.post-card{padding:14px 16px;transition:border-color .15s;cursor:pointer}.post-card:hover{border-color:var(--accent)}.post-title{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4;color:var(--text)}.post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted)}.post-sats{color:var(--accent);font-weight:600}.btn-back{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-family:var(--font-sans);font-size:13px;padding:6px 12px;cursor:pointer;margin-bottom:20px;transition:border-color .15s,color .15s}.btn-back:hover{border-color:var(--accent);color:var(--text)}.detail{display:flex;flex-direction:column;gap:16px}.detail-title{font-size:22px;font-weight:700;margin:0;line-height:1.3;letter-spacing:-.01em}.detail-meta{display:flex;flex-wrap:wrap;gap:6px 14px}.detail-author,.detail-meta{font-size:13px;color:var(--muted)}.detail-author strong{color:var(--text)}.detail-time{margin-left:8px;font-size:12px}.detail-btn{margin-top:4px}.detail-text{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;font-size:14px;line-height:1.6;color:var(--text);overflow-wrap:break-word}.detail-text p{margin:0 0 8px}.detail-text p:last-child{margin-bottom:0}.btn-secondary{background:var(--panel);color:var(--accent);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);opacity:1}.skeleton{background:linear-gradient(90deg,#1a1a1e,#2a2a2e 50%,#1a1a1e);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:12px;height:64px}.skeleton-select{height:48px}.skeleton-post{height:72px}.skeleton-detail-title{height:36px;margin-bottom:12px}.skeleton-detail-body{height:120px;margin-bottom:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}