.avatar-selector{margin:0}.avatar-selector label{display:block;margin-bottom:.65rem;font-size:.82rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3);max-width:100%;padding-top:6px}.avatar-option{cursor:pointer;border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-2);background:var(--color-surface-muted);position:relative;transition:border-color .2s ease,background .2s ease}.avatar-option:hover{border-color:var(--color-primary);background:var(--color-surface)}.avatar-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.avatar-option.selected:after{content:"✓";position:absolute;top:-6px;right:-6px;background:var(--color-primary);color:var(--color-text-inverse);width:22px;height:22px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:var(--shadow-card)}.avatar-option.locked{cursor:not-allowed;opacity:.55;background:var(--color-surface-hover)}.avatar-option.locked:hover{border-color:var(--color-border);background:var(--color-surface-hover)}.avatar-option.locked .avatar-image{filter:grayscale(1)}.avatar-option-lock{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--shadow-card)}.avatar-selector-note{margin:var(--space-3) 0 0;font-size:.78rem;color:var(--color-text-subtle)}.avatar-image{line-height:0}.avatar-image,.avatar-image svg{width:100%;height:auto;display:block;border-radius:var(--radius-md)}@media (max-width:768px){.avatar-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.avatar-grid{grid-template-columns:repeat(2,1fr)}}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05))}.auth-header-text h1{margin:0;font-size:1.35rem;font-weight:700;color:var(--color-text);line-height:1.2}.auth-header-text p{margin:.2rem 0 0;font-size:.82rem;color:var(--color-text-subtle)}.auth-body{padding:1.25rem 1rem 1.5rem}.auth-form,.auth-status,.auth-success{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4)}.auth-status{align-items:stretch;text-align:center}.auth-status p{margin:0;color:var(--color-text-muted)}.auth-form .sc-alert,.auth-status .sc-alert,.auth-success .sc-alert{margin:0;text-align:left}.auth-field,.auth-field-stack{display:flex;flex-direction:column;grid-gap:.35rem;gap:.35rem}.auth-field-head{display:flex;align-items:baseline;justify-content:space-between;grid-gap:var(--space-2);gap:var(--space-2)}.auth-field label{font-size:.82rem;font-weight:600;color:var(--color-text-label)}.auth-field label,.auth-reveal{text-transform:uppercase;letter-spacing:.3px}.auth-reveal{padding:0;border:none;background:none;color:var(--color-primary);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.auth-reveal:hover{color:var(--color-primary-hover)}.auth-reveal:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.auth-reveal:disabled{opacity:.6;cursor:not-allowed}.auth-field input{width:100%;padding:.7rem .9rem;border:2px solid var(--color-border-input);border-radius:var(--radius-md);font:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.auth-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.auth-field input:disabled{background:var(--color-surface-muted);cursor:not-allowed}.auth-note{margin:0;font-size:.75rem;color:var(--color-text-subtle)}.auth-form .avatar-selector{margin:0}.auth-form .sc-btn--block,.auth-status .sc-btn--block,.auth-success .sc-btn--block{padding:.75rem 1.1rem;font-size:.95rem}.auth-footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);text-align:center;font-size:.9rem;color:var(--color-text-muted)}.auth-footer a{color:var(--color-primary);font-weight:700;text-decoration:none}.auth-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-footer a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.pw-rules{list-style:none;margin:.15rem 0 0;padding:.65rem .75rem;display:grid;grid-template-columns:1fr;grid-gap:.35rem;gap:.35rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.pw-rule{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem;min-width:0;font-size:.75rem;font-weight:600;color:var(--color-text-subtle)}.pw-rule-mark{width:1rem;height:1rem;border-radius:var(--radius-pill);border:1.5px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem;line-height:1}.pw-rule--met,.pw-rule-mark{color:var(--color-success)}.pw-rule--met .pw-rule-mark{background:var(--color-success-bg);border-color:var(--color-success)}.pw-match{margin:0;font-size:.75rem;font-weight:600;color:var(--color-danger)}.pw-match--ok{color:var(--color-success)}@media (min-width:480px){.pw-rules{grid-template-columns:1fr 1fr;grid-column-gap:.75rem;column-gap:.75rem}}.avatar-container{display:inline-block;line-height:0}.avatar-container svg{display:block;width:100%;height:100%}.reaction-bar{grid-gap:.4rem;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--color-primary-ring);margin-top:.5rem}.reaction-bar,.reaction-summary{display:flex;align-items:center;flex-wrap:wrap}.reaction-summary{grid-gap:.3rem;gap:.3rem}.reaction-group-wrapper{position:relative}.reaction-chip{display:inline-flex;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--color-primary-track);background:#f8fdf5;cursor:pointer;font-size:.8rem;transition:all .15s ease;line-height:1}.reaction-chip:hover{background:#eef7e8;border-color:rgba(123,182,97,.4)}.reaction-chip.reacted{background:var(--color-primary-muted);border-color:rgba(123,182,97,.5)}.reaction-emoji{font-size:.9rem;line-height:1}.reaction-count{font-size:.75rem;font-weight:600;color:#555}.reaction-tooltip{bottom:calc(100% + 6px);background:#333;color:#fff;padding:.4rem .6rem;border-radius:8px;font-size:.7rem;white-space:nowrap;z-index:100;display:flex;flex-direction:column;grid-gap:.15rem;gap:.15rem;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none}.reaction-tooltip,.reaction-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.reaction-tooltip:after{content:"";top:100%;border:5px solid transparent;border-top-color:#333}.reaction-add-wrapper{position:relative}.reaction-add-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px dashed var(--color-primary-glow);background:transparent;color:#999;cursor:pointer;font-size:1rem;line-height:1;transition:all .15s ease}.reaction-add-btn:hover{background:#f8fdf5;border-color:rgba(123,182,97,.5);color:#666}.reaction-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;flex-wrap:wrap;justify-content:center;max-width:min(260px,calc(100vw - 3rem));grid-gap:.2rem;gap:.2rem;background:#fff;border:1px solid var(--color-primary-track);border-radius:12px;padding:.35rem .5rem;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:100}.picker-emoji{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.2rem .3rem;border-radius:6px;transition:all .15s ease;line-height:1}.picker-emoji:hover{background:#f0f7eb;transform:scale(1.2)}.picker-emoji.already-reacted{background:var(--color-primary-muted)}.reaction-popover{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--color-primary-track);border-radius:12px;padding:.6rem .75rem;box-shadow:0 4px 16px rgba(0,0,0,.14);z-index:110;min-width:140px;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.reaction-popover:after{content:"";position:absolute;top:100%;left:16px;border:6px solid transparent;border-top-color:#fff}.popover-users{display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem}.popover-username{font-size:.8rem;color:#444;font-weight:500}.popover-react-btn{display:block;width:100%;padding:.35rem .5rem;border:none;border-radius:8px;background:rgba(123,182,97,.12);color:#4a7c3f;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s ease;text-align:center}.popover-react-btn:hover{background:rgba(123,182,97,.22)}.popover-react-btn.remove{background:rgba(220,80,80,.1);color:#b33}.popover-react-btn.remove:hover{background:rgba(220,80,80,.2)}.notif-bell{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:.35rem;background:none;border:none;color:#555;cursor:pointer;border-radius:8px;transition:color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.notif-bell:hover{color:var(--color-primary);background:var(--color-primary-ring)}.notif-bell-icon{position:relative;display:inline-flex}.notif-bell-icon svg{width:24px;height:24px;display:block}.notif-bell-badge{position:absolute;top:-4px;right:-8px;background:#e53e3e;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.2)}.db-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.db-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.db-header{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-4);gap:var(--space-4);padding:1.25rem 1rem;border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05))}.db-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.db-header-actions{display:flex;align-items:center;flex-shrink:0}.db-header-actions .notif-bell{width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.db-header-actions .notif-bell:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.db-header-actions .notif-bell:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.db-summary{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.db-summary,.db-summary-identity{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.db-summary-identity{min-width:0;flex:1 1 180px}.db-avatar-ring{flex-shrink:0;width:64px;height:64px;padding:3px;background:conic-gradient(var(--color-primary) 100%,var(--color-primary-track) 0)}.db-avatar,.db-avatar-ring{border-radius:var(--radius-pill)}.db-avatar{width:100%;height:100%;padding:6px;background:var(--color-surface);overflow:hidden}.db-summary-text{min-width:0}.db-summary-text h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2}.db-summary-text p{margin:.15rem 0 0;font-size:.82rem;color:var(--color-text-subtle)}.db-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);width:100%}.db-stat{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.db-stat-value{font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2}.db-stat--points .db-stat-value{color:var(--color-primary)}.db-stat--streak .db-stat-value{color:var(--color-tier-gold)}.db-stat-label{font-size:.6rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.db-content{padding:1.25rem 1rem}.db-section{margin-bottom:1.5rem}.db-section:last-child{margin-bottom:0}.db-section-head{display:flex;align-items:baseline;justify-content:space-between;grid-gap:var(--space-2);gap:var(--space-2)}.db-section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.db-filter-hint,.db-section-title{margin:0 0 .65rem;font-weight:600;color:var(--color-text-subtle)}.db-filter-hint{font-size:.75rem}.db-see-all{margin:0 0 .65rem;padding:0;background:none;border:none;color:var(--color-primary);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.db-see-all:hover{color:var(--color-primary-hover)}.db-see-all:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.db-alert{margin-bottom:.85rem}.db-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.db-challenge-card{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;width:100%;padding:.85rem 1rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.db-challenge-card:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.db-challenge-card:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.db-challenge-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--color-primary-ring);border-radius:var(--radius-md)}.db-challenge-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.db-challenge-name{font-weight:600;font-size:.9rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-challenge-meta{font-size:.78rem;color:var(--color-text-subtle);margin-top:.1rem}.db-challenge-role{flex-shrink:0;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:.15rem .45rem;border-radius:var(--radius-pill)}.db-challenge-role.admin{background:var(--color-coin-bg);color:var(--color-coin)}.db-challenge-role.member{background:var(--color-success-bg);color:var(--color-success)}.db-chips{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;margin-bottom:.85rem}.db-chip{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem;padding:.35rem .7rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);color:var(--color-text-muted);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.db-chip:hover{border-color:var(--color-primary-track);color:var(--color-text)}.db-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.db-chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.db-chip-count{font-size:.68rem;font-weight:700;opacity:.7}.db-filter-controls{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}.db-filter-label{font-size:.75rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.db-filters-list{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;align-items:center}.db-filter-chip{display:flex;align-items:center;grid-gap:.3rem;gap:.3rem;background:var(--color-primary);color:var(--color-text-inverse);padding:.25rem .6rem;border-radius:var(--radius-pill);font-size:.78rem}.db-chip-value{font-weight:600}.db-chip-remove{background:hsla(0,0%,100%,.25);color:var(--color-text-inverse);border:none;border-radius:var(--radius-pill);width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;font-weight:700;padding:0;line-height:1}.db-chip-remove:hover{background:hsla(0,0%,100%,.5)}.db-chip-remove:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.db-clear-all{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:.25rem .65rem;border-radius:var(--radius-pill);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600}.db-clear-all:hover{background:var(--color-primary);color:var(--color-text-inverse)}.db-clear-all:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.db-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;grid-gap:.75rem;gap:.75rem}.db-loading p{color:var(--color-text-muted);font-size:.9rem;margin:0}.db-empty{margin:0;padding:1.5rem 0;text-align:center;font-size:.82rem;color:var(--color-text-subtle)}.db-feed-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.db-feed-card{padding:.85rem 1rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s ease,background .2s ease}.db-feed-card:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.db-feed-main{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.db-feed-user{flex-shrink:0;margin:0;padding:0;border:none;background:none;border-radius:var(--radius-pill);cursor:pointer;line-height:0}.db-feed-user:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.db-feed-avatar{width:38px;height:38px;border-radius:var(--radius-pill);overflow:hidden;display:block;background:var(--color-surface);border:2px solid var(--color-primary-track)}.db-feed-avatar svg{width:100%;height:100%}.db-feed-avatar--empty{background:var(--color-surface-hover)}.db-feed-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.db-feed-type{display:block;width:100%;margin:0;padding:0;border:none;background:none;font:inherit;font-weight:600;font-size:.9rem;color:var(--color-text);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-feed-type:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.db-feed-points{flex-shrink:0;font-weight:700;font-size:.8rem;color:var(--color-primary);background:var(--color-primary-ring);border-radius:var(--radius-pill);padding:.2rem .5rem;white-space:nowrap}.db-feed-meta{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.5rem;gap:.5rem;margin-top:.1rem;font-size:.78rem;color:var(--color-text-subtle)}.db-feed-username{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem;margin:0;padding:0;border:none;background:none;font:inherit;font-size:.78rem;font-weight:600;color:var(--color-text-muted);cursor:pointer}.db-feed-username:hover{color:var(--color-primary)}.db-feed-username:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.db-you-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--color-primary);background:var(--color-primary-ring);border-radius:var(--radius-pill);padding:.05rem .4rem}.db-sentinel{padding:1rem 0 .25rem;text-align:center}.db-loading-more{display:flex;flex-direction:column;align-items:center;grid-gap:.5rem;gap:.5rem}.db-loading-more p{margin:0;color:var(--color-text-subtle);font-size:.82rem}.db-spinner-small{width:28px;height:28px;border:3px solid var(--color-primary-track);border-top-color:var(--color-primary);border-radius:50%;animation:sc-spin .8s linear infinite}.db-feed-end{color:var(--color-text-subtle);font-size:.82rem;margin:0}.db-feed-card .reaction-bar{margin-top:.65rem;padding-top:.55rem;border-top-color:var(--color-border-light)}@media (max-width:520px){.db-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.db-summary-stats{width:auto;margin-left:auto;grid-template-columns:repeat(4,minmax(88px,auto))}}@media (min-width:769px){.db-page{padding:2rem 1rem}.db-header{padding:1.5rem 2rem}.db-header h2{font-size:1.75rem}.db-summary{grid-gap:var(--space-4);gap:var(--space-4);padding:1.25rem 2rem}.db-avatar-ring{width:72px;height:72px}.db-summary-text h3{font-size:1.4rem}.db-content{padding:1.5rem 2rem}.db-challenge-card,.db-feed-card{padding:1rem 1.25rem}}.pp-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.pp-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.pp-header{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-4);gap:var(--space-4);padding:1.25rem 1rem;border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05))}.pp-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.pp-header-actions{display:flex;align-items:center;flex-shrink:0}.pp-header-actions .notif-bell{width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.pp-header-actions .notif-bell:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.pp-header-actions .notif-bell:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pp-alerts{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4) var(--space-4) 0}.pp-alerts .pp-error,.pp-alerts .pp-success{margin:0}.pp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;grid-gap:1rem;gap:1rem}.pp-loading p{color:var(--color-text-muted);font-size:.95rem;margin:0}.pp-summary{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.pp-summary,.pp-summary-identity{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.pp-summary-identity{min-width:0;flex:1 1 180px}.pp-avatar-ring{flex-shrink:0;width:64px;height:64px;padding:3px;background:conic-gradient(var(--color-primary) 100%,var(--color-primary-track) 0)}.pp-avatar,.pp-avatar-ring{border-radius:var(--radius-pill)}.pp-avatar{width:100%;height:100%;padding:6px;background:var(--color-surface);overflow:hidden}.pp-summary-text{min-width:0}.pp-summary-text h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2}.pp-summary-text h3,.pp-summary-text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-summary-text p{margin:.15rem 0 0;font-size:.82rem;color:var(--color-text-subtle)}.pp-summary-stats{display:flex;grid-gap:var(--space-2);gap:var(--space-2);margin-left:auto}.pp-stat{display:flex;flex-direction:column;justify-content:center;min-width:88px;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.pp-stat-value{font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2}.pp-stat--points .pp-stat-value{color:var(--color-primary)}.pp-stat--streak .pp-stat-value{color:var(--color-tier-gold)}.pp-stat-label{font-size:.6rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.pp-content{padding:1.25rem 1rem}.pp-section{margin-bottom:1.5rem}.pp-section:last-child{margin-bottom:0}.pp-section-head{display:flex;align-items:baseline;justify-content:space-between;grid-gap:var(--space-2);gap:var(--space-2)}.pp-section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.pp-filter-hint,.pp-section-title{margin:0 0 .65rem;font-weight:600;color:var(--color-text-subtle)}.pp-filter-hint{font-size:.75rem}.pp-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.pp-action{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;width:100%;padding:.85rem 1rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.pp-action:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.pp-action:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pp-action-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--color-primary-ring);border-radius:var(--radius-md)}.pp-action-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.pp-action-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.pp-action-desc{font-size:.78rem;color:var(--color-text-subtle);margin-top:.1rem}.pp-action-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-text-inverse);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.pp-action-arrow{flex-shrink:0;font-size:1.3rem;line-height:1;color:var(--color-text-subtle)}.pp-action:hover .pp-action-arrow{color:var(--color-primary)}.pp-action--danger .pp-action-icon{background:var(--color-danger-bg)}.pp-action--danger .pp-action-name{color:var(--color-danger)}.pp-action--danger:hover{border-color:var(--color-danger-border);background:var(--color-danger-bg)}.pp-action--danger:hover .pp-action-arrow{color:var(--color-danger)}.pp-form{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4)}.pp-form-group{display:flex;flex-direction:column;grid-gap:.35rem;gap:.35rem;flex:1 1}.pp-form-group label{font-size:.82rem;font-weight:600;color:var(--color-text-label);text-transform:uppercase;letter-spacing:.3px}.pp-form-group input{padding:.7rem .9rem;border:2px solid var(--color-border-input);border-radius:var(--radius-md);font:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.pp-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.pp-form-actions{display:flex;flex-wrap:wrap;grid-gap:var(--space-3);gap:var(--space-3)}.pp-weekly-chart{display:flex;align-items:flex-end;grid-gap:4px;gap:4px;height:160px;padding:var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.pp-chart-bar-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.pp-chart-bar-value{font-size:.6rem;font-weight:600;color:var(--color-text-muted);margin-bottom:3px;white-space:nowrap}.pp-chart-bar{width:100%;max-width:36px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .4s ease}.pp-chart-bar-label{font-size:.6rem;color:var(--color-text-subtle);margin-top:4px;white-space:nowrap}.pp-chips{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;margin-bottom:.85rem}.pp-chip{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem;padding:.35rem .7rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);color:var(--color-text-muted);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.pp-chip:hover{border-color:var(--color-primary-track);color:var(--color-text)}.pp-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pp-chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pp-chip-count{font-size:.68rem;font-weight:700;opacity:.7}.pp-filter-controls{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}.pp-filter-label{font-size:.75rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.pp-filters-list{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;align-items:center}.pp-filter-chip{display:flex;align-items:center;grid-gap:.3rem;gap:.3rem;background:var(--color-primary);color:var(--color-text-inverse);padding:.25rem .6rem;border-radius:var(--radius-pill);font-size:.78rem}.pp-chip-value{font-weight:600}.pp-chip-remove{background:hsla(0,0%,100%,.25);color:var(--color-text-inverse);border:none;border-radius:var(--radius-pill);width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.65rem;font-weight:700;padding:0;line-height:1}.pp-chip-remove:hover{background:hsla(0,0%,100%,.5)}.pp-chip-remove:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pp-clear-all{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:.25rem .65rem;border-radius:var(--radius-pill);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600}.pp-clear-all:hover{background:var(--color-primary);color:var(--color-text-inverse)}.pp-clear-all:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pp-date-filters{display:flex;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.pp-date-filters .pp-form-group{flex:1 1;min-width:0}.pp-empty{margin:0;padding:1.5rem 0;text-align:center;font-size:.82rem;color:var(--color-text-subtle)}.pp-activity-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.pp-activity-card{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;width:100%;padding:.85rem 1rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.pp-activity-card:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.pp-activity-card:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.pp-activity-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.pp-activity-card-type{font-weight:600;font-size:.9rem;color:var(--color-text)}.pp-activity-card-points{flex-shrink:0;font-weight:700;font-size:.8rem;color:var(--color-primary);background:var(--color-primary-ring);border-radius:var(--radius-pill);padding:.2rem .5rem;white-space:nowrap}.pp-activity-card-meta{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-top:.1rem;font-size:.78rem;color:var(--color-text-subtle)}.pp-effort-badge{background:var(--color-primary-ring);padding:.05rem .45rem;border-radius:var(--radius-sm);color:var(--color-primary);font-weight:600}@media (max-width:520px){.pp-summary-stats{width:100%;margin-left:0}.pp-stat{flex:1 1}}@media (min-width:769px){.pp-page{padding:2rem 1rem}.pp-header{padding:1.5rem 2rem}.pp-header h2{font-size:1.75rem}.pp-alerts{padding:var(--space-4) 2rem 0}.pp-summary{grid-gap:var(--space-4);gap:var(--space-4);padding:1.25rem 2rem}.pp-avatar-ring{width:72px;height:72px}.pp-summary-text h3{font-size:1.4rem}.pp-content{padding:1.5rem 2rem}.pp-action,.pp-activity-card{padding:1rem 1.25rem}.pp-weekly-chart{height:200px}.pp-activity-list{max-height:500px}}.la-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.la-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:visible}.la-header{display:flex;align-items:center;justify-content:space-between;grid-gap:2rem;gap:2rem;padding:1.25rem 1rem;border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.la-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-color)}.la-tips-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f0f0f0;text-align:center}.la-tips-toggle{font-size:.78rem;color:#999;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.la-tips-toggle:hover{color:var(--color-primary)}.la-tips-list{list-style:none;padding:0;margin:.6rem 0 0;display:flex;flex-direction:column;grid-gap:.35rem;gap:.35rem;text-align:left}.la-tips-list li{font-size:.78rem;color:#888;padding-left:1.2rem;position:relative;line-height:1.4}.la-tips-list li:before{content:"✓";position:absolute;left:0;font-weight:700;color:var(--color-primary)}.la-content{padding:1.25rem 1rem}.la-form{grid-gap:1.25rem;gap:1.25rem}.la-field,.la-form{display:flex;flex-direction:column}.la-field{grid-gap:.4rem;gap:.4rem}.la-label{font-size:.82rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px}.la-input{padding:.7rem .9rem;border:2px solid #eee;border-radius:8px;font-size:.95rem;transition:border-color .2s ease;background:#fff;width:100%;box-sizing:border-box}.la-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.la-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237bb661' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:1.1em;padding-right:2.8rem;cursor:pointer}.la-activity-card{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:.75rem .9rem;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-primary-soft)}.la-activity-description{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.4}.la-duration-basis{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.4rem .6rem;gap:.4rem .6rem}.la-duration-basis-pill{display:inline-flex;align-items:center;grid-gap:.3rem;gap:.3rem;padding:.2rem .6rem;border-radius:var(--radius-pill);background:var(--color-primary-muted);color:var(--color-text);font-size:.75rem;font-weight:600;white-space:nowrap}.la-duration-instructions,.la-help-text{font-size:.8rem;color:var(--color-text-muted)}.la-help-text{margin:0;line-height:1.4}.la-choice-group{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.la-choice-btn,button.la-choice-btn{all:unset;flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 0.5rem);min-width:5.5rem;display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;border:2px solid var(--color-border-light)!important;border-radius:var(--radius-lg);background:var(--color-surface-muted)!important;color:var(--color-text);cursor:pointer;transition:all .2s ease;box-sizing:border-box;text-align:center;width:auto!important}.la-choice-btn:hover,button.la-choice-btn:hover{border-color:var(--color-primary-glow)!important;background:var(--color-surface-hover)!important;transform:translateY(-1px)}.la-choice-btn.active,button.la-choice-btn.active{border-color:var(--color-primary)!important;background:var(--color-primary-soft)!important;box-shadow:0 0 0 3px var(--color-primary-muted)}.la-choice-btn:focus-visible,button.la-choice-btn:focus-visible{box-shadow:var(--shadow-focus)}.la-choice-text{font-size:.92rem;font-weight:600}.la-choice-definition{margin:0;font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.la-effort-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.4rem;gap:.4rem}.la-effort-btn,button.la-effort-btn{all:unset;display:flex;align-items:center;justify-content:center;height:2.6rem;border:2px solid var(--color-border-light)!important;border-radius:var(--radius-md);background:var(--color-surface-muted)!important;color:var(--color-text);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-sizing:border-box;text-align:center;width:auto!important}.la-effort-btn:hover,button.la-effort-btn:hover{border-color:var(--color-primary-glow)!important;background:var(--color-surface-hover)!important}.la-effort-btn.active,button.la-effort-btn.active{border-color:var(--color-primary)!important;background:var(--color-primary)!important;color:var(--color-text-inverse);box-shadow:0 0 0 3px var(--color-primary-muted)}.la-effort-btn:focus-visible,button.la-effort-btn:focus-visible{box-shadow:var(--shadow-focus)}.la-effort-anchors{display:flex;justify-content:space-between;grid-gap:.5rem;gap:.5rem;font-size:.72rem;color:var(--color-text-subtle)}.la-effort-current{font-size:.82rem;font-weight:600;color:var(--color-text)}.la-optional-hint{font-size:.72rem;font-weight:500;color:#aaa;text-transform:uppercase;letter-spacing:.3px}.la-optional-details-section{border:1px solid #eee;border-radius:10px;margin:.25rem 0;overflow:hidden}.la-optional-details-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-column-gap:.5rem;column-gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;background:rgba(123,182,97,.04);line-height:1.2}.la-optional-details-toggle-title{min-width:0}.la-optional-details-toggle .la-optional-hint{line-height:1.2;align-self:center}.la-optional-details-toggle::-webkit-details-marker{display:none}.la-optional-details-toggle:before{content:"▸";display:inline-block;transition:transform .2s ease;font-size:.75rem;color:#999}.la-optional-details-section[open]>.la-optional-details-toggle:before{transform:rotate(90deg)}.la-optional-details-content{padding:.25rem .75rem .75rem}.la-dual-wheel{display:flex;align-items:flex-end;grid-gap:.5rem;gap:.5rem}.la-wheel-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;grid-gap:.35rem;gap:.35rem}.la-wheel-label{font-size:.72rem;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.3px}.la-wheel-sep{font-size:1.4rem;font-weight:700;color:#ccc;padding-bottom:calc(110px - .7rem)}.la-time-picker{position:relative;height:220px;overflow:hidden;border:2px solid #eee;border-radius:10px;background:#fafafa;width:100%}.la-time-highlight{position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%);background:var(--color-primary-ring);border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);pointer-events:none;z-index:1}.la-time-list{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.la-time-list::-webkit-scrollbar{display:none}.la-time-item{display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:500;color:#aaa;scroll-snap-align:center;cursor:pointer;transition:color .15s,font-weight .15s;-webkit-user-select:none;user-select:none}.la-time-item.selected{color:var(--text-color);font-weight:700;font-size:1.15rem}.la-submit{width:100%;padding:.85rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.la-submit:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-glow)}.la-submit:active{transform:translateY(0)}.la-submit:disabled{background:#e1e5e9;cursor:not-allowed;transform:none;box-shadow:none}.la-submit.loading{opacity:.75}.la-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;animation:la-fade-in .25s ease}.la-message.success{background:var(--color-success-bg);color:var(--color-success);border-left:3px solid var(--color-primary)}.la-message.error{background:var(--color-danger-bg);color:var(--color-danger);border-left:3px solid var(--color-danger)}@keyframes la-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.la-search-wrapper{position:relative}.la-search-input{width:100%;box-sizing:border-box}.la-search-dropdown{position:relative;background:#fff;border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.1);max-height:240px;overflow-y:auto;list-style:none;margin:.35rem 0 0;padding:.25rem 0;scrollbar-width:thin;scrollbar-color:#ccc transparent}.la-search-dropdown::-webkit-scrollbar{width:5px}.la-search-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.la-search-item{display:flex;align-items:center;justify-content:space-between;grid-gap:.5rem;gap:.5rem;padding:.65rem .9rem;cursor:pointer;transition:background .15s;font-size:.95rem}.la-search-item:hover{background:var(--color-primary-ring)}.la-search-name{color:var(--text-color);font-weight:500}.la-search-via{font-size:.72rem;font-weight:600;color:#888;background:#f3f3f3;border-radius:4px;padding:.1rem .4rem;white-space:nowrap;flex-shrink:0}.la-search-empty{padding:.75rem .9rem;font-size:.9rem;color:#aaa;text-align:center}.la-search-group-label{padding:.4rem .9rem .2rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#999;pointer-events:none;-webkit-user-select:none;user-select:none}.la-search-divider{height:1px;background:#f0f0f0;margin:.25rem 0}.la-selected-activity{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;border:2px solid var(--color-primary);border-radius:8px;background:rgba(123,182,97,.06)}.la-selected-name{font-size:.95rem;font-weight:600;color:var(--text-color)}.la-clear-activity{all:unset;cursor:pointer;font-size:1.25rem;line-height:1;color:#aaa;padding:0 .2rem;transition:color .15s}.la-spud-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);animation:la-spud-bg-in .3s ease forwards}.la-spud-overlay--out{animation:la-spud-bg-out .5s ease forwards}.la-spud-card{background:#fff;border-radius:22px;padding:2.5rem 2rem;text-align:center;max-width:320px;width:90%;box-shadow:0 24px 64px rgba(0,0,0,.22);animation:la-spud-card-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.la-spud-overlay--out .la-spud-card{animation:la-spud-card-out .4s ease forwards}.la-spud-emoji{font-size:4rem;line-height:1;margin-bottom:.9rem;animation:la-spud-bounce .6s cubic-bezier(.34,1.56,.64,1) .15s both}.la-spud-quote{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:1.1rem;line-height:1.35}.la-spud-points{font-size:1.6rem;font-weight:800;color:var(--color-primary);letter-spacing:-.3px}@keyframes la-spud-bg-in{0%{opacity:0}to{opacity:1}}@keyframes la-spud-bg-out{0%{opacity:1}to{opacity:0}}@keyframes la-spud-card-in{0%{opacity:0;transform:scale(.75) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes la-spud-card-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.85) translateY(16px)}}@keyframes la-spud-bounce{0%{transform:scale(.5)}to{transform:scale(1)}}.la-clear-activity:hover{color:var(--color-danger)}@media (min-width:769px){.la-page{padding:2rem 1rem}.la-header{padding:1.5rem 2rem}.la-header h2{font-size:1.75rem}.la-content{padding:1.5rem 2rem}.la-tips{padding:.75rem 2rem}}.ad-back-bar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.ad-header{align-items:flex-start}.ad-header-text{min-width:0;flex:1 1}.ad-header h2{line-height:1.25;overflow-wrap:anywhere}.ad-header-sub{margin:var(--space-1) 0 0;font-size:.82rem;color:var(--color-text-subtle)}.ad-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;background:var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.ad-stat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;grid-gap:var(--space-1);gap:var(--space-1);min-width:0;padding:var(--space-4) var(--space-2) var(--space-3);background:var(--color-surface);text-align:center}.ad-stat-value{max-width:100%;font-size:1.25rem;font-weight:700;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-stat-unit{font-size:.75rem;font-weight:600;color:var(--color-text-subtle)}.ad-stat--points .ad-stat-value{color:var(--color-coin)}.ad-stat--bonus .ad-stat-value{color:var(--color-success)}.ad-stat-meter{width:100%;max-width:4.25rem;height:4px;border-radius:var(--radius-pill);background:transparent;overflow:hidden}.ad-stat-meter.is-active{background:var(--color-primary-track)}.ad-stat-meter-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-primary)}.ad-stat-label{font-size:.6rem;font-weight:600;line-height:1.2;letter-spacing:.3px;text-transform:uppercase;color:var(--color-text-subtle)}.ad-content{display:flex;flex-direction:column;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-5) var(--space-4) var(--space-6)}.ad-section-head{margin-bottom:var(--space-3)}.ad-section-head--split{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3)}.ad-section-title{margin:0 0 var(--space-3);font-size:.85rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.ad-section-head .ad-section-title{margin-bottom:0}.ad-section-head p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.ad-details{display:grid;grid-template-columns:minmax(7.5rem,11.5rem) minmax(0,1fr);grid-column-gap:var(--space-4);column-gap:var(--space-4);grid-row-gap:var(--space-3);row-gap:var(--space-3);align-items:baseline;margin:0;padding:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.ad-details dt{margin:0;font-size:.82rem;font-weight:600;line-height:1.35;color:var(--color-text-muted)}.ad-details dd{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text);overflow-wrap:anywhere}.ad-list{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.ad-equiv,.ad-reaction,.ad-user{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);width:100%;padding:.85rem var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-align:left}.ad-user{font:inherit;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.ad-user:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.ad-reaction-btn:focus-visible,.ad-user:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ad-equiv-body,.ad-user-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.ad-equiv-name,.ad-user-name{font-weight:600;font-size:.9rem;color:var(--color-text);overflow-wrap:anywhere}.ad-equiv-meta,.ad-user-meta{margin-top:.1rem;font-size:.78rem;color:var(--color-text-subtle)}.ad-equiv-time{flex-shrink:0;min-width:4.75rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text)}.ad-user-avatar{width:44px;height:44px;flex-shrink:0;overflow:hidden;border:2px solid var(--color-primary-track);border-radius:var(--radius-pill);background:var(--color-primary-soft)}.ad-avatar,.ad-avatar svg{display:block;width:100%;height:100%}.ad-user-arrow{flex-shrink:0;font-size:1.3rem;line-height:1;color:var(--color-text-subtle)}.ad-reaction-emoji{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;background:var(--color-primary-muted);border-radius:var(--radius-md)}.ad-reaction-users{min-width:0;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);overflow-wrap:anywhere}.ad-reaction-picker{display:flex;flex-wrap:wrap;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-3)}.ad-reaction-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:1.15rem;line-height:1;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:background .15s ease,border-color .15s ease}.ad-reaction-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-track)}.ad-reaction-btn.is-active{background:var(--color-primary-muted);border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ad-note{margin:0;font-size:.88rem;color:var(--color-text-subtle)}.ad-note--error{color:var(--color-danger)}.ad-state{padding:var(--space-4)}.ad-empty{margin:0;padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-subtle);font-size:.95rem}.sc-overlay.ad-overlay{z-index:2000}.ad-modal{padding:var(--space-6)}.ad-modal h2{margin:0 0 var(--space-3);font-size:1.1rem;font-weight:700;color:var(--color-text)}.ad-modal p{margin:0 0 var(--space-5);color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.ad-modal p strong{color:var(--color-danger)}.ad-modal-actions{display:flex;justify-content:flex-end;grid-gap:var(--space-2);gap:var(--space-2)}@media (max-width:480px){.ad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-details{grid-template-columns:1fr;grid-row-gap:.15rem;row-gap:.15rem}.ad-details dd+dt{margin-top:var(--space-3)}}@media (min-width:769px){.ad-back-bar{padding:var(--space-4) var(--space-8)}.ad-content,.ad-header{padding-left:var(--space-8);padding-right:var(--space-8)}.ad-header h2{font-size:1.75rem}.ad-stat{padding-top:var(--space-5);padding-bottom:var(--space-4)}.ad-stat-value{font-size:1.45rem}}.friends-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.friends-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.friends-header{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-4);gap:var(--space-4);padding:1.25rem 1rem;border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05))}.friends-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.friends-header-sub{margin:.2rem 0 0;font-size:.82rem;color:var(--color-text-subtle)}.friends-header-actions{display:flex;align-items:center;flex-shrink:0}.friends-header-actions .notif-bell{width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.friends-header-actions .notif-bell:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.friends-header-actions .notif-bell:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.friends-alerts{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4) var(--space-4) 0}.friends-alerts .sc-alert{margin:0}.friends-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.friends-stat{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.friends-stat:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.friends-stat:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.friends-stat.is-active{background:var(--color-primary-soft);border-color:var(--color-primary)}.friends-stat-value{font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.friends-stat.is-active .friends-stat-value{color:var(--color-primary-hover)}.friends-stat--alert .friends-stat-value,.friends-stat--alert.is-active .friends-stat-value{color:var(--color-danger)}.friends-stat-label{font-size:.6rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.friends-content{padding:1.25rem 1rem}.friends-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;grid-gap:1rem;gap:1rem}.friends-loading p{margin:0;color:var(--color-text-muted);font-size:.95rem}.friends-section{margin-bottom:1.5rem}.friends-section:last-child{margin-bottom:0}.friends-section-title{margin:0 0 .65rem;font-size:.85rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.friends-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.friends-empty,.friends-hint{margin:0;padding:1.5rem .5rem;text-align:center;font-size:.9rem;color:var(--color-text-subtle)}.friends-hint{padding:0 0 .85rem;text-align:left;font-size:.78rem}.friends-search{display:flex;flex-direction:column;grid-gap:.35rem;gap:.35rem;margin-bottom:1rem}.friends-search-label{font-size:.82rem;font-weight:600;color:var(--color-text-label);text-transform:uppercase;letter-spacing:.3px}.friends-search input{width:100%;padding:.7rem .9rem;border:2px solid var(--color-border-input);border-radius:var(--radius-md);font:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.friends-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.friends-card{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.85rem 1rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:border-color .2s ease,background .2s ease}.friends-card:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.friends-card-main{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex:1 1;min-width:0;margin:0;padding:0;border:none;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer;border-radius:var(--radius-md)}.friends-card-main:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.friends-card-main:hover .friends-card-name{color:var(--color-primary-hover)}.friends-avatar-ring{flex-shrink:0;width:52px;height:52px;padding:2px;border-radius:var(--radius-pill);background:conic-gradient(var(--color-primary) 100%,var(--color-primary-track) 0)}.friends-avatar{width:100%;height:100%;padding:4px;border-radius:var(--radius-pill);background:var(--color-surface);overflow:hidden}.friends-avatar--empty{display:block;background:var(--color-surface-hover)}.friends-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.friends-card-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.friends-card-name,.friends-card-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-card-sub{margin-top:.1rem;font-size:.78rem;color:var(--color-text-subtle)}.friends-card-actions{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem;flex-shrink:0}.friends-status{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;white-space:nowrap;background:var(--color-success-bg);color:var(--color-success)}.friends-status--pending{background:var(--color-primary-soft);color:var(--color-primary-hover);border:1px solid var(--color-primary-muted)}.friends-menu-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer}.friends-menu-button svg{width:18px;height:18px;display:block}.friends-menu-button:hover,.friends-menu-button[aria-expanded=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.friends-menu-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.friends-menu-panel{flex:1 0 100%;display:flex;grid-gap:var(--space-2);gap:var(--space-2);margin-top:.15rem;padding-top:.65rem;border-top:1px solid var(--color-border-light)}.friends-menu-item{flex:1 1;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font:inherit;font-size:.85rem;font-weight:600;text-align:center;color:var(--color-text);cursor:pointer}.friends-menu-item:hover{background:var(--color-surface-hover)}.friends-menu-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.friends-menu-item:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface)}.friends-menu-item--hot{display:inline-flex;align-items:center;justify-content:center;grid-gap:var(--space-1);gap:var(--space-1);color:var(--color-coin);border-color:var(--color-coin-border);background:var(--color-coin-bg)}.friends-menu-item--hot svg{width:16px;height:16px;flex-shrink:0}.friends-menu-item--hot:hover{background:var(--color-coin-tint)}.friends-menu-item--danger{color:var(--color-danger)}.friends-menu-item--danger:hover{background:var(--color-danger-bg)}@media (max-width:480px){.friends-card-main{flex:1 1 140px}.friends-card-actions{margin-left:auto}}@media (min-width:769px){.friends-page{padding:2rem 1rem}.friends-header{padding:1.5rem 2rem}.friends-header h2{font-size:1.75rem}.friends-alerts,.friends-content,.friends-stats{padding-left:2rem;padding-right:2rem}.friends-stats{padding-top:1.25rem;padding-bottom:1.25rem}.friends-content{padding-top:1.5rem;padding-bottom:1.5rem}.friends-card{padding:1rem 1.25rem}.friends-avatar-ring{width:56px;height:56px}}.ch-shell.sc-container{overflow:visible}.ch-shell>.ch-back-bar:first-child,.ch-shell>.sc-header:first-child{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ch-back-bar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.ch-header.sc-header{align-items:center;grid-gap:var(--space-3);gap:var(--space-3);flex-wrap:wrap}.ch-header-icon{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.7rem;background:var(--color-surface);border:1px solid var(--color-primary-track);border-radius:var(--radius-pill)}.ch-header-text{min-width:0;flex:1 1}.ch-header-text h2{line-height:1.25;overflow-wrap:anywhere}.ch-header-sub{margin:var(--space-1) 0 0;font-size:.82rem;color:var(--color-text-subtle);line-height:1.4}.ch-header .sc-btn{flex-shrink:0}.ch-alerts{grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4) var(--space-4) 0}.ch-alerts,.ch-content{display:flex;flex-direction:column}.ch-content{grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-5) var(--space-4) var(--space-6)}.ch-note,.ch-section-head p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.ch-section{display:flex;flex-direction:column;grid-gap:.65rem;gap:.65rem}.ch-section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ch-empty,.ch-section-title{margin:0;color:var(--color-text-subtle)}.ch-empty{padding:var(--space-8) var(--space-4);text-align:center;font-size:.95rem}.ch-empty p{margin:.2rem 0}.ch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;background:var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.ch-stat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;grid-gap:var(--space-1);gap:var(--space-1);min-width:0;padding:var(--space-4) var(--space-2) var(--space-3);background:var(--color-surface);text-align:center}button.ch-stat{font:inherit;color:inherit;cursor:pointer;width:100%;height:100%;border:none;border-radius:0}button.ch-stat:hover{background:var(--color-surface-hover)}button.ch-stat:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary)}.ch-stat.is-active{background:var(--color-primary-soft)}.ch-stat-value{max-width:100%;font-size:1.25rem;font-weight:700;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text);overflow-wrap:anywhere}.ch-stat-unit{min-height:1em;font-size:.72rem;font-weight:600;line-height:1.2;color:var(--color-text-subtle)}.ch-stat--points .ch-stat-value{color:var(--color-coin)}.ch-stat.is-active .ch-stat-value{color:var(--color-primary)}.ch-stat-meter{width:100%;max-width:4.25rem;height:4px;border-radius:var(--radius-pill);background:transparent;overflow:hidden}.ch-stat-meter.is-active{background:var(--color-primary-track)}.ch-stat-meter-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-primary)}.ch-stat-label{margin-top:auto;font-size:.6rem;font-weight:600;line-height:1.2;letter-spacing:.3px;text-transform:uppercase;color:var(--color-text-subtle)}.ch-stats--compact .ch-stat{padding:var(--space-2) var(--space-1);background:var(--color-surface-muted)}.ch-stats--compact .ch-stat-value{font-size:.95rem}.ch-stats--tabs{border-bottom:1px solid var(--color-border-light)}.ch-list{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.ch-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.ch-card-main{padding:.85rem var(--space-4)}.ch-card-main,.ch-card-open{display:flex;align-items:flex-start;grid-gap:var(--space-3);gap:var(--space-3)}.ch-card-open{flex:1 1;min-width:0;text-align:left;cursor:pointer;border-radius:var(--radius-md)}.ch-card-open:hover .ch-card-title{color:var(--color-primary-hover)}.ch-card-open:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ch-card-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--color-primary-ring);border-radius:var(--radius-md)}.ch-card-copy{min-width:0;flex:1 1}.ch-card-title-row{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);min-width:0}.ch-card-title{margin:0;min-width:0;font-size:.95rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-card-note{margin:var(--space-1) 0 0;font-size:.8rem;color:var(--color-text-muted)}.ch-card-actions{display:flex;flex-shrink:0;grid-gap:var(--space-2);gap:var(--space-2)}.ch-card .ch-stats{border-top:1px solid var(--color-border-light);border-bottom:none}.ch-badges{display:flex;flex-wrap:wrap;grid-gap:.35rem;gap:.35rem;margin-top:.35rem}.ch-badge,.ch-role{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-light);font-size:.68rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.ch-badge--upcoming,.ch-role--admin{background:var(--color-coin-bg);color:var(--color-coin);border-color:var(--color-coin-border)}.ch-badge--active,.ch-badge--public,.ch-role--member{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-primary-track)}.ch-badge--completed{background:var(--color-primary-soft);color:var(--color-primary-hover);border-color:var(--color-primary-track)}.ch-badge--ended,.ch-badge--friends_only,.ch-badge--invite_only{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-border)}.ch-search{display:flex;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-3)}.ch-search .sc-btn{flex-shrink:0}.ch-more{display:block;width:100%;margin-top:var(--space-3);padding:.6rem var(--space-4);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.ch-more:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.ch-more:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ch-more:disabled{opacity:.6;cursor:not-allowed}.ch-form{display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem}.ch-name-row{display:flex;align-items:stretch;grid-gap:var(--space-3);gap:var(--space-3)}.ch-field{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem;min-width:0}.ch-name-row .ch-field:not(.ch-field--icon){flex:1 1}.ch-field--icon{flex:0 0 auto;width:4.25rem}.ch-name-row .ch-label{display:block;line-height:1.2;white-space:nowrap}.ch-label{font-size:.82rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.ch-input{display:block;width:100%;min-width:0;padding:.7rem .9rem;border:2px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1rem;box-sizing:border-box}.ch-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ch-input[type=number]{appearance:textfield;-moz-appearance:textfield}.ch-input[type=number]::-webkit-inner-spin-button,.ch-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ch-help{margin:0;font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.ch-choice-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));grid-gap:.5rem;gap:.5rem}button.ch-choice-btn,button.ch-scale-btn{display:flex;align-items:center;justify-content:center;min-width:0;padding:.75rem .5rem;border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-muted);color:var(--color-text);font:inherit;font-size:.92rem;font-weight:600;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}button.ch-choice-btn:hover,button.ch-scale-btn:hover{border-color:var(--color-primary-glow);background:var(--color-surface-hover)}button.ch-choice-btn.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 3px var(--color-primary-muted)}.ch-icon-btn:focus-visible,.ch-icon-clear:focus-visible,button.ch-choice-btn:focus-visible,button.ch-scale-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ch-scale{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(5,minmax(0,1fr));grid-gap:.4rem;gap:.4rem}button.ch-scale-btn{height:2.6rem;padding:0;border-radius:var(--radius-md);font-size:.95rem}button.ch-scale-btn.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 0 0 3px var(--color-primary-muted)}.ch-optional{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-primary-soft)}.ch-optional-toggle{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:.7rem 1rem;font-size:.9rem;font-weight:600;color:var(--color-text);cursor:pointer;list-style:none}.ch-optional-toggle::-webkit-details-marker{display:none}.ch-optional-toggle:before{content:"▸";font-size:.75rem;color:var(--color-text-subtle);transition:transform .2s ease}.ch-optional[open]>.ch-optional-toggle:before{transform:rotate(90deg)}.ch-optional-hint{margin-left:auto;font-size:.72rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--color-text-subtle)}.ch-optional-body{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:.85rem;background:var(--color-surface)}.ch-submit{width:100%;padding:.85rem;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font:inherit;font-size:.95rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease}.ch-submit:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.ch-submit:disabled{background:var(--color-disabled);color:var(--color-text-subtle);cursor:not-allowed;transform:none}.ch-icon-wrap{position:relative}.ch-icon-btn,.ch-icon-wrap{flex:1 1;display:flex;min-height:0}.ch-icon-btn{align-items:center;justify-content:center;width:100%;height:auto;padding:0;border:2px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);font-size:1.4rem;line-height:1;cursor:pointer}.ch-icon-btn:hover{border-color:var(--color-primary)}.ch-icon-clear{position:absolute;top:-.35rem;right:-.35rem;width:1.2rem;height:1.2rem;padding:0;border:none;border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-text-inverse);font-size:.8rem;line-height:1;cursor:pointer}.ch-emoji-popover{position:absolute;top:100%;left:0;z-index:20;width:min(320px,calc(100vw - 2rem));margin-top:.35rem;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.ch-emoji-popover .EmojiPickerReact{width:100%!important}.ch-emoji-popover input{font-size:16px}.ch-emoji-popover .epr-btn{box-shadow:none;font-family:inherit;line-height:normal}.ch-emoji-popover .epr-btn-clear-search{position:absolute;top:50%;right:var(--epr-search-bar-inner-padding,10px);transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.ch-emoji-popover .epr-icn-search{position:absolute;top:50%;left:var(--epr-search-bar-inner-padding,10px);transform:translateY(-50%)}.ch-invite-hero{text-align:center}.ch-invite-check{width:3rem;height:3rem;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-text-inverse);font-size:1.3rem;font-weight:700}.ch-person-list{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.ch-person{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3);padding:.7rem .85rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.ch-person-name{flex:1 1;min-width:0;font-size:.92rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-person-status{flex-shrink:0;font-size:.75rem;font-weight:700;color:var(--color-coin)}.ch-inline-actions{display:flex;flex-wrap:wrap;grid-gap:var(--space-2);gap:var(--space-2)}.ch-inline-actions .sc-btn{flex:1 1 8rem}.ch-week{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.ch-week .ch-stats{border-top:1px solid var(--color-border-light)}.ch-week .ch-leaderboard{padding:var(--space-3)}.ch-week-top{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-2);gap:var(--space-2);padding:.75rem var(--space-4)}.ch-week-title{font-size:.92rem;font-weight:700;color:var(--color-text)}.ch-winners{display:flex;flex-wrap:wrap;align-items:center;grid-gap:.3rem;gap:.3rem;margin:0;padding:.65rem var(--space-4);background:var(--color-coin-bg);color:var(--color-coin);font-size:.85rem;font-weight:600}.ch-leaderboard{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.ch-lb-row{display:flex;align-items:flex-start;grid-gap:var(--space-3);gap:var(--space-3);padding:.75rem .85rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:.85rem}.ch-lb-rank{flex:0 0 2.25rem;padding-top:.05rem;font-weight:700;color:var(--color-text-subtle);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ch-lb-body{display:flex;flex:1 1 auto;flex-direction:column;grid-gap:.45rem;gap:.45rem;min-width:0}.ch-lb-actions,.ch-lb-topline{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3)}.ch-lb-actions{flex-wrap:wrap}.ch-lb-name{flex:1 1 auto;min-width:0;font-weight:600;color:var(--color-text);overflow-wrap:anywhere;text-align:left;white-space:normal}.ch-lb-sp{flex:0 0 auto;text-align:right;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-coin);white-space:nowrap}.ch-lb-row.is-me{background:var(--color-primary-soft);border-color:var(--color-primary-track)}.ch-lb-row.is-me .ch-lb-name,.ch-lb-row.is-me .ch-lb-rank{color:var(--color-primary-hover)}.ch-clickable{cursor:pointer;background:none;border:none;padding:0;font:inherit;font-weight:inherit;color:inherit;text-align:left}.ch-clickable:hover{color:var(--color-primary);text-decoration:underline}.ch-clickable:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.ch-detail-actions{display:flex;flex-wrap:wrap;grid-gap:var(--space-2);gap:var(--space-2);padding:0 var(--space-4) var(--space-6)}.ch-detail-actions .sc-btn{flex:1 1 8rem}.btn-promote{width:auto;padding:.25rem .55rem;border:1px solid var(--color-primary-track);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-hover);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.ch-lb-row .btn-promote,.ch-lb-row .ch-role{flex-shrink:0}.ch-lb-row .btn-promote{margin-left:auto}.ch-person .btn-promote,.ch-person .ch-role{flex-shrink:0}.btn-promote:hover{background:var(--color-primary);color:var(--color-text-inverse)}.btn-promote:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sc-overlay.ch-overlay{z-index:2000}.ch-modal{padding:var(--space-5) var(--space-5) var(--space-4)}.ch-modal-head{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.ch-modal-head h2{margin:0;font-size:1.15rem;font-weight:700}.ch-modal-close{width:2rem;height:2rem;border:none;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:1.25rem;line-height:1;cursor:pointer}.ch-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.ch-modal-close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media (max-width:480px){.ch-stats:not(.ch-stats--compact):not(.ch-stats--tabs){grid-template-columns:repeat(2,minmax(0,1fr))}.ch-stats--tabs .ch-stat{padding:var(--space-3) var(--space-1)}.ch-stats--tabs .ch-stat-value{font-size:1.05rem}.ch-stats--tabs .ch-stat-label{letter-spacing:0}.ch-card-main{flex-wrap:wrap}.ch-card-title{white-space:normal}}@media (min-width:769px){.ch-back-bar{padding:var(--space-4) var(--space-8)}.ch-alerts,.ch-content,.ch-detail-actions,.ch-header.sc-header{padding-left:var(--space-8);padding-right:var(--space-8)}.ch-header-text h2,.sc-header.ch-header h2{font-size:1.75rem}.ch-stat{padding-top:var(--space-5);padding-bottom:var(--space-4)}.ch-stat-value{font-size:1.45rem}.ch-stats--compact .ch-stat{padding:var(--space-3) var(--space-2)}.ch-stats--compact .ch-stat-value{font-size:1.05rem}}.ach-modal{max-width:400px;padding:var(--space-6)}.ach-modal-head{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.ach-modal-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border-radius:var(--radius-pill);border:3px solid var(--color-tier-locked);background:var(--color-surface-muted)}.ach-modal-icon.is-locked{filter:grayscale(1);opacity:.55}.ach-modal-heading{min-width:0}.ach-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text)}.ach-modal-sub{margin:.15rem 0 0;font-size:.72rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.ach-modal-desc{margin:var(--space-3) 0 0;font-size:.85rem;line-height:1.5;color:var(--color-text-muted)}.ach-modal-progress{margin-top:var(--space-3)}.ach-modal-tiers{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;grid-gap:.3rem;gap:.3rem}.ach-modal-tier{display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.45rem .6rem;background:var(--color-surface-muted);border-radius:var(--radius-md);font-size:.8rem}.ach-modal-tier.is-locked{opacity:.55}.ach-modal-tier-dot{width:10px;height:10px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-tier-locked)}.ach-modal-tier-label{flex:1 1;min-width:0;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach-modal-tier-goal{font-weight:500;color:var(--color-text-subtle)}.ach-modal-tier-meta{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--color-text-subtle);white-space:nowrap}.ach-modal-actions{margin-top:var(--space-4);display:flex;justify-content:flex-end}.ach-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.ach-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.ach-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;grid-gap:1rem;gap:1rem;padding:1.25rem 1rem;border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05))}.ach-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-color)}.ach-header-sub{margin:.2rem 0 0;font-size:.82rem;color:#888}.ach-coin-tile{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);flex-shrink:0;padding:var(--space-2) var(--space-3);background:var(--color-coin-bg);border:1px solid var(--color-coin-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .2s ease}.ach-coin-tile:hover{background:var(--color-surface);border-color:var(--color-coin);transform:translateY(-1px);box-shadow:var(--shadow-card)}.ach-coin-tile:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ach-coin-icon{font-size:1.2rem;padding:.4rem;background:var(--color-coin-tint);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0}.ach-coin-text{display:flex;flex-direction:column;min-width:0}.ach-coin-value{font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2}.ach-coin-label{font-size:.6rem;font-weight:600;color:var(--color-coin);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ach-coin-arrow{font-size:1.3rem;line-height:1;color:var(--color-coin);flex-shrink:0}.ach-coin-tile:hover .ach-coin-arrow{transform:translateX(2px)}.ach-summary{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.ach-summary-ring{flex-shrink:0;width:56px;height:56px}.ach-summary-ring,.ach-summary-ring-face{border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center}.ach-summary-ring-face{width:44px;height:44px;background:var(--color-surface)}.ach-summary-pct{font-size:.8rem;font-weight:700;color:var(--color-text)}.ach-summary-text{min-width:0}.ach-summary-text h3{font-size:1.15rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.ach-summary-text p{font-size:.6rem;color:var(--color-text-subtle);margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ach-summary-recent{margin-left:auto;min-width:0}.ach-summary-recent-label{display:block;font-size:.6rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.25rem;text-align:right}.ach-summary-recent-row{display:flex;grid-gap:.3rem;gap:.3rem;justify-content:flex-end}.ach-summary-recent-badge{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;background:var(--color-primary-muted);border:1px solid var(--color-primary-track);border-radius:var(--radius-pill);cursor:pointer;padding:0;transition:transform .15s ease}.ach-summary-recent-badge:hover{transform:translateY(-2px)}.ach-summary-recent-badge:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ach-content{padding:1.25rem 1rem}.ach-section{margin-bottom:1.5rem}.ach-section:last-child{margin-bottom:0}.ach-section-title{margin:0 0 .65rem;font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.3px}.ach-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.ach-card{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;width:100%;padding:.85rem 1rem;background:#fafafa;border:1px solid #eee;border-radius:10px;transition:all .2s ease;font:inherit;text-align:left;cursor:pointer}.ach-card:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.ach-card:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ach-card.daily{border-left:3px solid rgba(123,182,97,.35)}.ach-card.weekly{border-left:3px solid rgba(245,158,11,.35)}.ach-card-name-row{display:flex;align-items:center;grid-gap:.45rem;gap:.45rem;min-width:0}.ach-daily-badge{color:var(--color-primary);background:rgba(123,182,97,.12)}.ach-daily-badge,.ach-weekly-badge{flex-shrink:0;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.12rem .45rem}.ach-weekly-badge{color:#f59e0b;background:rgba(245,158,11,.12)}.ach-daily-available,.ach-weekly-available{font-size:.68rem;font-weight:600;color:#888;text-align:center}.ach-tier-badge{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--color-text-subtle);background:var(--color-surface-hover);border-radius:var(--radius-pill);padding:.12rem .45rem}.ach-card-icon-wrap{font-size:1.4rem;flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(123,182,97,.08);border-radius:8px}.ach-card-body,.ach-card-name{flex:1 1;min-width:0}.ach-card-name{font-weight:600;font-size:.9rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ach-card-desc{font-size:.78rem;color:#888;margin-top:.1rem}.ach-progress{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-top:.45rem}.ach-progress-track{flex:1 1;height:5px;background:#eee;border-radius:3px;overflow:hidden}.ach-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:3px;transition:width .3s ease}.ach-progress-label{font-size:.7rem;font-weight:600;color:#aaa;flex-shrink:0;white-space:nowrap}.ach-card-right{display:flex;flex-direction:column;align-items:center;flex-shrink:0;grid-gap:.15rem;gap:.15rem;width:72px}.ach-reward{display:inline-flex;align-items:center;grid-gap:.2rem;gap:.2rem;padding:.2rem .5rem;border-radius:14px;font-size:.75rem;font-weight:700;white-space:nowrap}.ach-reward--locked{background:#f0f0f0;color:#999}.ach-show-more{display:block;width:100%;margin-top:.5rem;padding:.5rem;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ach-show-more:hover{border-color:var(--color-primary);color:var(--color-primary)}.ach-show-more:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ach-chips{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;margin-bottom:.85rem}.ach-chip{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem;padding:.35rem .7rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);color:var(--color-text-muted);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ach-chip:hover{border-color:var(--color-primary-track);color:var(--color-text)}.ach-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.ach-chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ach-chip-count{font-size:.68rem;font-weight:700;opacity:.7}.ach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.ach-badge{display:flex;flex-direction:column;align-items:center;grid-gap:.35rem;gap:.35rem;padding:.6rem .35rem;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;font:inherit;transition:background .2s ease,transform .15s ease}.ach-badge:hover{background:var(--color-surface-muted);transform:translateY(-2px)}.ach-badge:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ach-badge-ring{width:60px;height:60px;flex-shrink:0}.ach-badge-face,.ach-badge-ring{border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center}.ach-badge-face{width:50px;height:50px;background:var(--color-surface)}.ach-badge-icon{font-size:1.5rem;line-height:1}.ach-badge.is-locked .ach-badge-icon{filter:grayscale(1);opacity:.55}.ach-badge.is-locked .ach-badge-face{background:var(--color-surface-muted)}.ach-badge-name{font-size:.72rem;font-weight:600;color:var(--color-text);text-align:center;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ach-badge-tier,.ach-badge.is-locked .ach-badge-name{color:var(--color-text-subtle)}.ach-badge-tier{font-size:.62rem;font-weight:700;letter-spacing:.02em}.ach-empty{margin:0;padding:1.5rem 0;text-align:center;font-size:.82rem;color:var(--color-text-subtle)}.ach-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;grid-gap:1rem;gap:1rem}.ach-loading p{color:#666;font-size:.95rem;margin:0}.ach-error{margin:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);border-left:3px solid var(--color-danger);font-size:.9rem}@media (min-width:769px){.ach-page{padding:2rem 1rem}.ach-header{padding:1.5rem 2rem}.ach-header h2{font-size:1.75rem}.ach-summary{grid-gap:var(--space-4);gap:var(--space-4);padding:1.25rem 2rem}.ach-summary-ring{width:66px;height:66px}.ach-summary-ring-face{width:52px;height:52px}.ach-summary-text h3{font-size:1.4rem}.ach-summary-text p{font-size:.7rem}.ach-summary-recent-badge{width:34px;height:34px;font-size:1.05rem}.ach-content{padding:1.5rem 2rem}.ach-card{padding:1rem 1.25rem}.ach-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.sm-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.sm-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.sm-header{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5) var(--space-4);border-bottom:2px solid var(--color-coin-border);background:linear-gradient(135deg,var(--color-coin-bg),var(--color-coin-tint))}.sm-header-main{min-width:0}.sm-header-main .sc-back-link{margin:0 0 var(--space-1) calc(var(--space-3)*-1)}.sm-header h2{margin:0;font-size:var(--font-size-title);font-weight:700;color:var(--color-text)}.sm-header-sub{margin:.2rem 0 0;font-size:.82rem;color:var(--color-text-subtle)}.sm-balance{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-coin-border);border-radius:var(--radius-lg)}.sm-balance-icon{font-size:1.1rem;line-height:1}.sm-balance-value{font-size:1.35rem;font-weight:700;color:var(--color-coin);line-height:1.2}.sm-balance-label{font-size:.6rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.sm-alert{margin:var(--space-4) var(--space-4) 0}.sm-content{padding:var(--space-5) var(--space-4)}.sm-empty{padding:var(--space-8) 0;text-align:center;color:var(--color-text-subtle);font-size:.9rem}.sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.sm-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-5) var(--space-4) var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all .2s ease}.sm-card:not(.owned):hover{border-color:var(--color-coin-border);box-shadow:var(--shadow-card)}.sm-card.owned{opacity:.65;background:var(--color-surface);border-color:var(--color-primary-muted)}.sm-card.owned .sm-card-preview{filter:grayscale(.55)}.sm-owned-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:.1rem .45rem;border-radius:var(--radius-pill);background:var(--color-primary-muted);color:var(--color-primary-hover);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sm-card-preview{display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--color-coin-tint)}.sm-card-avatar{width:68px;height:68px;line-height:0}.sm-card-avatar svg{width:100%;height:100%;display:block}.sm-card-emoji{font-size:2.4rem;line-height:1}.sm-grid--items{margin-top:var(--space-4)}.sm-card--hot{border-color:var(--color-coin-border);background:linear-gradient(160deg,var(--color-coin-bg),var(--color-surface-muted))}.sm-card-graphic{width:72px;height:72px;display:block}.sm-card--hot .sc-btn svg{width:1em;height:1em}.sm-card-type{font-size:.6rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px}.sm-card-name{margin:0;font-size:.98rem;font-weight:700;color:var(--color-text)}.sm-card-desc{margin:0;font-size:.78rem;color:var(--color-text-subtle);line-height:1.4}.sm-card-hint{margin:var(--space-1) 0 0;font-size:.72rem;font-weight:600;color:var(--color-primary-hover)}.sm-card-footer{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-3);width:100%}.sm-price{display:inline-flex;align-items:center;grid-gap:.2rem;gap:.2rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--color-coin-tint);color:var(--color-coin);white-space:nowrap}.sm-owned-label,.sm-price{font-size:.78rem;font-weight:700}.sm-owned-label{color:var(--color-primary-hover)}.sm-modal{max-width:380px;padding:var(--space-6);text-align:center}.sm-modal-title{margin:0 0 var(--space-3);font-size:1.1rem;font-weight:700;color:var(--color-text)}.sm-modal-body{margin:0;font-size:.92rem;color:var(--color-text-muted)}.sm-modal-note{margin:var(--space-2) 0 0;font-size:.78rem;color:var(--color-text-subtle)}.sm-modal-actions{display:flex;justify-content:center;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-5)}@media (min-width:769px){.sm-page{padding:var(--space-8) var(--space-4)}.sm-header{padding:var(--space-6) var(--space-8)}.sm-header h2{font-size:1.75rem}.sm-content{padding:var(--space-6) var(--space-8)}.sm-alert{margin:var(--space-4) var(--space-8) 0}}.notif-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.notif-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.notif-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;grid-gap:.75rem;gap:.75rem;padding:1.25rem 1rem;border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05))}.notif-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-color)}.notif-header-sub{margin:.2rem 0 0;font-size:.82rem;color:#888}.notif-header-actions{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem}.notif-action-btn{padding:.45rem .85rem;background:#fff;color:var(--color-primary);border:1px solid rgba(123,182,97,.4);border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;width:auto;transition:all .2s ease}.notif-action-btn:hover{background:var(--color-primary-ring)}.notif-action-btn--danger{color:var(--color-danger);border-color:rgba(197,48,48,.3)}.notif-action-btn--danger:hover{background:var(--color-danger-bg)}.notif-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:1rem}.notif-card{position:relative;display:flex;align-items:flex-start;grid-gap:.7rem;gap:.7rem;padding:.8rem 2.2rem .8rem .8rem;background:#fafafa;border:1px solid #eee;border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.notif-card:hover{background:#f4f4f4;border-color:#e0e0e0}.notif-card--unread{background:rgba(123,182,97,.07);border-color:rgba(123,182,97,.25)}.notif-card--unread:hover{background:rgba(123,182,97,.12)}.notif-card-icon{font-size:1.3rem;line-height:1.3;flex-shrink:0}.notif-card-body{flex:1 1;min-width:0}.notif-card-title{margin:0;font-size:.92rem;font-weight:700;color:var(--text-color)}.notif-card-text{margin:.15rem 0 0;font-size:.85rem;color:#555;overflow-wrap:anywhere}.notif-card-time{margin:.3rem 0 0;font-size:.75rem;color:#999}.notif-card-dot{width:8px;height:8px;border-radius:50%;background:#e53e3e;flex-shrink:0;margin-top:.45rem}.notif-card-delete{position:absolute;top:.4rem;right:.4rem;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:#aaa;font-size:1.2rem;line-height:1;cursor:pointer;transition:color .2s ease,background .2s ease}.notif-card-delete:hover{color:var(--color-danger);background:var(--color-danger-bg)}.notif-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 2rem;grid-gap:.3rem;gap:.3rem}.notif-empty-icon{font-size:2.2rem}.notif-empty p{margin:0;font-size:.95rem;font-weight:600;color:#666}.notif-empty-sub{font-size:.82rem!important;font-weight:400!important;color:#999!important;max-width:320px}.notif-error{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin:1rem 1rem 0;padding:.75rem;background:var(--color-danger-bg);border:1px solid rgba(197,48,48,.2);border-radius:10px}.notif-error p{margin:0;font-size:.85rem;color:var(--color-danger)}.notif-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;grid-gap:1rem;gap:1rem}.notif-loading p{margin:0;font-size:.9rem;color:#888}@media (min-width:769px){.notif-page{padding:2rem 1rem}.notif-header{padding:1.5rem}.notif-list{padding:1.25rem 1.5rem}}@media (min-width:769px){.up-page{padding:2rem 1rem}}.up-header{justify-content:flex-start;grid-gap:var(--space-2);gap:var(--space-2)}.up-header h2{min-width:0}.up-summary{display:flex;flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.up-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity menu" "stats stats";align-items:center;grid-column-gap:var(--space-3);column-gap:var(--space-3);grid-row-gap:var(--space-3);row-gap:var(--space-3)}.up-summary-identity{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);min-width:0;grid-area:identity}.up-avatar-ring{flex-shrink:0;width:64px;height:64px;padding:3px;background:conic-gradient(var(--color-primary) 100%,var(--color-primary-track) 0)}.up-avatar,.up-avatar-ring{border-radius:var(--radius-pill)}.up-avatar{width:100%;height:100%;padding:6px;background:var(--color-surface);overflow:hidden}.up-summary-text{min-width:0}.up-summary-text h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-summary-text p{margin:.15rem 0 0;font-size:.82rem;color:var(--color-text-subtle)}.up-actions{flex-wrap:wrap;margin-top:var(--space-2)}.up-actions,.up-menu-group{display:flex;grid-gap:var(--space-2);gap:var(--space-2)}.up-menu-group{align-items:center;grid-area:menu;justify-self:end}.up-menu{position:relative}.up-menu-button--hot{color:var(--color-coin);border-color:var(--color-coin-border);background:var(--color-coin-bg)}.up-menu-button--hot:hover{color:var(--color-coin);border-color:var(--color-coin);background:var(--color-coin-tint)}.up-menu-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer}.up-menu-button svg{width:20px;height:20px;display:block}.up-menu-button:hover,.up-menu-button[aria-expanded=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.up-menu-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.up-menu-panel{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:3;min-width:11rem;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.up-menu-item{display:block;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);font:inherit;font-size:.85rem;font-weight:600;text-align:left;color:var(--color-text);cursor:pointer}.up-menu-item:hover{background:var(--color-surface-hover)}.up-menu-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.up-menu-item--danger{color:var(--color-danger)}.up-menu-item--danger:hover{background:var(--color-danger-bg)}.up-summary-stats{display:flex;grid-gap:var(--space-2);gap:var(--space-2);grid-area:stats}.up-stat{display:flex;flex-direction:column;justify-content:center;min-width:88px;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.up-stat-value{font-size:1.15rem;font-weight:700;color:var(--color-text);line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.up-stat--points .up-stat-value{color:var(--color-primary)}.up-stat--streak .up-stat-value{color:var(--color-tier-gold)}.up-stat-label{font-size:.6rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.up-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg)}.up-confirm--neutral{background:var(--color-surface-muted);border-color:var(--color-border-light)}.up-confirm p{margin:0;font-size:.9rem;font-weight:600;color:var(--color-danger)}.up-confirm--neutral p{color:var(--color-text)}.up-confirm-actions{flex-wrap:wrap}.up-confirm-actions,.up-feedback{display:flex;grid-gap:var(--space-2);gap:var(--space-2)}.up-feedback{flex-direction:column}.up-alerts{padding:var(--space-4)}.up-content{padding:1.25rem 1rem}.up-section{margin-bottom:1.5rem}.up-section:last-child{margin-bottom:0}.up-section-title{margin:0 0 .65rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.up-empty,.up-section-title{color:var(--color-text-subtle)}.up-empty{margin:0;padding:1.5rem 0;text-align:center;font-size:.82rem}.up-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.up-card{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;width:100%;padding:.85rem 1rem;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.up-card:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.up-card:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.up-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.up-card-title{font-weight:600;font-size:.9rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-card-icon{margin-right:.35rem}.up-card-meta{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-top:.1rem;font-size:.78rem;color:var(--color-text-subtle)}.up-card-token{text-transform:capitalize}.up-points{flex-shrink:0;font-weight:700;font-size:.8rem;border-radius:var(--radius-pill);padding:.2rem .5rem;white-space:nowrap}.up-effort,.up-points{color:var(--color-primary);background:var(--color-primary-ring)}.up-effort{padding:.05rem .45rem;border-radius:var(--radius-sm);font-weight:600}.up-status{flex-shrink:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:.2rem .55rem;border-radius:var(--radius-pill)}.up-status--active{background:var(--color-success-bg);color:var(--color-success)}.up-status--upcoming{background:var(--color-coin-bg);color:var(--color-coin)}.up-status--completed,.up-status--muted{background:var(--color-surface-subtle);color:var(--color-text-muted)}.up-load-more{margin-top:var(--space-3)}@media (min-width:641px){.up-summary-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity stats menu"}.up-summary-stats{justify-self:end}}@media (max-width:640px){.up-summary-stats{width:100%}.up-stat{flex:1 1;min-width:0}.up-stat-label{overflow:hidden;text-overflow:ellipsis}}@media (min-width:769px){.up-header{padding:1.5rem 2rem}.up-header h2{font-size:1.75rem}.up-summary{grid-gap:var(--space-4);gap:var(--space-4);padding:1.25rem 2rem}.up-avatar-ring{width:72px;height:72px}.up-summary-text h3{font-size:1.4rem}.up-alerts,.up-content{padding:1.5rem 2rem}.up-card{padding:1rem 1.25rem}}@media (min-width:769px){.hp-page{padding:var(--space-8) var(--space-4)}}.hp-header{justify-content:flex-start;border-bottom-color:var(--color-coin-border);background:linear-gradient(135deg,var(--color-coin-bg),var(--color-coin-tint))}.hp-header,.hp-header h2{grid-gap:var(--space-2);gap:var(--space-2)}.hp-header h2{display:inline-flex;align-items:center;min-width:0;flex:1 1}.hp-title-icon{width:1.1em;height:1.1em}.hp-balance,.hp-title-icon{color:var(--color-coin);flex-shrink:0}.hp-balance{display:inline-flex;align-items:center;grid-gap:.3rem;gap:.3rem;padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-coin-border);border-radius:var(--radius-pill);font-weight:700;font-size:.9rem}.hp-balance-icon{line-height:1}.hp-body{display:flex;flex-direction:column;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-4)}.hp-body>.sc-alert{margin:0}.hp-section{flex-direction:column}.hp-section,.hp-section-head{display:flex;grid-gap:var(--space-2);gap:var(--space-2)}.hp-section-head{align-items:center;justify-content:space-between}.hp-section-title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle)}.hp-link-btn{padding:0;background:none;border:none;color:var(--color-primary);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.hp-link-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.hp-recipient{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text)}.hp-select{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.92rem}.hp-select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.hp-empty{margin:0;font-size:.88rem;color:var(--color-text-muted)}.hp-choices{display:grid;grid-template-columns:1fr;grid-gap:var(--space-2);gap:var(--space-2)}.hp-choice{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-muted);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;font-size:.9rem;line-height:1.4;text-align:left;color:var(--color-text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.hp-choice:hover{border-color:var(--color-coin-border);background:var(--color-surface)}.hp-choice:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hp-choice.is-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.hp-choice-text{flex:1 1;min-width:0}.hp-graphics{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.hp-graphic{display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-surface-muted);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.hp-graphic img{width:88px;height:88px;display:block}.hp-graphic:hover{border-color:var(--color-coin-border);background:var(--color-surface);transform:translateY(-1px)}.hp-graphic:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hp-graphic.is-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.hp-graphic-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-align:center}.hp-price{display:inline-flex;align-items:center;grid-gap:.2rem;gap:.2rem;padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--color-coin-tint);color:var(--color-coin);font-size:.74rem;font-weight:700;white-space:nowrap}.hp-price--lg{font-size:.95rem;padding:.25rem .7rem}.hp-preview{display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5) var(--space-4);background:linear-gradient(160deg,var(--color-coin-bg),var(--color-surface));border:1px solid var(--color-coin-border);border-radius:var(--radius-xl);text-align:center}.hp-preview--empty{border-style:dashed;opacity:.8}.hp-preview--full{padding:var(--space-6) var(--space-4)}.hp-preview-graphic{width:140px;height:140px;display:block}.hp-preview-graphic--lg{width:200px;height:200px}.hp-preview-placeholder{display:flex;align-items:center;justify-content:center;width:140px;height:140px;font-size:3rem;opacity:.4}.hp-preview-message{margin:0;max-width:32rem;font-size:1rem;font-weight:600;line-height:1.45;color:var(--color-text)}.hp-preview--empty .hp-preview-message{font-weight:500;color:var(--color-text-subtle)}.hp-preview-message--lg{font-size:1.2rem}.hp-preview-to{margin:0;font-size:.82rem;color:var(--color-text-subtle)}.hp-footer{justify-content:space-between;grid-gap:var(--space-3);gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.hp-cost,.hp-footer{display:flex;flex-wrap:wrap;align-items:center}.hp-cost{grid-gap:var(--space-2);gap:var(--space-2)}.hp-cost-note{font-size:.8rem;color:var(--color-text-subtle)}.hp-cost-note--short{color:var(--color-danger);font-weight:600}.hp-actions .sc-btn svg,.hp-footer .sc-btn svg{width:1.1em;height:1.1em}.hp-actions{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2)}.hp-sent{align-items:stretch}.hp-modal{max-width:380px;padding:var(--space-6);text-align:center}.hp-modal-title{margin:0 0 var(--space-3);font-size:1.1rem;font-weight:700;color:var(--color-text)}.hp-modal-body{margin:0;font-size:.92rem;color:var(--color-text-muted)}.hp-modal-note{margin:var(--space-2) 0 0;font-size:.78rem;color:var(--color-text-subtle)}.hp-modal-actions{display:flex;justify-content:center;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-5)}.hp-headline{margin:0;font-size:1.05rem;font-weight:700;text-align:center;color:var(--color-text)}.hp-parties{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-3);gap:var(--space-3)}.hp-party{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;color:inherit;cursor:pointer;text-align:left}.hp-party:hover{border-color:var(--color-primary);background:var(--color-surface)}.hp-party:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hp-party-avatar{width:36px;height:36px;border-radius:var(--radius-pill);overflow:hidden;background:var(--color-surface);flex-shrink:0}.hp-party-avatar svg{width:100%;height:100%;display:block}.hp-party-text{display:flex;flex-direction:column;min-width:0}.hp-party-role{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle)}.hp-party-name{font-size:.9rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-party-arrow{color:var(--color-coin);font-weight:700}.hp-meta{margin:0;text-align:center;font-size:.8rem;color:var(--color-text-subtle)}.hp-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hp-tab,.hp-tabs{grid-gap:var(--space-2);gap:var(--space-2)}.hp-tab{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font:inherit;font-size:.88rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease}.hp-tab:hover{border-color:var(--color-primary-track);background:var(--color-surface)}.hp-tab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hp-tab.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-text)}.hp-tab-count{font-size:.78rem;color:var(--color-text-subtle)}.hp-tab-badge{min-width:1.25rem;padding:0 .35rem;border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-text-inverse);font-size:.68rem;font-weight:700;line-height:1.25rem;text-align:center}.hp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.hp-card{position:relative;flex-direction:column;align-items:stretch;padding:0;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:border-color .15s ease,background .15s ease}.hp-card,.hp-card-open{display:flex;width:100%;color:inherit;text-align:left}.hp-card-open{align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);font:inherit;cursor:pointer}.hp-card:hover{border-color:var(--color-coin-border);background:var(--color-surface)}.hp-card-open:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hp-card .reaction-bar,.hp-preview .reaction-bar{margin-top:0;padding:var(--space-2) var(--space-3) var(--space-3)}.hp-preview .reaction-bar{width:100%;justify-content:center;border-top-color:var(--color-coin-border)}.hp-card--new{border-color:var(--color-coin-border);background:var(--color-coin-bg)}.hp-card-graphic{width:56px;height:56px;flex-shrink:0;display:block}.hp-card-body{display:flex;flex-direction:column;grid-gap:.1rem;gap:.1rem;min-width:0;flex:1 1}.hp-card-who{font-size:.78rem;font-weight:700;color:var(--color-text-secondary)}.hp-card-message{font-size:.88rem;color:var(--color-text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hp-card-when{font-size:.72rem;color:var(--color-text-subtle)}.hp-card-dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger);flex-shrink:0}.hp-empty-state{display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted)}.hp-empty-state p{margin:0;font-size:.92rem;font-weight:600}.hp-empty-icon{font-size:2.4rem;line-height:1;margin-bottom:var(--space-2)}.hp-empty-state .hp-empty-sub{font-size:.82rem;font-weight:500;color:var(--color-text-subtle)}@media (min-width:769px){.hp-body{padding:var(--space-6) var(--space-8)}.hp-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-graphics{grid-template-columns:repeat(5,minmax(0,1fr))}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:flex-end;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 20px rgba(0,0,0,.04);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;padding:6px 0 8px;cursor:pointer;color:#999;font-size:.65rem;font-weight:500;grid-gap:2px;gap:2px;transition:color .2s ease;width:20%;min-width:0;-webkit-tap-highlight-color:transparent;letter-spacing:.02em;text-transform:none;border-radius:0}.nav-item:hover{background:none;transform:none;box-shadow:none}.nav-item.active,.nav-item:hover{color:var(--color-primary)}.nav-item.active .nav-label{font-weight:700}.nav-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.nav-icon svg{width:24px;height:24px}.nav-icon-profile{position:relative}.nav-badge{position:absolute;top:-4px;right:-8px;background:#e53e3e;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.2)}.nav-label{font-size:.65rem;line-height:1;white-space:nowrap}.nav-item.action-btn{position:relative;padding-top:0}.action-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px rgba(123,182,97,.4);margin-top:-24px;margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.action-icon svg{width:26px;height:26px;stroke:#fff}.nav-item.action-btn:active .action-icon,.nav-item.action-btn:hover .action-icon{transform:scale(1.1);box-shadow:0 6px 20px rgba(123,182,97,.5)}.nav-item.action-btn .nav-label{color:var(--color-primary);font-weight:600}.nav-item.action-btn:hover{color:var(--color-primary)}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-content{flex:1 1;padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}@media (min-width:769px){.bottom-nav{height:68px}.nav-item{font-size:.72rem;grid-gap:3px;gap:3px}.nav-icon svg{width:26px;height:26px}.action-icon{width:56px;height:56px;margin-top:-26px}.action-icon svg{width:28px;height:28px}.app-content{padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px))}}:root{--color-primary:#7bb661;--color-primary-hover:#5e944f;--color-primary-muted:rgba(123,182,97,0.15);--color-primary-soft:rgba(123,182,97,0.05);--color-primary-glow:rgba(123,182,97,0.3);--color-primary-ring:rgba(123,182,97,0.1);--color-primary-track:rgba(123,182,97,0.2);--color-bg:#f9f9f9;--color-bg-auth:linear-gradient(135deg,#f8fdf5,#e8f5e1);--color-surface:#fff;--color-surface-muted:#fafafa;--color-surface-subtle:#f7fafc;--color-surface-hover:#edf2f7;--color-text:#222;--color-text-muted:#666;--color-text-subtle:#888;--color-text-inverse:#fff;--color-text-secondary:#4a5568;--color-text-label:#334155;--color-border:#ddd;--color-border-light:#eee;--color-border-strong:#e2e8f0;--color-border-input:#e2e8f0;--color-danger:#c53030;--color-danger-bg:#fff5f5;--color-danger-border:#fed7d7;--color-success:#276749;--color-success-bg:#f0fff4;--color-success-strong:#059669;--color-disabled:#ccc;--color-coin:#a8790a;--color-coin-bg:#fffdf0;--color-coin-border:rgba(200,160,0,0.25);--color-coin-tint:rgba(200,160,0,0.12);--color-tier-bronze:#b06a3b;--color-tier-silver:#8a949e;--color-tier-gold:#c8951a;--color-tier-platinum:#4e7d8c;--color-tier-diamond:#7a5bb5;--color-tier-locked:#c9c9c9;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-pill:999px;--shadow-card:0 4px 24px rgba(0,0,0,0.08);--shadow-auth:0 10px 40px rgba(0,0,0,0.1);--shadow-modal:0 20px 60px rgba(0,0,0,0.2);--shadow-nav:0 -2px 12px rgba(0,0,0,0.08);--shadow-primary:0 4px 12px var(--color-primary-glow);--shadow-focus:0 0 0 4px var(--color-primary-ring);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-size-caption:0.8rem;--font-size-body:0.95rem;--font-size-title:1.5rem;--font-size-brand:1.6rem;--page-max-width:800px;--auth-max-width:480px;--auth-wide-max-width:640px;--primary-color:var(--color-primary);--primary-hover:var(--color-primary-hover);--text-color:var(--color-text);--background-color:var(--color-bg);--border-color:var(--color-border);--shadow-color:rgba(0,0,0,0.1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:none}button:disabled{background:var(--color-disabled);cursor:not-allowed;transform:none}.sc-page{padding:var(--space-4) var(--space-2);min-height:100vh;background:var(--color-bg)}.sc-container{max-width:var(--page-max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.sc-header{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-8);gap:var(--space-8);padding:var(--space-5) var(--space-4);border-bottom:2px solid var(--color-primary-muted);background:linear-gradient(135deg,var(--color-primary-soft),rgba(94,148,79,.05))}.sc-header h2{margin:0;font-size:var(--font-size-title);font-weight:700;color:var(--color-text)}.sc-logo{display:inline-flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin:0;-webkit-user-select:none;user-select:none;line-height:1}.sc-logo__mark{width:2.35em}.sc-logo__mark,.sc-logo__wordmark{display:block;height:2.35em;object-fit:contain;flex-shrink:0}.sc-logo__wordmark{width:auto}.sc-brand{font-size:var(--font-size-brand);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;margin:0;-webkit-user-select:none;user-select:none}.btn-danger,.btn-danger-sm,.btn-primary,.btn-primary-sm,.btn-secondary,.sc-btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);padding:.55rem 1.1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:auto;text-decoration:none;box-sizing:border-box}.btn-danger-sm,.btn-primary-sm,.sc-btn--sm{padding:.4rem .9rem;border-radius:var(--radius-sm);font-size:var(--font-size-caption)}.btn-primary,.btn-primary-sm,.sc-btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border:none}.btn-primary-sm:hover,.btn-primary:hover,.sc-btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary,.sc-btn--secondary{background:var(--color-surface-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.btn-secondary:hover,.sc-btn--secondary:hover{background:var(--color-surface-hover);transform:translateY(-1px)}.btn-danger,.btn-danger-sm,.sc-btn--danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.btn-danger-sm:hover,.btn-danger:hover,.sc-btn--danger:hover{background:var(--color-danger);color:var(--color-text-inverse);transform:translateY(-1px)}.sc-btn--block{width:100%}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled,.sc-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ad-error,.ch-error,.ch-success,.error-message,.friends-error,.pp-error,.pp-success,.sc-alert,.success-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.9rem;border-left:3px solid}.ad-error,.ch-error,.error-message,.friends-error,.pp-error,.sc-alert--error{background:var(--color-danger-bg);color:var(--color-danger);border-left-color:var(--color-danger)}.ch-success,.pp-success,.sc-alert--success,.success-message{background:var(--color-success-bg);color:var(--color-success);border-left-color:var(--color-primary)}.ch-error,.ch-success{margin:var(--space-4) var(--space-6) 0}.error-message,.success-message{margin-bottom:var(--space-4);border-left-width:4px}.ach-spinner,.ad-spinner,.ch-spinner,.db-spinner,.friends-spinner,.notif-spinner,.pp-spinner,.sc-spinner,.up-spinner{width:40px;height:40px;border:3px solid var(--color-primary-track);border-top-color:var(--color-primary);border-radius:50%;animation:sc-spin .8s linear infinite}@keyframes sc-spin{to{transform:rotate(1turn)}}.sc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-8);grid-gap:var(--space-4);gap:var(--space-4)}.sc-loading p{color:var(--color-text-muted);font-size:var(--font-size-body)}.sc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:sc-fade-in .2s ease}.sc-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:480px;max-height:90vh;overflow:auto;animation:sc-slide-up .25s ease}@keyframes sc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sc-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ad-back-btn,.chd-back-btn,.notif-back-btn,.sc-back-link,.up-back-btn{display:inline-flex;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:background .2s ease}.ad-back-btn:hover,.chd-back-btn:hover,.notif-back-btn:hover,.sc-back-link:hover,.up-back-btn:hover{background:var(--color-primary-soft)}.login-page,.registration-page,.sc-auth-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:var(--color-bg);padding:var(--space-4) var(--space-2)}.login-page:after,.login-page:before,.registration-page:after,.registration-page:before,.sc-auth-page:after,.sc-auth-page:before{content:"";flex:1 1}.login-container,.registration-container,.sc-auth-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);width:100%;max-width:var(--auth-max-width);overflow:hidden;animation:sc-auth-in .45s ease-out}.sc-auth-card--wide{max-width:var(--auth-wide-max-width)}@keyframes sc-auth-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-logo,.registration-logo,.sc-auth-logo{font-size:1.45rem}
/*# sourceMappingURL=main.f2ce2ef2.chunk.css.map */