@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@300;400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#f0ecfa;--surface:#fff;--surface2:#f0ecf6;--border:#e2dced;--accent:#a855c8;--accent2:#5b9be4;--warn:#f59e0b;--danger:#ef4444;--text:#1e1b2e;--muted:#7c6f9b;--gradient-rainbow:linear-gradient(135deg,#fbbf24,#f97316,#f06c6c,#ec4899,#c850c0,#9b6cc8,#5b9be4,#00d4cf);--gradient-warm:linear-gradient(135deg,#fbbf24,#f97316,#ec4899);--gradient-cool:linear-gradient(135deg,#9b6cc8,#5b9be4,#00d4cf);--gradient-soft:linear-gradient(135deg,#fef3e0,#fde8f0,#ede0fe);--badge-approved-bg:#dcfce7;--badge-approved-text:#16a34a;--badge-approved-border:#bbf7d0;--badge-flagged-bg:#fee2e2;--badge-flagged-text:#dc2626;--badge-flagged-border:#fecaca;--badge-pending-bg:#fef3c7;--badge-pending-text:#d97706;--badge-pending-border:#fde68a;--badge-running-bg:#dbeafe;--badge-running-text:#2563eb;--badge-running-border:#bfdbfe;--badge-completed-bg:#dcfce7;--badge-completed-text:#16a34a;--badge-completed-border:#bbf7d0;--badge-awareness-bg:#ede9fe;--badge-awareness-text:#7c3aed;--badge-awareness-border:#c4b5fd;--green-bg:#dcfce7;--green-text:#16a34a;--green-border:#bbf7d0;--red-bg:#fee2e2;--red-text:#dc2626;--red-border:#fecaca;--amber-bg:#fef3c7;--amber-text:#d97706;--amber-border:#fde68a;--card-hover-border:#c4b5fd;--card-hover-shadow:#a855f714;--card-hover-shadow2:#a855f70a;--card-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;--nav-shadow:0 1px 8px #0000000a}[data-theme=dark]{--bg:#2c2945;--surface:#363252;--surface2:#312e4a;--border:#4a4568;--text:#e8e4f0;--muted:#9b94b8;--badge-approved-bg:#1a3a28;--badge-approved-text:#4ade80;--badge-approved-border:#2a5a3e;--badge-flagged-bg:#3e2028;--badge-flagged-text:#fca5a5;--badge-flagged-border:#5a3040;--badge-pending-bg:#3e3020;--badge-pending-text:#fcd34d;--badge-pending-border:#5a4830;--badge-running-bg:#1e2e48;--badge-running-text:#93c5fd;--badge-running-border:#2e4468;--badge-completed-bg:#1a3a28;--badge-completed-text:#4ade80;--badge-completed-border:#2a5a3e;--badge-awareness-bg:#302848;--badge-awareness-text:#c4b5fd;--badge-awareness-border:#4a3e72;--green-bg:#1a3a28;--green-text:#4ade80;--green-border:#2a5a3e;--red-bg:#3e2028;--red-text:#fca5a5;--red-border:#5a3040;--amber-bg:#3e3020;--amber-text:#fcd34d;--amber-border:#5a4830;--card-hover-border:#8b6cc4;--card-hover-shadow:#b4a0d826;--card-hover-shadow2:#b4a0d814;--card-shadow:0 1px 3px #00000026,0 4px 12px #0000001a;--nav-shadow:0 1px 8px #0003}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;transition:background .3s,color .3s}:root body{background-color:#0000;background-image:radial-gradient(at 80% 0,#fbbf2412 0%,#0000 50%),radial-gradient(at 60% 0,#ec48990f 0%,#0000 50%),radial-gradient(at 90% 10%,#c850c00d 0%,#0000 50%),radial-gradient(at 40% 0,#9b6cc80d 0%,#0000 50%),linear-gradient(#ede4f8 0%,#f4f0fa 30%,#fff 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}[data-theme=dark] body{background:var(--bg)}.theme-toggle{border:1px solid var(--border);background:var(--surface2);cursor:pointer;z-index:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;line-height:1;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.theme-toggle:hover{border-color:#0000;transform:scale(1.1);box-shadow:0 0 0 1px #c850c04d,0 0 12px #c850c01a,0 0 24px #5b9be414}.theme-toggle{overflow:hidden}.theme-toggle:before{content:"";background:var(--gradient-rainbow);z-index:-1;opacity:0;border-radius:11px;transition:opacity .25s;position:absolute;inset:-1px}.theme-toggle:hover:before{opacity:1}.nav-logo{width:auto;height:32px;transition:filter .3s}[data-theme=dark] .nav-logo{filter:brightness(1.15)}.mono{font-family:Space Mono,monospace}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow);z-index:0;border-radius:16px;padding:1.5rem;transition:border-color .25s,box-shadow .25s;position:relative}.card:before{content:"";background:var(--gradient-rainbow);z-index:-2;opacity:0;border-radius:17px;transition:opacity .25s;position:absolute;inset:-1px}.card:after{content:"";background:var(--surface);z-index:-1;border-radius:16px;transition:background .25s;position:absolute;inset:0}.card:hover{border-color:#0000;box-shadow:0 0 0 1px #c850c04d,0 0 12px #c850c01a,0 0 24px #5b9be414}.card:hover:before{opacity:1}.card-plain{box-shadow:none;border:none}.card-plain:before,.card-plain:after{display:none}.card-plain:hover{box-shadow:none;border-color:#0000}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:600;display:inline-flex}.badge-approved{background:var(--badge-approved-bg);color:var(--badge-approved-text);border:1px solid var(--badge-approved-border)}.badge-flagged{background:var(--badge-flagged-bg);color:var(--badge-flagged-text);border:1px solid var(--badge-flagged-border)}.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-text);border:1px solid var(--badge-pending-border)}.badge-running{background:var(--badge-running-bg);color:var(--badge-running-text);border:1px solid var(--badge-running-border)}.badge-completed{background:var(--badge-completed-bg);color:var(--badge-completed-text);border:1px solid var(--badge-completed-border)}.badge-conversion{background:var(--badge-running-bg);color:var(--badge-running-text);border:1px solid var(--badge-running-border)}.badge-awareness{background:var(--badge-awareness-bg);color:var(--badge-awareness-text);border:1px solid var(--badge-awareness-border)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}.rainbow-text{background:var(--gradient-rainbow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.progress-rainbow{background:var(--gradient-rainbow);background-size:200% 100%;border-radius:3px;height:6px;animation:3s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-bar{border-radius:2px;height:3px;margin-bottom:12px}.nav-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);z-index:0;border-radius:10px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:.825rem;font-weight:600;text-decoration:none;transition:color .25s,border-color .25s,box-shadow .25s;position:relative}.nav-btn:hover{color:var(--text);border-color:#0000;box-shadow:0 0 0 1px #c850c04d,0 0 12px #c850c01a,0 0 24px #5b9be414}.nav-btn:before{content:"";background:var(--gradient-rainbow);z-index:-1;opacity:0;border-radius:11px;transition:opacity .25s;position:absolute;inset:-1px}.nav-btn:after{content:"";background:var(--surface2);z-index:-1;border-radius:10px;transition:background .25s;position:absolute;inset:0}.nav-btn:hover:before{opacity:1}.nav-btn:hover:after{background:var(--surface)}.rating-btn{z-index:0;transition:transform .15s,box-shadow .25s,border-color .25s;position:relative}.rating-btn:before{content:"";background:var(--gradient-rainbow);z-index:-2;opacity:0;border-radius:13px;transition:opacity .25s;position:absolute;inset:-1px}.rating-btn:after{content:"";background:inherit;z-index:-1;border-radius:12px;position:absolute;inset:0}.rating-btn:hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 0 0 1px #c850c04d,0 0 12px #c850c01a,0 0 24px #5b9be414}.rating-btn:hover:before{opacity:1}.stepper-dot{background:var(--surface2);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .3s}.stepper-dot-active{background:var(--accent);border-color:var(--accent);animation:1.5s infinite pulse-dot;box-shadow:0 0 12px #a855c866}.stepper-dot-done{background:var(--accent);border-color:var(--accent)}.stepper-line{background:var(--border);flex:1;height:2px;transition:background .3s}.stepper-line-done{background:var(--accent)}.persona-btn{border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;text-align:center;border-radius:8px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:.75rem;line-height:1.3;transition:all .2s}.persona-btn:hover{border-color:var(--accent);color:var(--text)}.persona-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.cat-pill{border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:20px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .2s}.cat-pill:hover{border-color:var(--accent);color:var(--text)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out fadeSlideIn}.skeleton-block{background:var(--surface2);border-radius:6px;position:relative;overflow:hidden}.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}