.feature-detail-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem;opacity:0;transform:scale(.95);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.feature-detail-popup--visible{opacity:1;transform:scale(1);pointer-events:auto}.feature-detail-popup__card{width:90vw;max-width:600px;max-height:calc(100vh - 180px);padding:1.5rem;display:flex;flex-direction:column;overflow:hidden;background-color:var(--overlay-80);height:auto;min-height:0}.feature-detail-popup__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-shrink:0}.feature-detail-popup__icon-frame{position:relative;width:3rem;height:4.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-detail-popup__severity--critical{color:var(--attention)}.feature-detail-popup__severity--warn{color:var(--warning)}.feature-detail-popup__severity--info{color:var(--action)}.feature-detail-popup__close-button{background-color:transparent;color:var(--theme);border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.feature-detail-popup__close-button:hover{opacity:.7}.feature-detail-popup__content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-left:calc(3rem + var(--space-sm));min-height:0}.feature-detail-popup__detail-row{display:flex;align-items:flex-start;gap:var(--space-xs)}.feature-detail-popup__detail-icon{margin-top:.125rem;flex-shrink:0}.feature-detail-popup__detail-icon--placeholder{width:1rem;height:1rem}.feature-detail-popup__detail-value{flex:1}.feature-detail-popup__actions{display:flex;flex-direction:row;gap:var(--space-sm);margin-top:var(--space-lg);flex-shrink:0}.feature-detail-popup__actions>*{flex:1}@media(max-width:360px){.feature-detail-popup__actions button span{display:none}.feature-detail-popup__actions button{flex:0 0 auto;min-width:auto;aspect-ratio:1}}.feature-detail-popup__footer{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--theme);opacity:.3;flex-shrink:0}.hexagonal-avatar-container{position:relative;display:inline-block;width:var(--avatar-size, 100px);height:var(--avatar-size, 100px);transition:transform .2s ease-in-out;transform:scale(1)}.hexagonal-avatar-container--interactive{cursor:pointer}.hexagonal-avatar-container--hovered{transform:scale(1.05)}.hexagonal-avatar-svg{width:100%;height:100%}.hexagonal-avatar-path{transition:filter .2s ease-in-out}.hexagonal-avatar-path--hovered{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.hexagonal-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hexagonal-avatar__badge{position:absolute;bottom:5%;right:5%;width:calc(var(--avatar-size, 100px) * .28);height:calc(var(--avatar-size, 100px) * .28);display:flex;align-items:center;justify-content:center;border-radius:999px;border:var(--stroke-width) solid var(--background);box-shadow:0 2px 4px #0003;background-color:var(--badge-color, var(--action))}.hexagonal-avatar__badge--safe{--badge-color: var(--safe)}.hexagonal-avatar__badge--assist{--badge-color: #ffa500}.hexagonal-avatar__badge--sos{--badge-color: var(--sos)}.hexagonal-avatar__hint{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:calc(var(--small-body-size) * .786);white-space:nowrap;color:var(--theme);opacity:.7;pointer-events:none}.hexagonal-avatar__placeholder{font-size:32px;font-weight:700}.phase-option{border:var(--stroke-width) solid var(--theme)}.phase-option--active{border-color:var(--phase-color, var(--theme))}.phase-option--theme{--phase-color: var(--theme)}.phase-option--action{--phase-color: var(--action)}.phase-option--attention{--phase-color: var(--attention)}.phase-pill{border-radius:var(--card-radius);padding:.5rem .75rem;border:1px solid var(--phase-surface-20);background-color:transparent;font-weight:400;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),font-weight var(--transition-base)}.phase-pill--active{background-color:var(--phase-color, var(--theme));color:var(--background);border-color:var(--phase-color, var(--theme));font-weight:600}.phase-pill--phase-planning{--phase-color: var(--theme)}.phase-pill--phase-tracking{--phase-color: var(--action)}.phase-pill--phase-responding{--phase-color: var(--attention)}.phase-pill--phase-recovering{--phase-color: var(--inaction)}.color-swatch{width:48px;height:48px;border-radius:999px;border:var(--stroke-width) solid transparent;transition:border-color var(--transition-base),transform var(--transition-base)}.color-swatch[data-active=true]{border-color:var(--action);transform:scale(1.02)}.flag-option{width:64px;height:80px;border-radius:var(--radius-md);border:var(--stroke-width) solid transparent;display:flex;align-items:center;justify-content:center;background:transparent;transition:border-color var(--transition-base),transform var(--transition-base)}.flag-option[data-active=true]{border-color:var(--action);background:var(--action-surface-8);transform:translateY(-2px)}.tab-button{border-bottom:2px solid transparent;opacity:.7;font-weight:500}.tab-button[data-active=true]{border-color:var(--action);opacity:1;font-weight:600}.safety-status-option{border:var(--stroke-width) solid var(--theme)}.safety-status-option--safe-active{border-color:#a6ff5d}.safety-status-option--needs-assistance-active{border-color:orange}.safety-status-option--sos-active{border-color:var(--sos)}.safety-status-option__icon{color:var(--background)}.safety-status-option__icon--safe-active{color:var(--safe)}.safety-status-option__icon--needs-assistance-active{color:var(--warning)}.safety-status-option__icon--sos-active{color:var(--sos)}.timeline-option-btn{border:1px solid var(--theme);background-color:transparent;color:var(--theme)}.timeline-option-btn--goal{background-color:var(--action);color:var(--background);border:none}.timeline-option-btn--outline:hover{background-color:#ffffff26}.filter-chip{border:1px solid var(--theme);background-color:var(--background);color:var(--theme);font-weight:400;padding:.5rem 1rem;border-radius:999px;transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base),font-weight var(--transition-base)}.filter-chip[data-active=true]{border:var(--stroke-width) solid var(--action);background-color:var(--action-surface-bg-10);color:var(--action);font-weight:600}