.experience-pagination-portal{display:flex;justify-content:center;margin-top:var(--space-m);width:100%;box-sizing:border-box;padding:0 var(--space-m)}.experience-pagination-portal .pagination-controls,.pagination-controls{display:flex;gap:var(--space-s);align-items:center;justify-content:center;max-width:1200px;width:100%}.experience-pagination-portal .pagination-controls button,.pagination-button{padding:var(--space-2xs) var(--space-xs);border-radius:var(--space-xs);border:1px solid var(--m3-color-outline);background:transparent;color:var(--m3-color-on-surface);cursor:pointer;transition:background .12s ease,color .12s ease,transform .08s ease}@media(hover:hover){.experience-pagination-portal .pagination-controls button:hover:not(:disabled),.pagination-button:hover:not(:disabled){background:var(--color-accent);color:var(--m3-color-on-primary);transform:translateY(calc(var(--space-3xs) * -1))}}.experience-pagination-portal .pagination-controls button:disabled,.experience-pagination-portal .pagination-controls button[aria-disabled=true],.pagination-button:disabled,.pagination-button[aria-disabled=true]{opacity:.6;cursor:not-allowed;background:transparent;color:var(--m3-color-on-surface-variant)}.experience-pagination-portal .pagination-controls>div,.pagination-info{padding:var(--space-3xs) var(--space-xs);border-radius:var(--space-3xl);background:var(--m3-color-surface-variant);color:var(--m3-color-on-surface-variant);font-weight:600;box-shadow:0 var(--space-3xs) var(--space-2xs) #0000000a}.experience-controls{display:flex;gap:var(--space-m);flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:var(--space-m);padding:0 var(--space-m)}.experience-controls .control-pair{display:flex!important;display:inline-flex!important;align-items:center;gap:var(--space-2xs);flex-wrap:nowrap}.experience-controls .control-label{color:var(--m3-color-on-surface-variant);font-size:var(--step-1);font-weight:600;white-space:nowrap;flex-shrink:0}.experience-controls .control-select{padding:var(--space-3xs) var(--space-xs);font-size:var(--step-1);border:1px solid var(--m3-color-outline);border-radius:var(--space-xs);background:var(--m3-color-surface);color:var(--m3-color-on-surface);min-width:var(--space-xl);box-shadow:0 var(--space-3xs) var(--space-2xs) #0000000a;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.experience-controls .control-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 var(--space-2xs) var(--space-m) #0000000f}.experience-controls .control-select.compact{padding:var(--space-3xs) var(--space-2xs);min-width:var(--space-l)}.experience-controls .btn-reset{padding:var(--space-3xs) var(--space-xs);border:1px solid var(--m3-color-outline);border-radius:var(--space-xs);background:transparent;color:var(--m3-color-on-surface);cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .08s ease,box-shadow .12s ease}@media(hover:hover){.experience-controls .btn-reset:hover{transform:translateY(calc(var(--space-3xs) * -1))}}.experience-controls .btn-reset:focus{outline:none;box-shadow:0 0 0 var(--space-s) color-mix(in oklab,var(--color-accent) 20%,transparent);transform:translateY(calc(var(--space-3xs) * -1))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropdown-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);min-width:12rem;padding:var(--space-3xs) var(--space-xs);border:1px solid var(--m3-color-outline);border-radius:var(--space-xs);background:var(--m3-color-surface);color:var(--m3-color-on-surface);cursor:pointer;box-shadow:0 var(--space-3xs) var(--space-2xs) #0000000a;text-align:left;font-size:var(--step-1)}.dropdown-toggle:focus{outline:none;border-color:var(--color-accent);box-shadow:0 var(--space-2xs) var(--space-m) #0000000f}.dropdown-panel{position:absolute;z-index:30;top:calc(100% + var(--space-2xs));left:0;width:max-content;min-width:12rem;max-width:min(90vw,var(--space-3xl));max-height:220px;overflow:auto;background:var(--m3-color-surface);border:1px solid var(--m3-color-outline);border-radius:var(--space-xs);padding:var(--space-3xs);box-shadow:0 var(--space-xs) var(--space-xl) #00000014;display:none;white-space:nowrap}.dropdown-panel.open{display:block}.dropdown-item{display:flex;gap:var(--space-2xs);align-items:center;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--space-3xs);cursor:pointer;color:var(--m3-color-on-surface);font-size:var(--step-1)}.dropdown-item:hover{background:color-mix(in oklab,var(--color-accent) 6%,transparent)}.dropdown-item input[type=checkbox]{width:var(--space-s);height:var(--space-s);margin:0;accent-color:var(--color-accent)}@media(max-width:640px){.dropdown-toggle{min-width:var(--space-xl)}.dropdown-panel{min-width:var(--space-xl);left:0;right:0}}.experience-controls .btn-reset,.project-controls .btn-reset{background-color:var(--color-accent);color:var(--m3-color-on-primary);border-color:var(--color-accent);box-shadow:0 4px 10px #00000014;transform:translateY(0);transition:background-color .12s ease,color .12s ease,transform .08s ease,box-shadow .12s ease}@media(hover:hover){.experience-controls .btn-reset:hover,.project-controls .btn-reset:hover{background-color:color-mix(in oklab,var(--color-accent) 88%,black 12%);color:var(--m3-color-on-primary);transform:translateY(-1px);box-shadow:0 6px 14px #0000001a}}.experience-controls .btn-reset:active,.project-controls .btn-reset:active{background-color:color-mix(in oklab,var(--color-accent) 80%,black 20%);transform:translateY(0)}.experience-controls .btn-reset:focus,.project-controls .btn-reset:focus{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 20%,transparent);border-color:color-mix(in oklab,var(--color-accent) 60%,black 10%)}.dropdown{position:relative;display:inline-block;vertical-align:middle}.dropdown-panel{position:absolute;top:100%;left:0;width:max-content;max-width:90vw;min-width:12rem;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 30px #00000026;margin-top:var(--space-3xs);padding:var(--space-s);z-index:100;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.dropdown-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-search{width:100%!important;margin-bottom:var(--space-xs)!important;font-size:var(--step--1)!important;padding:var(--space-2xs) var(--space-s)!important}.dropdown-items-scroll{max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.dropdown-items-scroll::-webkit-scrollbar{width:6px}.dropdown-items-scroll::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:3px}.dropdown-item{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-2xs) var(--space-xs);border-radius:6px;cursor:pointer;font-size:var(--step-1);transition:background-color .15s ease;user-select:none;color:var(--color-text-primary);margin-bottom:var(--space-3xs)}.dropdown-item:hover{background-color:var(--color-accent-hover-subtle, rgba(0, 0, 0, .05))}.dropdown-item input[type=checkbox]{cursor:pointer;width:var(--space-s);height:var(--space-s);accent-color:var(--color-accent)}.dropdown-item-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-m);width:100%}.dropdown-item-count{color:var(--color-text-tertiary);font-size:var(--step--1);font-weight:500}.dropdown-no-results{padding:var(--space-s);text-align:center;color:var(--color-text-secondary);font-size:var(--step--1);font-style:italic}.dropdown-toggle{text-align:left;display:flex!important;justify-content:space-between;align-items:center}.dropdown-toggle:after{content:"";display:inline-block;width:var(--space-xs);height:var(--space-xs);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:calc(var(--space-xs) * -.5);margin-left:var(--space-s);transition:transform .2s ease}.dropdown-panel.open~.dropdown-toggle:after{transform:rotate(-135deg);margin-top:calc(var(--space-xs) * .5)}