:root{--pc-bg: #0f172a;--pc-card: #1e293b;--pc-border: #334155;--pc-text: #f8fafc;--pc-text-muted: #94a3b8;--pc-primary: #14b8a6;--pc-primary-hover: #0d9488;--pc-primary-light: rgba(20, 184, 166, .1);--pc-primary-glow: rgba(20, 184, 166, .2);--pc-secondary: #f59e0b;--pc-secondary-hover: #d97706;--pc-secondary-light: rgba(245, 158, 11, .1);--pc-success: #22c55e;--pc-warning: #f59e0b;--pc-danger: #ef4444;--radius: 12px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--pc-bg);color:var(--pc-text)}*{box-sizing:border-box}button{cursor:pointer}.container{max-width:600px;margin:0 auto;padding:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;border:none;background-color:var(--pc-primary);color:#fff;transition:var(--transition);width:100%}.btn:hover{background-color:var(--pc-primary-hover);transform:translateY(-1px)}.input{width:100%;padding:.75rem;background-color:var(--pc-card);border:1px solid var(--pc-border);border-radius:var(--radius);color:var(--pc-text);font-size:1rem;transition:var(--transition)}.input:focus{outline:none;border-color:var(--pc-primary);box-shadow:0 0 0 2px var(--pc-primary-glow)}label{display:block;margin-bottom:.5rem;color:var(--pc-text-muted);font-size:.875rem}.card{background-color:var(--pc-card);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--pc-border)}.forbidden-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--pc-bg);padding:2rem;text-align:center}.forbidden-card{background:var(--pc-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--pc-border);border-radius:24px;padding:3rem 2rem;max-width:400px;width:100%;box-shadow:0 10px 30px #0003;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.forbidden-icon{color:var(--pc-danger);margin-bottom:1.5rem}.forbidden-card h1{margin-bottom:1rem;font-size:1.5rem;color:var(--pc-text)}.forbidden-card p{color:var(--pc-text-muted);font-size:.95rem;line-height:1.6}.app-header{position:sticky;top:0;z-index:100;background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pc-border);padding:.75rem 1.25rem;margin-bottom:1rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.context-item{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.4rem .8rem;border-radius:12px;color:var(--pc-text-muted);font-size:.85rem}.context-label{font-weight:500;color:var(--pc-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--pc-bg)}.loader{width:48px;height:48px;border:5px solid var(--pc-border);border-bottom-color:var(--pc-primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;margin-top:.5rem}.user-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:var(--transition);border:2px solid transparent;opacity:.7}.user-card:hover{background-color:#ffffff0d;opacity:1}.user-card.selected{border-color:var(--pc-primary);background-color:var(--pc-primary-light);opacity:1}.avatar{width:48px;height:48px;border-radius:50%;background-color:var(--pc-border);overflow:hidden;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:1.2rem;font-weight:700;color:var(--pc-text-muted)}.name{font-size:.8rem;text-align:center;color:var(--pc-text)}.timeline{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.timeline-item{padding:.75rem;background-color:#ffffff08;border-radius:var(--radius);border-left:3px solid var(--pc-border)}.timeline-date{font-size:.75rem;color:var(--pc-text-muted);margin-bottom:.25rem}.timeline-content{font-size:.9rem}.history-event strong{color:var(--pc-primary);text-transform:capitalize}.annotation-event{white-space:pre-wrap}.author{font-size:.75rem;color:var(--pc-text-muted);margin-top:.25rem;font-style:italic}