:root{color-scheme:light;--plum: #52398b;--lavender: #8261a9;--sage: #bbede8;--blush: #c06eaf;--gold: #ffeac2;--white: #ffffff;--bg: #f5f0fb;--text: #1a1a1a;--ls: system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Georgia,serif}button,input,select,textarea{font:inherit}.site-header{position:relative;overflow:hidden;background:var(--plum);padding:40px 48px 32px;text-align:center}.site-header:before{position:absolute;top:50%;left:50%;width:500px;height:400px;background:radial-gradient(circle,rgba(130,97,169,.3) 0%,transparent 65%);content:"";pointer-events:none;transform:translate(-50%,-50%)}.spark{position:absolute;border-radius:50%;background:#ffffffbf;pointer-events:none}.spark-1{top:16%;left:9%;width:5px;height:5px}.spark-2{top:28%;left:19%;width:3px;height:3px;opacity:.6}.spark-3{top:58%;left:6%;width:4px;height:4px;opacity:.5}.spark-4{top:12%;right:11%;width:6px;height:6px}.spark-5{top:40%;right:8%;width:3px;height:3px;opacity:.6}.spark-6{top:72%;right:22%;width:4px;height:4px;opacity:.5}.spark-7{top:50%;left:45%;width:2px;height:2px;opacity:.7}.header-eyebrow{position:relative;margin-bottom:10px;color:var(--sage);font-family:var(--ls);font-size:11px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase}.header-title{position:relative;color:var(--white);font-family:var(--ls);font-size:clamp(30px,6vw,42px);font-weight:700;letter-spacing:3px;line-height:1.1;text-transform:uppercase}.header-title em{color:var(--gold);font-style:normal}.header-rule{position:relative;width:56px;height:1px;margin:16px auto 14px;background:var(--gold)}.header-sub{position:relative;color:#ffffffe0;font-size:16px;font-style:italic;line-height:1.5}.header-badge{position:relative;display:inline-block;margin-top:18px;border:1px solid rgba(255,234,194,.3);border-radius:9999px;background:#ffeac21f;color:var(--gold);font-family:var(--ls);font-size:11px;font-weight:700;letter-spacing:2px;padding:5px 18px;text-transform:uppercase}.intro-strip{display:flex;align-items:center;gap:20px;background:var(--lavender);padding:22px 48px}.intro-strip-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#ffffff2e}.intro-copy{flex:1}.intro-strip-text{color:var(--white);font-size:15px;font-style:italic;line-height:1.65}.intro-strip-tagline{margin-top:5px;color:var(--gold);font-family:var(--ls);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.nav-bar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid rgba(82,57,139,.1);background:var(--white);padding:16px 48px}.nav-tab{border:2px solid var(--plum);border-radius:9999px;background:transparent;color:var(--plum);cursor:pointer;font-family:var(--ls);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:8px 22px;text-transform:uppercase;transition:background .15s ease,color .15s ease;white-space:nowrap}.nav-tab:hover,.nav-tab.active{background:var(--plum);color:var(--gold)}.nav-spacer{flex:1}.nav-total{color:var(--lavender);font-family:var(--ls);font-size:11px;font-weight:700;letter-spacing:1px}.main{max-width:1160px;margin:0 auto;padding:44px 32px 100px}.board-section{margin-bottom:60px}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}.section-title-row{display:flex;align-items:center;gap:14px}.section-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px}.icon-plum{background:var(--plum)}.icon-lav{background:var(--lavender)}.icon-blush{background:var(--blush)}.icon-sage{background:var(--sage)}.section-title{color:var(--plum);font-family:var(--ls);font-size:20px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:6px;border-radius:9999px;background:var(--gold);color:var(--plum);font-family:var(--ls);font-size:11px;font-weight:700;padding:0 6px}.section-desc{margin:4px 0 20px 60px;color:#666;font-size:14px;font-style:italic}.section-rule{height:1px;margin:0 0 24px 60px;background:linear-gradient(to right,var(--gold),transparent)}.btn-add{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:9999px;background:var(--plum);color:var(--gold);cursor:pointer;font-family:var(--ls);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:10px 26px;text-transform:uppercase;transition:background .15s ease,transform .15s ease}.btn-add:hover{background:var(--lavender);transform:translateY(-1px)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.empty-state{grid-column:1 / -1;border:2px dashed rgba(82,57,139,.18);border-radius:14px;background:var(--white);padding:52px 24px;text-align:center}.empty-glyph{margin-bottom:10px;color:#52398b33;font-family:var(--ls);font-size:28px}.empty-text{color:#888;font-size:14px;font-style:italic}.card,.note-card{border-radius:14px;background:var(--white);box-shadow:0 2px 14px #52398b14;animation:fadeUp .3s ease-out;transition:transform .15s ease,box-shadow .15s ease}.card{overflow:hidden}.card:hover{box-shadow:0 10px 28px #52398b24;transform:translateY(-3px)}.note-card{padding:20px 22px 22px}.note-card:hover{transform:translateY(-2px)}.card-bar{height:5px}.bar-plum{background:var(--plum)}.bar-lav{background:var(--lavender)}.bar-blush{background:var(--blush)}.bar-sage{background:#7ec9bf}.card-body{padding:20px 22px 22px}.card-name{margin-bottom:2px;color:var(--plum);font-family:var(--ls);font-size:16px;font-weight:700}.card-role{margin-bottom:14px;color:var(--lavender);font-size:13px;font-style:italic}.card-label{display:inline-block;margin-bottom:7px;border-radius:4px;background:#bbede859;color:var(--plum);font-family:var(--ls);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:3px 9px;text-transform:uppercase}.card-text,.note-text{color:#333;font-size:14px;line-height:1.65}.card-note-text{margin-top:10px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{border-radius:9999px;background:#52398b14;color:var(--plum);font-family:var(--ls);font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 12px;text-transform:uppercase}.card-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;border-top:1px solid rgba(82,57,139,.09);padding-top:12px}.card-contact-item{color:var(--lavender);font-family:var(--ls);font-size:11px;font-weight:700;letter-spacing:.5px}.note-badge{display:inline-flex;align-items:center;margin-bottom:12px;border-radius:9999px;font-family:var(--ls);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:4px 12px;text-transform:uppercase}.badge-plum{background:var(--plum);color:var(--gold)}.badge-lav{background:var(--lavender);color:var(--white)}.badge-sage{background:#bbede873;color:var(--plum)}.badge-blush{background:#c06eaf26;color:var(--blush)}.note-author{margin-bottom:2px;color:var(--plum);font-family:var(--ls);font-size:14px;font-weight:700}.note-role{margin-bottom:10px;color:var(--lavender);font-size:12px;font-style:italic}.note-aside{margin-top:12px;border-radius:8px;background:#8261a912;color:var(--lavender);font-size:13px;font-style:italic;line-height:1.55;padding:10px 12px}.overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000085;padding:24px}.modal{width:100%;max-width:530px;max-height:92vh;overflow-y:auto;border-radius:18px;background:var(--white)}.modal-head{position:relative;border-radius:18px 18px 0 0;background:var(--plum);padding:26px 30px 22px}.modal-head:before{position:absolute;top:50%;left:50%;width:280px;height:180px;background:radial-gradient(circle,rgba(130,97,169,.3) 0%,transparent 70%);content:"";pointer-events:none;transform:translate(-50%,-50%)}.modal-title{position:relative;color:var(--white);font-family:var(--ls);font-size:19px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.modal-sub{position:relative;margin-top:4px;color:var(--sage);font-size:13px;font-style:italic}.modal-close{position:absolute;top:16px;right:20px;z-index:2;border:none;background:none;color:#ffffffa6;cursor:pointer;font-family:var(--ls);font-size:24px;line-height:1}.modal-close:hover{color:var(--white)}.modal-body{padding:28px 30px 8px}.modal-foot{display:flex;justify-content:flex-end;gap:12px;padding:8px 30px 28px}.fg{margin-bottom:18px}.fl{display:block;margin-bottom:6px;color:var(--plum);font-family:var(--ls);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.required{color:var(--blush)}.opt{color:#888;font-weight:400;letter-spacing:0;text-transform:none}input[type=text],textarea,select{width:100%;border:1.5px solid rgba(82,57,139,.18);border-radius:8px;outline:none;background:#faf9fe;color:var(--text);font-family:Georgia,serif;font-size:15px;padding:10px 14px;transition:border-color .15s}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--lavender)}textarea{min-height:88px;resize:vertical}.short-textarea{min-height:70px}.checkbox-list{display:flex;flex-direction:column;gap:9px}.cb-item{display:flex;align-items:center;gap:10px;cursor:pointer}.cb-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--plum);cursor:pointer}.cb-label{color:#333;font-size:14px}.btn-cancel,.btn-post{border-radius:9999px;cursor:pointer;font-family:var(--ls);font-size:12px;font-weight:700;text-transform:uppercase}.btn-cancel{border:2px solid rgba(82,57,139,.18);background:none;color:#777;letter-spacing:1px;padding:10px 24px;transition:all .15s}.btn-cancel:hover{border-color:var(--plum);color:var(--plum)}.btn-post{border:none;background:var(--plum);color:var(--gold);letter-spacing:1.5px;padding:11px 28px;transition:background .15s}.btn-post:hover{background:var(--lavender)}@media(max-width:720px){.site-header{padding:34px 22px 28px}.intro-strip{align-items:flex-start;padding:20px 22px}.nav-bar{padding:14px 18px}.nav-tab{flex:1 1 auto;padding:8px 12px;text-align:center}.main{padding:34px 18px 80px}.section-desc,.section-rule{margin-left:0}.btn-add{width:100%;justify-content:center}.modal-foot{flex-direction:column-reverse}.btn-cancel,.btn-post{width:100%}}