.experience-pagination-portal{margin-top:var(--space-m);box-sizing:border-box;width:100%;padding:0 var(--space-m);justify-content:center;display:flex}.experience-pagination-portal .pagination-controls,.pagination-controls{gap:var(--space-s);justify-content:center;align-items:center;width:100%;max-width:1200px;display:flex}.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);color:var(--m3-color-on-surface);cursor:pointer;background:0 0;transition:background .12s,color .12s,transform 80ms}@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;color:var(--m3-color-on-surface-variant);background:0 0}.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);box-shadow:0 var(--space-3xs) var(--space-2xs) #0000000a;font-weight:600}.experience-controls{gap:var(--space-m);margin-bottom:var(--space-m);padding:0 var(--space-m);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.experience-controls .control-pair{align-items:center;gap:var(--space-2xs);flex-wrap:nowrap;display:inline-flex!important}.experience-controls .control-label{color:var(--m3-color-on-surface-variant);font-size:var(--step-1);white-space:nowrap;flex-shrink:0;font-weight:600}.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,box-shadow .15s,transform .12s}.experience-controls .control-select:focus{border-color:var(--color-accent);box-shadow:0 var(--space-2xs) var(--space-m) #0000000f;outline:none}.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);color:var(--m3-color-on-surface);cursor:pointer;background:0 0;transition:background-color .12s,color .12s,transform 80ms,box-shadow .12s}@media (hover:hover){.experience-controls .btn-reset:hover{transform:translateY(calc(var(--space-3xs) * -1))}}.experience-controls .btn-reset:focus{box-shadow:0 0 0 var(--space-s) color-mix(in oklab, var(--color-accent) 20%, transparent);transform:translateY(calc(var(--space-3xs) * -1));outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dropdown-toggle{justify-content:space-between;align-items:center;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);display:inline-flex}.dropdown-toggle:focus{border-color:var(--color-accent);box-shadow:0 var(--space-2xs) var(--space-m) #0000000f;outline:none}.dropdown-panel{z-index:30;top:calc(100% + var(--space-2xs));width:max-content;min-width:12rem;max-width:min(90vw, var(--space-3xl));background:var(--m3-color-surface);border:1px solid var(--m3-color-outline);border-radius:var(--space-xs);max-height:220px;padding:var(--space-3xs);box-shadow:0 var(--space-xs) var(--space-xl) #00000014;white-space:nowrap;display:none;position:absolute;left:0;overflow:auto}.dropdown-panel.open{display:block}.dropdown-item{gap:var(--space-2xs);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);align-items:center;display:flex}.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);accent-color:var(--color-accent);margin:0}@media (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);transition:background-color .12s,color .12s,transform 80ms,box-shadow .12s;transform:translateY(0);box-shadow:0 4px 10px #00000014}@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{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%);outline:none}.dropdown{vertical-align:middle;display:inline-block;position:relative}.dropdown-panel{background-color:var(--color-card);border:1px solid var(--color-border);width:max-content;min-width:12rem;max-width:90vw;margin-top:var(--space-3xs);padding:var(--space-s);z-index:100;white-space:nowrap;opacity:0;visibility:hidden;border-radius:12px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.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{scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent;max-height:250px;overflow-y:auto}.dropdown-items-scroll::-webkit-scrollbar{width:6px}.dropdown-items-scroll::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:3px}.dropdown-item{align-items:center;gap:var(--space-s);padding:var(--space-2xs) var(--space-xs);cursor:pointer;font-size:var(--step-1);-webkit-user-select:none;user-select:none;color:var(--color-text-primary);margin-bottom:var(--space-3xs);border-radius:6px;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:var(--color-accent-hover-subtle,#0000000d)}.dropdown-item input[type=checkbox]{cursor:pointer;width:var(--space-s);height:var(--space-s);accent-color:var(--color-accent)}.dropdown-item-content{justify-content:space-between;align-items:center;gap:var(--space-m);width:100%;display:flex}.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;justify-content:space-between;align-items:center;display:flex!important}.dropdown-toggle:after{content:"";width:var(--space-xs);height:var(--space-xs);margin-top:calc(var(--space-xs) * -.5);margin-left:var(--space-s);border-bottom:2px solid;border-right:2px solid;transition:transform .2s;display:inline-block;transform:rotate(45deg)}.dropdown-panel.open~.dropdown-toggle:after{margin-top:calc(var(--space-xs) * .5);transform:rotate(-135deg)}