:root{--color-primary: #17371e;--color-secondary: #cbc4a6;--color-accent: #d22f27;--color-gold: #9e9678;--color-cream: #ece6d2;--color-muted: rgba(23, 55, 30, .72);--color-bg: #0f1a10;--color-text: #0f1a10;--color-surface: rgba(248, 244, 232, .96);--color-surface-shadow: rgba(13, 19, 10, .08);font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:var(--color-text)}html{overflow-x:hidden;width:100%}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;width:100%;max-width:100vw}body.menu-open{overflow:hidden}img{display:block;max-width:100%}.surface-card{background-color:var(--color-surface);box-shadow:0 20px 45px var(--color-surface-shadow),0 5px 15px var(--color-surface-shadow)}.page-section{padding:clamp(3rem,8vw,4.5rem) 0}.muted-text{color:var(--color-muted)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background-color:#cbc4a638;color:var(--color-primary)}button{font-family:inherit;border:none;cursor:pointer}input{font-family:inherit}@media(max-width:768px){.layout-container{padding:0 clamp(1rem,3vw,1.5rem)}.page-section{padding:clamp(2rem,6vw,3rem) 0}}@media(max-width:640px){.layout-container{padding:0 1rem}.surface-card{border-radius:1rem}.page-section{padding:2rem 0}}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;padding:.5rem 1rem;background:var(--color-primary);color:var(--color-cream);font-weight:600;text-decoration:none}.skip-link:focus{left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-1.5rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) both}.animate-fade-in{animation:fadeIn .5s ease both}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.22,1,.36,1) both}.animate-slide-left{animation:slideInLeft .55s cubic-bezier(.22,1,.36,1) both}.animate-slide-right{animation:slideInRight .55s cubic-bezier(.22,1,.36,1) both}.stagger-1{animation-delay:.08s}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}.stagger-5{animation-delay:.4s}.stagger-6{animation-delay:.48s}html{scroll-behavior:smooth}.surface-card{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.pill{transition:background-color .2s ease,transform .2s ease}@keyframes progressGrow{0%{width:0}}.animate-progress span{animation:progressGrow 1s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:.55}}@keyframes countUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.animate-count{animation:countUp .4s cubic-bezier(.22,1,.36,1) both}@media(pointer:coarse){button,a,input,select,textarea,[role=button]{min-height:44px;min-width:44px}}html{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.profile-page__section-action{display:inline-flex;align-items:center;gap:.45rem;min-height:2.85rem;padding:0 .95rem;border-radius:999px;border:1px solid rgba(23,55,30,.12);background:#ffffffc7;color:var(--color-primary);font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.profile-page__section-action:hover{transform:translateY(-1px);box-shadow:0 12px 20px #101c1014}.profile-page__modal-backdrop{position:fixed;inset:0;z-index:70;background:#080c109e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-page__modal-shell{position:fixed;inset:0;z-index:71;display:grid;place-items:center;padding:1.25rem}.profile-page__modal{position:relative;width:min(100%,72rem);max-height:min(92vh,64rem);overflow:auto;padding:1.5rem;border-radius:1.9rem;border:1px solid rgba(23,55,30,.08);background:linear-gradient(180deg,#fff9f1fa,#f6eee0f5);box-shadow:0 28px 80px #060a0e57}.profile-page__modal-close{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:#17371e14;color:var(--color-primary)}.profile-page__modal-kicker{margin:0;color:#17371e8f;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.profile-page__modal-title{margin:.55rem 0 0;color:var(--color-primary);font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.02}.profile-page__modal-text{margin:.7rem 0 0;max-width:52rem;color:var(--color-muted);line-height:1.7}.profile-page__modal-message{margin-bottom:0}.profile-page__proudest-manager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;margin-top:1.4rem}.profile-page__proudest-column{display:grid;gap:1rem;align-content:start}.profile-page__proudest-column-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.profile-page__proudest-column-head h3{margin:.3rem 0 0;color:var(--color-primary);font-size:1.15rem}.profile-page__proudest-list,.profile-page__proudest-search-results{display:grid;gap:.85rem}.profile-page__proudest-item,.profile-page__proudest-search-item{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.95rem 1rem;border-radius:1.25rem;border:1px solid rgba(23,55,30,.1);background:#ffffffb8}.profile-page__proudest-rank{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;padding:0 .7rem;border-radius:1rem;background:linear-gradient(135deg,#d22f271f,#9e96782e);color:var(--color-primary);font-weight:800}.profile-page__proudest-icon{width:3rem;height:3rem;border-radius:.95rem;object-fit:cover;background:#101c1014}.profile-page__proudest-copy{min-width:0}.profile-page__proudest-copy strong{display:block;color:var(--color-primary)}.profile-page__proudest-copy p{margin:.2rem 0 0;color:var(--color-muted)}.profile-page__proudest-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.45rem}.profile-page__proudest-detail{color:#132918b3;font-size:.85rem}.profile-page__proudest-actions,.profile-page__proudest-search-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.55rem}.profile-page__rank-select,.profile-page__proudest-actions select,.profile-page__proudest-search-actions select{min-height:2.7rem;padding:0 .8rem;border-radius:.9rem;border:1px solid rgba(23,55,30,.12);background:#fffffff2;color:var(--color-primary);font-weight:700}.profile-page__rank-select{min-width:5.6rem}.profile-page__icon-button,.profile-page__modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.7rem;padding:0 .9rem;border-radius:.95rem;font-weight:700;flex-shrink:0}.profile-page__icon-button--square,.profile-page__modal-btn--square{width:2.7rem;padding:0}.profile-page__icon-button{background:#17371e14;color:var(--color-primary);border:1px solid rgba(23,55,30,.1)}.profile-page__icon-button--danger{background:#d22f271a;color:#9c241c}.profile-page__modal-btn--primary{color:#fff;background:linear-gradient(135deg,#17371e,#2a5a34)}.profile-page__proudest-empty{padding:1rem 1.1rem;border-radius:1.2rem;border:1px dashed rgba(23,55,30,.18);background:#ffffff75}.profile-page__proudest-empty strong{color:var(--color-primary)}.profile-page__proudest-empty p{margin:.35rem 0 0;color:var(--color-muted)}.profile-page__proudest-search-field{margin:0}.profile-page__proudest-search-state{margin:-.2rem 0 0}.profile-page__proudest-status{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:0 .85rem;border-radius:999px;background:#17371e14;color:var(--color-primary);font-weight:700}.profile-page__icon-button[disabled],.profile-page__modal-btn[disabled],.profile-page__proudest-actions select[disabled],.profile-page__proudest-search-actions select[disabled],.profile-page__section-action[disabled]{opacity:.55;cursor:default}@media(max-width:1024px){.profile-page__proudest-manager{grid-template-columns:1fr}}@media(max-width:768px){.profile-page__modal-shell{padding:.65rem;align-items:stretch}.profile-page__modal{width:100%;max-height:100%;padding:1.2rem;border-radius:1.25rem}.profile-page__proudest-item,.profile-page__proudest-search-item{grid-template-columns:auto auto minmax(0,1fr);align-items:start}.profile-page__proudest-actions,.profile-page__proudest-search-actions{grid-column:1 / -1;justify-content:flex-start}.profile-page__proudest-column-head{align-items:start}.profile-page__proudest-copy{grid-column:3}}@media(max-width:640px){.profile-page__section-action,.profile-page__proudest-actions select,.profile-page__proudest-search-actions select{width:100%;justify-content:center}.profile-page__modal{padding:1rem}.profile-page__proudest-manager{gap:1rem}.profile-page__proudest-item,.profile-page__proudest-search-item{grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.85rem}.profile-page__proudest-rank{min-width:2.45rem;min-height:2.45rem;padding:0;font-size:.85rem}.profile-page__proudest-icon{width:2.45rem;height:2.45rem}.profile-page__proudest-copy{grid-column:2}.profile-page__proudest-actions,.profile-page__proudest-search-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);width:100%}.profile-page__proudest-search-actions{grid-template-columns:minmax(0,1fr) auto}.profile-page__rank-select{min-width:0;width:100%}}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:var(--color-accent)!important}
