:root{--bg: #0d0d0f;--bg-card: #1a1a1e;--bg-card-hover: #222228;--bg-input: #131316;--border: #2a2a30;--border-light: #3a3a42;--text: #e8e8ec;--text-muted: #8a8a96;--text-dim: #5a5a66;--accent: #e05a2b;--accent-light: #ff7a45;--accent-dark: #b8421f;--green: #3ddc84;--green-dim: #2a9d5c;--yellow: #f5c542;--bronze: #cd7f32;--silver: #c0c0c0;--gold: #ffd700;--radius: 8px;--radius-sm: 4px;--shadow: 0 2px 8px rgba(0,0,0,.4);--font: "Segoe UI", system-ui, -apple-system, sans-serif;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}a{color:var(--accent-light);text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;outline:none;transition:border-color var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}[data-size=compact]{--card-padding: 10px 12px;--card-font-title: .8rem;--card-font-body: .72rem;--card-gap: 8px;--grid-min: 240px}[data-size=default]{--card-padding: 14px 16px;--card-font-title: .9rem;--card-font-body: .8rem;--card-gap: 12px;--grid-min: 300px}[data-size=spacious]{--card-padding: 20px 22px;--card-font-title: 1rem;--card-font-body: .88rem;--card-gap: 16px;--grid-min: 380px}.header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap}.header__title{font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.header__badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:#fff;font-weight:800;font-size:.7rem;border-radius:var(--radius-sm);letter-spacing:1px}.header__right{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.balance{display:flex;align-items:center;gap:6px;font-weight:600}.balance__value{color:var(--accent-light);font-size:1.05rem}.balance input{width:90px;text-align:right}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar__search{flex:1;min-width:160px;max-width:320px}.toolbar__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;transition:background var(--transition),color var(--transition);white-space:nowrap}.toolbar__btn:hover{background:var(--bg-card-hover)}.toolbar__btn--active{background:var(--accent);color:#fff}.toolbar__btn--active:hover{background:var(--accent-dark)}select.toolbar__select{padding:6px 8px;font-size:.8rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.whatif-banner{display:flex;align-items:center;gap:12px;padding:8px 20px;background:#e05a2b2e;border-bottom:1px solid var(--accent-dark);font-size:.85rem;position:sticky;top:0;z-index:10;flex-wrap:wrap}.whatif-banner__label,.whatif-banner__total{font-weight:700;color:var(--accent-light)}[data-whatif=true]{position:relative;border-top:3px solid var(--accent)}[data-whatif=true]:after{content:"What-if";position:fixed;top:12px;right:12px;z-index:100;padding:4px 10px;font-size:.7rem;font-weight:700;letter-spacing:.5px;color:var(--bg);background:var(--accent);border-radius:999px;pointer-events:none}.main-content{flex:1;min-width:0;padding:0 20px 24px}.card-grid__intro{padding:16px 0 12px;border-bottom:1px solid var(--border);margin-bottom:16px}.card-grid__title{font-size:1rem;font-weight:700;margin:0 0 4px;color:var(--text)}.card-grid__subtitle{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min, 300px),1fr));gap:var(--card-gap, 12px)}.card-grid__empty{text-align:center;padding:40px 20px;color:var(--text-dim);font-size:.9rem}.challenge-groups{display:flex;flex-direction:column;gap:24px}.challenge-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.challenge-group__title{font-size:.95rem;font-weight:700;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:.02em}.challenge-group__cards{min-height:0}.card-tile{position:relative;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition);display:flex;min-width:0}.card-tile:hover{border-color:var(--border-light);box-shadow:var(--shadow)}.card-tile--completed{opacity:.5;border-color:var(--green-dim)}.card-tile--ignored{opacity:.65;border-color:var(--text-dim);border-style:dashed}.card-tile--whatif{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-tile--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.card-tile__accent{width:4px;flex-shrink:0;background:var(--accent)}.card-tile__accent--bronze{background:var(--bronze)}.card-tile__accent--silver{background:var(--silver)}.card-tile__accent--gold{background:var(--gold)}.card-tile__body{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.card-tile__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-tile__title{font-size:.95rem;font-weight:700;line-height:1.25;margin:0;color:var(--text);flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tile__points{flex-shrink:0;font-size:.8rem;font-weight:800;color:var(--accent-light);background:#e05a2b26;padding:4px 10px;border-radius:999px;white-space:nowrap}.card-tile__points--est{font-style:italic;font-weight:700}.card-tile__points-unit{font-size:.65rem;font-weight:600;opacity:.9}.card-tile__meta{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-tile__meta-sep{color:var(--text-dim);-webkit-user-select:none;user-select:none}.card-tile__progress{--progress-bar-height: 8px}.card-tile__progress .progress__bar{height:var(--progress-bar-height, 8px);border-radius:4px}.card-tile__progress .progress__header{font-size:.7rem}.card-tile__desc{font-size:.78rem;color:var(--text-dim);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tile__tiers{display:flex;flex-wrap:wrap;gap:6px}.card-tile__tier-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-size:.68rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.card-tile__tier-pill:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text)}.card-tile__tier-pill--bronze{border-color:color-mix(in srgb,var(--bronze) 50%,var(--border));color:var(--bronze)}.card-tile__tier-pill--silver{border-color:color-mix(in srgb,var(--silver) 50%,var(--border));color:var(--silver)}.card-tile__tier-pill--gold{border-color:color-mix(in srgb,var(--gold) 50%,var(--border));color:var(--gold)}.card-tile__tier-pill--active{background:var(--bg-card-hover);border-width:1.5px;font-weight:700;color:var(--text)}.card-tile__tier-pill--active.card-tile__tier-pill--bronze{border-color:var(--bronze);color:var(--bronze)}.card-tile__tier-pill--active.card-tile__tier-pill--silver{border-color:var(--silver);color:var(--silver)}.card-tile__tier-pill--active.card-tile__tier-pill--gold{border-color:var(--gold);color:var(--gold)}.card-tile__tier-pill--done{opacity:.85}.card-tile__tier-pill--done .card-tile__tier-check{color:var(--green);margin-left:2px}.card-tile__tier-name{text-transform:capitalize}.card-tile__tier-req{opacity:.9}.card-tile__tier-pts{font-size:.62rem;opacity:.8}.card-tile__tier-done-row{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px solid var(--border)}.card-tile__tier-done-btn{font-size:.68rem;padding:3px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.card-tile__tier-done-btn:hover{background:var(--bg-card-hover);color:var(--text)}.card-tile__tier-done-btn--done{background:var(--green-dim);border-color:var(--green);color:#fff}.card-tile__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px}.card-tile__btn{font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.card-tile__btn:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text)}.card-tile__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.card-tile__btn--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.card-tile__btn--done{border-color:var(--green-dim);color:var(--green)}.card-tile__btn--done:hover{background:var(--green-dim);color:#fff}.card-tile__btn--ignored{border-style:dashed;color:var(--text-dim)}.card-tile__btn--whatif{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-padding, 14px 16px);display:flex;flex-direction:column;gap:8px;transition:border-color var(--transition),box-shadow var(--transition);position:relative}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow)}.card--completed{opacity:.45;border-color:var(--green-dim);filter:grayscale(.5)}.card--ignored{opacity:.55;border-color:var(--text-dim);border-style:dashed}.card--whatif{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card__header{display:flex;align-items:flex-start;gap:8px}.card__badge{flex-shrink:0;width:24px;height:24px;background:var(--accent);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:3px}.card__title{font-size:var(--card-font-title, .9rem);font-weight:700;line-height:1.3;flex:1}.card__points{font-weight:700;color:var(--accent-light);font-size:var(--card-font-title, .9rem);white-space:nowrap}.card__points--estimated{font-style:italic}.card__category{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.card__meta-tag{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.card__meta-tag--diff{color:var(--text-dim);font-weight:600}.card__desc{font-size:var(--card-font-body, .8rem);color:var(--text-muted);line-height:1.4}.card__desc--clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card__action-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.card__action-btn--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.progress{display:flex;flex-direction:column;gap:4px}.progress__header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.progress__metric{color:var(--text-muted)}.progress__pct{color:var(--text);font-weight:600}.progress__bar{width:100%;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.progress__fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.progress__fill--done{background:var(--green)}.progress__input{display:flex;align-items:center;gap:6px;font-size:.75rem}.progress__input input{width:70px;text-align:right;font-size:.75rem;padding:3px 6px}.combine-with{font-size:.72rem;color:var(--text-dim)}.combine-with span{color:var(--text-muted);cursor:pointer}.combine-with span:hover{color:var(--accent-light)}.card__notes textarea{width:100%;min-height:36px;resize:vertical;font-size:.75rem;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text)}.difficulty{display:flex;align-items:center;gap:6px;font-size:.75rem}.difficulty__label{color:var(--text-muted)}.difficulty__dots{display:flex;gap:2px}.difficulty__dot{width:14px;height:14px;border-radius:2px;border:1px solid var(--border);background:var(--bg-input);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.difficulty__dot--active{background:var(--accent);border-color:var(--accent)}.difficulty__dot:hover{border-color:var(--accent-light)}.card__tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:.65rem;padding:2px 6px;border-radius:3px;background:#e05a2b26;color:var(--accent-light);border:1px solid rgba(224,90,43,.25)}.tag--remove{cursor:pointer}.tag--remove:hover{background:#e05a2b4d}.tag-input{font-size:.65rem;width:80px;padding:2px 4px}.card__actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.card__action-btn{font-size:.72rem;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition)}.card__action-btn:hover{border-color:var(--accent);color:var(--accent-light)}.card__action-btn--complete{border-color:var(--green-dim);color:var(--green)}.card__action-btn--ignored{border-color:var(--text-dim);color:var(--text-dim);border-style:dashed}.card__action-btn--whatif-active{background:var(--accent);border-color:var(--accent);color:#fff}.tier-card{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.tier-card--horizontal-tabs{flex-direction:column}.tier-card:hover{border-color:var(--border-light);box-shadow:var(--shadow)}.tier-tab__summary{font-size:.68rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.tier-tab--bronze{color:var(--bronze)}.tier-tab--silver{color:var(--silver)}.tier-tab--gold{color:var(--gold)}.tier-content{flex:1;padding:var(--card-padding, 14px 16px);display:flex;flex-direction:column;gap:8px;min-width:0}.tier-content--bronze{background:color-mix(in srgb,var(--bronze) 12%,var(--bg-card))}.tier-content--silver{background:color-mix(in srgb,var(--silver) 12%,var(--bg-card))}.tier-content--gold{background:color-mix(in srgb,var(--gold) 12%,var(--bg-card))}@keyframes tierSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.tier-content__inner{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;animation:tierSlideUp .55s ease-out}.tier-footer{display:flex;flex-direction:column;width:100%;flex-shrink:0;border-top:1px solid var(--border)}.tier-footer__item{min-width:0;padding:6px 10px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center}.tier-footer__item:last-child{border-bottom:none}.tier-footer__item:hover{background:var(--bg-card-hover)}.tier-footer__item .tier-tab__summary{flex:1;min-width:0}.tier-tab__done-btn{flex-shrink:0;padding:2px 8px;font-size:.68rem;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tier-tab__done-btn:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--border-light)}.tier-tab__done-btn--complete{background:var(--green-dim);color:#fff;border-color:var(--green)}.tier-tab__done-btn--complete:hover{background:var(--green)}@media(max-width:600px){.tier-footer__item{padding:4px 6px}.tier-tab__summary{font-size:.62rem}}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:90;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100%;background:var(--bg-card);border-left:1px solid var(--border);z-index:91;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000004d;animation:drawerSlide .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer__title{font-size:1rem;font-weight:700;margin:0;line-height:1.3}.drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;color:var(--text-muted);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.drawer__close:hover{background:var(--bg-card-hover);color:var(--text)}.drawer__body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.drawer__section{display:flex;flex-direction:column;gap:8px}.drawer__section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.drawer__desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.drawer__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.modal-overlay{position:fixed;inset:0;background:#000000a6;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;padding:20px}.modal__title{font-size:1rem;font-weight:700;margin-bottom:12px}.modal__list{display:flex;flex-direction:column;gap:6px}.modal__item{display:flex;justify-content:space-between;font-size:.82rem;padding:6px 8px;background:var(--bg);border-radius:var(--radius-sm)}.modal__running{color:var(--accent-light);font-weight:600}.modal__close{margin-top:12px;padding:8px 16px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:600}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:16px;text-align:center}.login__title{font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.login__card input{width:100%;padding:10px 14px}.login__card button{width:100%;padding:10px 14px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:background var(--transition)}.login__card button:hover{background:var(--accent-dark)}.login__error{color:#f44;font-size:.8rem}.multi-select{position:relative;display:inline-block}.multi-select__trigger{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);font-size:.8rem;cursor:pointer;white-space:nowrap;min-width:100px}.multi-select__trigger:hover{border-color:var(--border-light)}.multi-select__dropdown{position:absolute;top:100%;left:0;z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:2px;max-height:240px;overflow-y:auto;min-width:180px;box-shadow:var(--shadow)}.multi-select__option{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;cursor:pointer;transition:background var(--transition)}.multi-select__option:hover{background:var(--bg-card-hover)}.multi-select__check{width:14px;height:14px;border:1px solid var(--border-light);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.multi-select__check--active{background:var(--accent);border-color:var(--accent)}@media(max-width:768px){.header{padding:12px 14px;gap:10px}.header__title{font-size:.9rem}.toolbar{padding:8px 14px;gap:8px}.card-grid{padding:12px 14px;gap:10px}}@media(max-width:480px){.card-grid{grid-template-columns:1fr;padding:10px}.header__title span:not(.header__badge){font-size:.78rem}}