:root{--caribbean-deep:#0a1628;--caribbean-ocean:#1e3a5f;--caribbean-wave:#2e5984;--caribbean-sky:#4a90e2;--caribbean-foam:#87ceeb;--text-primary:#fff;--text-secondary:#ffffffd9;--text-muted:#ffffffa6;--card-bg:#1e3a5f99;--card-border:#87ceeb33}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--caribbean-deep);color:var(--text-primary);min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}#app{min-height:100vh;position:relative}.ocean-gradient{background:linear-gradient(135deg, var(--caribbean-deep) 0%, var(--caribbean-ocean) 40%, var(--caribbean-wave) 70%, var(--caribbean-sky) 100%);z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0}.compass-watermark{color:#87ceeb14;z-index:-1;pointer-events:none;width:60vw;max-width:600px;height:60vw;max-height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.content{z-index:1;max-width:900px;margin:0 auto;padding:3rem 1.5rem;position:relative}.header{text-align:center;margin-bottom:3rem;animation:.8s ease-out fadeInDown}.title{color:var(--caribbean-foam);text-shadow:0 2px 10px #87ceeb4d;margin-bottom:.5rem;font-size:3rem;font-weight:700}.tagline{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1rem}.briefs-container{margin-bottom:3rem}.loading,.empty-state,.error-state{text-align:center;background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:12px;padding:3rem 1.5rem;animation:.6s ease-out fadeIn}.empty-icon,.error-icon{margin-bottom:1rem;font-size:4rem}.empty-title,.error-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.75rem;font-weight:600}.empty-text,.error-text{color:var(--text-muted);font-size:1rem}.brief-card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);opacity:0;border-radius:12px;margin-bottom:2rem;padding:2rem;transition:all .3s;transform:translateY(20px)}.brief-card.visible{opacity:1;transform:translateY(0)}.brief-card:hover{border-color:#87ceeb66;transform:translateY(-4px);box-shadow:0 10px 30px #87ceeb26}.brief-title{color:var(--caribbean-foam);margin-bottom:1.25rem;font-size:1.75rem;font-weight:600;line-height:1.3}.brief-summary{color:var(--text-secondary);margin-bottom:1.75rem;font-size:1.1rem;line-height:1.7}.brief-angles{border-top:1px solid var(--card-border);margin-bottom:1.5rem;padding-top:1.5rem}.angles-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;font-weight:600}.angles-list{flex-direction:column;gap:1rem;display:flex}.angle-item{align-items:flex-start;gap:.75rem;display:flex}.angle-source{color:var(--caribbean-sky);align-items:center;gap:.4rem;min-width:140px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.angle-source:hover{color:var(--caribbean-foam)}.angle-icon{flex-shrink:0;width:14px;height:14px}.angle-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.brief-meta{color:var(--text-muted);text-align:right;font-size:.85rem}.footer{text-align:center;border-top:1px solid var(--card-border);color:var(--text-muted);margin-top:3rem;padding:2rem 1.5rem;font-size:.9rem}.footer p{margin-bottom:.5rem}.footer-link{color:var(--caribbean-sky);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--caribbean-foam)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.title{font-size:2rem}.tagline{font-size:1.1rem}.subtitle{font-size:.9rem}.brief-card{padding:1.5rem}.brief-title{font-size:1.4rem}.brief-summary{font-size:1rem}.angle-item{flex-direction:column;gap:.5rem}.angle-source{min-width:auto}}