*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#121212;font-family:system-ui,-apple-system,sans-serif}.page-content{padding:68px 20px 80px}.bottom-bar{z-index:1000;background-color:#18181b;border-top:1px solid #27272a;justify-content:space-around;align-items:center;width:100%;height:64px;padding:0 6px;display:flex;position:fixed;bottom:0;left:0}.bottom-LOG{z-index:1001;background-color:#18181b;border:1px solid #27272a;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 14px;display:flex;position:fixed;top:12px;right:16px}.sidebar-logo{display:none}.nav-btn,.nav-bottom-item{color:#a1a1aa;text-align:center;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}.nav-btn:hover,.nav-bottom-item:hover{color:#fff;background-color:#27272a}.nav-btn.active,.nav-bottom-item.active{color:#fff;background-color:#2563eb}@media (width>=768px){.bottom-bar{border-top:none;border-right:1px solid #27272a;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;width:230px;height:100vh;padding:24px 16px 84px;top:0;bottom:auto}.sidebar-logo{color:#fff;border-bottom:1px solid #27272a;margin-bottom:8px;padding:0 12px 20px;font-size:20px;font-weight:700;display:block}.nav-btn{text-align:left;padding:12px 16px;font-size:15px}.bottom-LOG{border-top:1px solid #27272a;border-bottom:none;border-left:none;border-right:1px solid #27272a;border-radius:0;justify-content:stretch;width:230px;height:auto;padding:16px;inset:auto auto 0 0}.nav-bottom-item{text-align:left;width:100%;padding:12px 16px;font-size:15px;display:block}.page-content{margin-left:230px;padding:32px}}:root{--bg:#121212;--surface:#18181b;--surface-2:#1f1f23;--border:#27272a;--text:#fff;--muted:#a1a1aa;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb29;--danger:#f87171;--ok:#34d399;--radius:14px}main{gap:16px;max-width:760px;margin:0 auto;display:grid}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.15rem}a{color:#60a5fa}.muted{color:var(--muted);font-size:.85rem}form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:16px;padding:20px;display:grid}label{color:var(--muted);gap:6px;font-size:.9rem;display:grid}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 12px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical}button,.btn{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:#27272a}button[type=submit],.btn-primary{background:var(--accent);border-color:var(--accent)}button[type=submit]:hover:not(:disabled),.btn-primary:hover{background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}button.nav-btn{color:#a1a1aa;background:0 0;border:none;font-size:12px;font-weight:500}[role=alert]{color:var(--danger);background:#f871711a;border:1px solid #f8717159;border-radius:10px;padding:12px 14px}[role=status]{color:var(--ok);background:#34d3991a;border:1px solid #34d39959;border-radius:10px;padding:12px 14px}.chip{color:#93c5fd;background:var(--accent-soft);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-block}.avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:inline-grid}.kudo-list{gap:12px;list-style:none;display:grid}.kudo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,transform .2s}.kudo-card:hover{border-color:#3f3f46;transform:translateY(-1px)}.kudo-card__link{color:inherit;gap:12px;padding:16px;text-decoration:none;display:grid}.kudo-card__top,.person{align-items:center;gap:10px;display:flex}.kudo-card__top{justify-content:space-between}.kudo-card__content{color:#e4e4e7;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:32px 16px}.kudo-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:18px;padding:22px;display:grid}.kudo-detail__people{gap:10px;display:grid}.kudo-detail__content{border-left:3px solid var(--accent);white-space:pre-wrap;padding-left:14px;font-size:1.15rem;line-height:1.6}.attachments{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.attachments li{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.85rem}.tabs{gap:8px;display:flex}.tabs a{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:.9rem;text-decoration:none}.tabs a.active{color:#fff;background:var(--accent);border-color:var(--accent)}.quick-links{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.quick-link{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:18px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.quick-link:hover{border-color:var(--accent);transform:translateY(-1px)}.quick-link strong{font-size:1.05rem}.quick-link span{color:var(--muted);font-size:.88rem}.public-page{background:radial-gradient(900px 420px at 50% -10%, #2563eb38, transparent 70%), var(--bg);min-height:100vh;padding:24px 20px 48px}.public-page main{gap:32px;max-width:880px}.brand{letter-spacing:.02em;font-size:1.15rem;font-weight:800}.hero{text-align:center;justify-items:center;gap:16px;padding:40px 0 8px;display:grid}.hero h1{font-size:clamp(2.2rem,6vw,3.4rem)}.hero__tagline{max-width:560px;color:var(--muted);font-size:1.1rem;line-height:1.6}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px;display:flex}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:6px;padding:20px;display:grid}.feature p{color:var(--muted);font-size:.92rem;line-height:1.5}.form-page{gap:16px;max-width:520px;margin:0 auto;display:grid}a.brand{color:inherit;text-decoration:none}