:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}h2{font-size:1.5em;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;max-width:800px;width:100%;margin:2rem auto;padding:0 1rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid #333}.navbar-brand{font-size:1.25rem;font-weight:700}.navbar-links{display:flex;align-items:center;gap:1rem}.navbar-user{opacity:.7;font-size:.9rem}.navbar-logout{padding:.3em .8em;font-size:.85rem}.auth-page{max-width:400px;margin:2rem auto}.auth-form{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-size:.9rem;margin-top:.5rem}.auth-form input{padding:.5rem;border-radius:6px;border:1px solid #444;background:inherit;color:inherit;font-size:1rem}.auth-form button{margin-top:1rem}.auth-error{color:#ff6b6b;background:#ff6b6b1a;padding:.5rem;border-radius:6px;font-size:.9rem}.dashboard-page{margin:1rem 0}.user-info p{margin:.5rem 0}:root{--alloy-purple: #381c4f;--alloy-purple-deep: #1f0e30;--alloy-purple-tint: #f3f0f7;--alloy-pink: #d9356e;--alloy-pink-tint: #fce6ee;--alloy-yellow: #f5d880;--alloy-yellow-tint: #fdf6e0;--alloy-blue: #a1c8e7;--alloy-blue-tint: #e9f2fa;--alloy-green: #aed7d0;--alloy-green-tint: #e6f3f0;--alloy-off-white: #f8f7fc;--alloy-light-gray: #e8e4ef;--alloy-body: #555;--fg: #1a0f26;--fg-2: #2d1a40;--fg-3: #3f2a55;--fg-muted: #7a6f88;--border-subtle: #ece8f3;--shadow-sm: 0 1px 2px rgba(56, 28, 79, .04), 0 1px 3px rgba(56, 28, 79, .06);--shadow-md: 0 6px 18px rgba(56, 28, 79, .08), 0 2px 6px rgba(56, 28, 79, .05);--shadow-lg: 0 24px 48px -16px rgba(56, 28, 79, .18), 0 8px 16px rgba(56, 28, 79, .08);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--font-display: "Poppins", "Gotham", -apple-system, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--fg-2);background:var(--alloy-off-white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--alloy-pink);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}.alloy-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh;position:relative}.alloy-app[data-bg=on]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 8%,rgba(245,216,128,.25) 0%,transparent 32%),radial-gradient(circle at 88% 22%,rgba(217,53,110,.1) 0%,transparent 36%),radial-gradient(circle at 70% 92%,rgba(174,215,208,.2) 0%,transparent 38%)}.main{position:relative;z-index:1;min-width:0;padding:24px 32px 60px}.sidebar-wrap{position:relative;z-index:50}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--alloy-purple) 0%,var(--alloy-purple-deep) 100%);color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.accent-bar{display:flex;gap:3px;height:4px;margin:-22px -18px 4px;border-radius:0 0 6px 6px;overflow:hidden}.accent-bar span{flex:1}.accent-bar span:nth-child(1){background:var(--alloy-pink)}.accent-bar span:nth-child(2){background:var(--alloy-yellow)}.accent-bar span:nth-child(3){background:var(--alloy-blue)}.accent-bar span:nth-child(4){background:var(--alloy-green)}.accent-bar span:nth-child(5){background:var(--alloy-purple)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 6px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand .mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--alloy-pink) 0%,var(--alloy-yellow) 100%);display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:19px;color:#fff;letter-spacing:-.02em;box-shadow:0 4px 12px #d9356e66}.sidebar-brand .name{font-family:var(--font-display);font-size:11px;font-weight:800;line-height:1.15;letter-spacing:.04em}.sidebar-brand .tag{font-size:10px;color:#ffffff80;margin-top:2px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.role-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#ffffff0f;border-radius:10px}.role-switcher button{padding:7px 4px;border-radius:7px;font-size:11px;font-weight:700;color:#ffffff8c;transition:all .15s;text-transform:uppercase;letter-spacing:.04em}.role-switcher button[data-active=true]{background:#fffffff2;color:var(--alloy-purple);box-shadow:0 2px 6px #00000026}.role-switcher button:hover:not([data-active=true]){color:#ffffffd9}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:10px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.12em;padding:12px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;position:relative}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item[data-active=true]{background:linear-gradient(90deg,#d9356e2e,#d9356e0a);color:#fff;font-weight:600}.nav-item[data-active=true]:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--alloy-pink);border-radius:0 3px 3px 0}.nav-item .icon{display:grid;place-items:center;width:18px;opacity:.85}.nav-item[data-active=true] .icon{color:var(--alloy-yellow);opacity:1}.badge-dot{margin-left:auto;min-width:18px;height:18px;padding:0 5px;background:var(--alloy-pink);color:#fff;border-radius:999px;font-size:10px;font-weight:800;display:grid;place-items:center}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.support-card{background:#f5d88014;border:1px solid rgba(245,216,128,.15);border-radius:10px;padding:14px}.support-card .label{font-size:10px;font-weight:700;color:var(--alloy-yellow);text-transform:uppercase;letter-spacing:.1em}.support-card .who-text{font-size:13px;font-weight:600;color:#fff;margin-top:4px}.support-card button{font-size:11px;color:var(--alloy-yellow);margin-top:8px;font-weight:700}.user-row{display:flex;align-items:center;gap:10px;padding:8px 4px}.user-row .avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,var(--alloy-yellow),var(--alloy-pink));color:var(--alloy-purple);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:11px}.user-row .who{flex:1;min-width:0}.user-row .nm{font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row .role{font-size:10.5px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-bar{display:none;position:sticky;top:0;z-index:30;background:var(--alloy-purple);color:#fff;padding:12px 16px;align-items:center;gap:14px}.mobile-bar .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:13px;flex:1}.mobile-bar .brand .mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--alloy-pink),var(--alloy-yellow));display:grid;place-items:center;font-size:14px;font-weight:900;color:#fff}.sidebar-scrim{display:none}@media(max-width:960px){.alloy-app{grid-template-columns:1fr}.mobile-bar{display:flex}.sidebar-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.sidebar{position:fixed;top:0;left:-300px;height:100vh;width:280px;transition:left .25s;z-index:51;pointer-events:auto}.sidebar-wrap.open .sidebar{left:0}.sidebar-wrap.open .sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;pointer-events:auto}.main{padding:16px}}.main-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.main-header h1{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--alloy-purple);margin:0;letter-spacing:-.01em}.main-header .sub{font-size:12.5px;color:var(--fg-muted);display:block;margin-top:2px}.main-header .grow{flex:1}.main-header .search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid var(--border-subtle);border-radius:999px;width:320px;max-width:100%;color:var(--fg-muted)}.main-header .search input{border:none;outline:none;flex:1;background:transparent;font-size:13px;color:var(--fg-2)}.main-header .search input::placeholder{color:var(--fg-muted)}.main-header .search kbd{font-family:var(--font-mono);font-size:10px;background:var(--alloy-light-gray);padding:2px 5px;border-radius:4px;color:var(--fg-muted)}.main-header .icon-btn{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid var(--border-subtle);position:relative;color:var(--fg-3)}.main-header .icon-btn:hover{color:var(--alloy-purple);border-color:var(--alloy-purple)}.main-header .icon-btn .pulse{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:999px;background:var(--alloy-pink);box-shadow:0 0 0 3px #d9356e2e}.icon-btn{display:inline-grid;place-items:center}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:700;transition:all .15s;line-height:1;white-space:nowrap}.btn-sm{padding:6px 12px;font-size:12px;gap:5px}.btn-primary{background:var(--alloy-pink);color:#fff}.btn-primary:hover{background:#c12a60;box-shadow:0 4px 12px #d9356e4d}.btn-secondary{background:#fff;color:var(--alloy-purple);border:1px solid var(--alloy-light-gray)}.btn-secondary:hover{border-color:var(--alloy-purple)}.btn-dark{background:var(--alloy-purple);color:#fff}.btn-dark:hover{background:var(--alloy-purple-deep)}.btn-ghost{background:transparent;color:var(--alloy-purple)}.btn-ghost:hover{background:var(--alloy-purple-tint)}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-pad-lg{padding:24px 26px}.card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.card-head .kicker{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--alloy-pink)}.card-head h3{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--alloy-purple);margin:0;letter-spacing:-.005em}.card-head .grow{flex:1}.hero-band{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--alloy-purple) 0%,#1f0e30 70%);color:#fff;border-radius:var(--radius-xl);padding:32px 36px;margin-bottom:24px;border:1px solid rgba(255,255,255,.06)}.hero-band:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(245,216,128,.25) 0%,transparent 70%);pointer-events:none}.hero-band:after{content:"";position:absolute;left:-80px;bottom:-120px;width:280px;height:280px;background:radial-gradient(circle,rgba(217,53,110,.18) 0%,transparent 70%);pointer-events:none}.hero-band>*{position:relative;z-index:1}.hero-band .greet{font-size:11.5px;font-weight:700;color:var(--alloy-yellow);text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}.hero-band h2{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.2;margin:0 0 12px;letter-spacing:-.015em;max-width:800px;color:#fff}.hero-band .lead{font-size:14.5px;color:#ffffffc7;max-width:720px;line-height:1.55;margin:0 0 22px}.hero-band .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.col-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.col-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.col-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1280px){.col-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.col-2,.col-3{grid-template-columns:1fr}}.stat-card{position:relative;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--alloy-pink),var(--alloy-yellow))}.stat-card .stat-label{font-size:11px;color:var(--fg-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:6px}.stat-card .stat-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center}.stat-icon-pink{background:var(--alloy-pink-tint);color:var(--alloy-pink)}.stat-icon-yellow{background:var(--alloy-yellow-tint);color:#b8881a}.stat-icon-blue{background:var(--alloy-blue-tint);color:#2a6391}.stat-icon-green{background:var(--alloy-green-tint);color:#2c6e62}.stat-icon-purple{background:var(--alloy-purple-tint);color:var(--alloy-purple)}.stat-card .stat-value{font-family:var(--font-display);font-weight:800;font-size:32px;color:var(--alloy-purple);margin:8px 0 4px;line-height:1;letter-spacing:-.02em}.stat-card .stat-trend{font-size:12px;font-weight:700;color:#2c8a5e;display:flex;align-items:center;gap:4px}.stat-card .stat-trend.down{color:#d94c4c}.stat-card .stat-trend .vs{color:var(--fg-muted);font-weight:500;margin-left:4px}.stat-card .spark{position:absolute;right:14px;top:14px;opacity:.85}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--alloy-purple-tint);color:var(--alloy-purple)}.tag .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.tag-attract{background:var(--alloy-pink-tint);color:#a82451}.tag-close{background:var(--alloy-blue-tint);color:#1d4d75}.tag-keep{background:var(--alloy-green-tint);color:#2c6e62}.tag-energy{background:var(--alloy-yellow-tint);color:#7a5a14}.tag-status-progress{background:#f5d88066;color:#7a5a14}.tag-status-review{background:var(--alloy-pink-tint);color:#a82451}.tag-status-live{background:#aed7d080;color:#2c6e62}.tag-status-done{background:var(--alloy-light-gray);color:var(--fg-muted)}.tag-status-block{background:#fde0e0;color:#b03a3a}.tag-pink{background:var(--alloy-pink);color:#fff}.tag-outline{background:transparent;border:1px solid var(--border-subtle);color:var(--fg-muted);font-size:10px}.tier-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--alloy-yellow) 0%,#e6c45f 100%);color:var(--alloy-purple);font-family:var(--font-display);font-weight:800;font-size:12px;border-radius:999px;letter-spacing:.02em;box-shadow:0 2px 8px #f5d88066}.tier-pill .star{color:var(--alloy-pink)}.tier-pill.steady{background:linear-gradient(135deg,var(--alloy-blue),#7eafd1)}.tier-pill.ascend{background:linear-gradient(135deg,var(--alloy-pink),#8a1f48);color:#fff}.tier-pill.ascend .star{color:var(--alloy-yellow)}.input{width:100%;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;color:var(--fg-2);transition:border-color .15s}.input:focus{outline:none;border-color:var(--alloy-purple);box-shadow:0 0 0 3px var(--alloy-purple-tint)}.section-title{display:flex;align-items:center;gap:10px;margin:28px 0 14px;font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--alloy-purple);text-transform:uppercase;letter-spacing:.06em}.section-title .pip{width:22px;height:3px;background:var(--alloy-pink);border-radius:999px}.section-title a{margin-left:auto;font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:0}.progress{height:6px;background:var(--alloy-light-gray);border-radius:999px;overflow:hidden}.progress .bar{height:100%;border-radius:999px;background:var(--alloy-pink);transition:width .4s}.progress .bar.yellow{background:linear-gradient(90deg,var(--alloy-yellow),var(--alloy-pink))}.avatars{display:flex}.avatars .av{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:9.5px;font-weight:800;color:#fff;border:2px solid #fff;margin-left:-8px;font-family:var(--font-display)}.avatars .av:first-child{margin-left:0}.row-item{border-bottom:1px solid var(--border-subtle)}.row-item:last-child{border-bottom:none}.row-item .who{font-size:13.5px;font-weight:600;color:var(--fg-2)}.row-item .meta{font-size:11.5px;color:var(--fg-muted)}.celebrate{display:flex;align-items:center;gap:16px;padding:14px 20px;background:linear-gradient(95deg,var(--alloy-yellow) 0%,#f9bb50 100%);border-radius:var(--radius-lg);margin-bottom:18px;color:var(--alloy-purple);box-shadow:0 6px 20px #f5d88066;position:relative;overflow:hidden}.celebrate:before{content:"";position:absolute;top:-20px;right:60px;width:100px;height:100px;background:radial-gradient(circle,rgba(217,53,110,.25) 0%,transparent 70%)}.celebrate .trophy{width:48px;height:48px;border-radius:12px;background:var(--alloy-purple);color:var(--alloy-yellow);display:grid;place-items:center;flex-shrink:0;position:relative;z-index:1}.celebrate .text{flex:1;min-width:0;position:relative;z-index:1}.celebrate .ann{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#5a2a14}.celebrate .ttl{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--alloy-purple);margin-top:2px}.celebrate .sub{font-size:12.5px;color:#381c4fbf;margin-top:2px}.score-ring{position:relative;width:88px;height:88px}.score-ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.score-ring .v{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--alloy-purple);line-height:1;letter-spacing:-.02em}.score-ring .t{font-size:9.5px;color:var(--fg-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.activity-list{display:flex;flex-direction:column;gap:14px}.activity-item{display:flex;gap:12px}.activity-item .ic{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.activity-item .body{flex:1;min-width:0}.activity-item .head-line{font-size:13px;font-weight:600;color:var(--fg-2);line-height:1.45}.activity-item .meta{font-size:11px;color:var(--fg-muted);margin-top:2px}.ticket-list{display:flex;flex-direction:column}.ticket-item{display:grid;grid-template-columns:4px 1fr auto auto auto;gap:12px;padding:14px 16px;border-radius:10px;align-items:center;cursor:pointer;transition:background .15s;border:1px solid transparent}.ticket-item:hover{background:var(--alloy-off-white)}.ticket-item.active{background:var(--alloy-purple-tint);border-color:var(--alloy-light-gray)}.ticket-item .priority-bar{width:4px;height:38px;border-radius:4px}.ticket-item.priority-high .priority-bar{background:var(--alloy-pink)}.ticket-item.priority-med .priority-bar{background:var(--alloy-yellow)}.ticket-item.priority-low .priority-bar{background:var(--alloy-blue)}.ticket-item .title-line{font-size:13.5px;font-weight:700;color:var(--fg-2);line-height:1.3}.ticket-item .meta-line{font-size:11px;color:var(--fg-muted);margin-top:4px;display:flex;align-items:center;gap:8px}.ticket-item .meta-line .id{font-family:var(--font-mono)}.ticket-item .meta-line .sep{width:3px;height:3px;background:var(--fg-muted);border-radius:999px;opacity:.5}.project-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 110px;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border-subtle);align-items:center}.project-row:last-child{border-bottom:none}.project-row:hover{background:var(--alloy-off-white)}.project-row .title-cell .ttl{font-size:13.5px;font-weight:600;color:var(--fg-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-row .title-cell .meta{font-size:11px;color:var(--fg-muted);margin-top:3px}.project-row .progress-cell .pct{font-size:11px;color:var(--fg-muted);margin-top:4px;font-weight:700}.project-row .due{font-size:13px;font-weight:600;color:var(--fg-2)}.project-row .due .small{display:block;font-size:11px;color:var(--fg-muted);font-weight:500}.donut{position:relative;width:130px;height:130px;flex-shrink:0}.donut .lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.donut .lbl .v{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--alloy-purple);line-height:1}.donut .lbl .t{font-size:11px;color:var(--fg-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.legend{flex:1;display:flex;flex-direction:column;gap:8px}.legend-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--border-subtle)}.legend-row:last-child{border-bottom:none}.legend-row .swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-row .lname{flex:1;font-size:12.5px;color:var(--fg-3);font-weight:600}.legend-row .lval{font-family:var(--font-display);font-size:14px;color:var(--alloy-purple);font-weight:800}.roadmap{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:14px;padding:4px;overflow-x:auto}.roadmap-col{position:relative;padding:18px 16px;background:#fff;border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:320px}.roadmap-col[data-state=now]{border-color:var(--alloy-pink);box-shadow:0 8px 28px #d9356e2e}.roadmap-col[data-state=next]{border-style:dashed}.roadmap-col[data-state=future]{background:var(--alloy-off-white)}.roadmap-col[data-state=done]{background:var(--alloy-purple-tint)}.roadmap-col .qhead{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px;flex-wrap:wrap}.roadmap-col .q{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);font-weight:700}.roadmap-col .qsub{font-size:10.5px;font-weight:800;color:var(--alloy-pink);text-transform:uppercase;letter-spacing:.08em}.roadmap-col[data-state=done] .qsub{color:#2c6e62}.roadmap-col[data-state=future] .qsub{color:var(--fg-muted)}.pchip{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--alloy-off-white);border:1px solid var(--border-subtle);border-radius:8px;font-size:12px;line-height:1.35;color:var(--fg-3);font-weight:600}.pchip .ic{font-family:var(--font-display);color:var(--fg-muted);flex-shrink:0}.pchip.attract{border-left:3px solid var(--alloy-pink)}.pchip.close{border-left:3px solid var(--alloy-blue)}.pchip.keep{border-left:3px solid var(--alloy-green)}.pchip.energy{border-left:3px solid var(--alloy-yellow)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.lib-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform .18s,box-shadow .18s;cursor:pointer}.lib-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lib-card .cover{position:relative;aspect-ratio:4/3;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden}.lib-card .cover:after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff14}.lib-card .cover.attract{background:linear-gradient(135deg,var(--alloy-pink) 0%,#8a1f48 100%)}.lib-card .cover.close{background:linear-gradient(135deg,#5a8bb5,#1d4d75)}.lib-card .cover.keep{background:linear-gradient(135deg,#7eb5ab,#2c6e62)}.lib-card .cover.energy{background:linear-gradient(135deg,#d4b045,#7a5a14)}.lib-card .stage{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#ffffffd9;position:relative;z-index:1}.lib-card .ttl{font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1.15;letter-spacing:-.01em;position:relative;z-index:1}.lib-card .body{padding:14px 16px}.lib-card .meta{font-size:11px;color:var(--fg-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.lib-card .desc{font-size:13px;color:var(--fg-3);margin-top:6px;line-height:1.5}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.badge-card{position:relative;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 16px;text-align:center;transition:transform .18s,box-shadow .18s}.badge-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge-card.locked{background:var(--alloy-off-white);opacity:.85}.badge-card .badge-medal{width:78px;height:78px;margin:0 auto 10px}.badge-card .name{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--alloy-purple)}.badge-card .desc{font-size:11.5px;color:var(--fg-muted);line-height:1.45;margin-top:6px;min-height:32px}.badge-card .earned{font-size:10.5px;font-weight:700;color:#2c8a5e;margin-top:8px;text-transform:uppercase;letter-spacing:.06em}.tweaks-float{position:fixed;bottom:24px;right:24px;width:280px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.tweaks-float .head{padding:14px 16px;background:var(--alloy-purple);color:#fff;font-family:var(--font-display);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.tweaks-float .head .dot{width:8px;height:8px;border-radius:999px;background:var(--alloy-yellow)}.tweaks-float .body{padding:16px;display:flex;flex-direction:column;gap:14px}.tweaks-float .row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tweaks-float .row.col{flex-direction:column;align-items:stretch;gap:6px}.tweaks-float .row label{font-size:12px;font-weight:700;color:var(--fg-3)}.toggle{width:38px;height:22px;border-radius:999px;background:var(--alloy-light-gray);position:relative;transition:background .15s}.toggle.on{background:var(--alloy-pink)}.toggle .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;transition:left .15s;box-shadow:var(--shadow-sm)}.toggle.on .thumb{left:18px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;background:var(--alloy-off-white);border-radius:8px;border:1px solid var(--border-subtle)}.seg button{padding:6px;font-size:11px;font-weight:700;color:var(--fg-muted);border-radius:6px;text-transform:capitalize}.seg button.active{background:var(--alloy-purple);color:#fff}.density-compact .card-pad{padding:14px}.density-compact .stat-card{padding:12px 14px}.density-compact .stat-card .stat-value{font-size:26px}.density-compact .row-item{padding:10px 0!important}