.portfolio-command-overlay{z-index:100;justify-content:center;align-items:flex-start;padding:10vh 1rem 1rem;display:flex;position:fixed;inset:0}@media (min-width:640px){.portfolio-command-overlay{padding:1.5rem}}.portfolio-command-backdrop{cursor:pointer;background:color-mix(in oklch, var(--background) 65%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;margin:0;padding:0;position:absolute;inset:0}.portfolio-command-dialog{z-index:1;border:1px solid color-mix(in oklch, var(--border) 70%, transparent);background:var(--popover);width:100%;max-width:32rem;max-height:min(88vh,40rem);color:var(--popover-foreground);box-shadow:0 25px 50px -12px color-mix(in oklch, var(--foreground) 15%, transparent);border-radius:1rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.portfolio-command-header{border-bottom:1px solid color-mix(in oklch, var(--border) 60%, transparent);flex-shrink:0;padding:1rem 1rem .75rem}.portfolio-command-title-row{align-items:center;gap:.5rem;display:flex}.portfolio-command-title-row svg{stroke:currentColor;stroke-width:2px;width:1rem;height:1rem;color:var(--muted-foreground);flex-shrink:0;display:block}.portfolio-command-title{color:var(--foreground);font-size:.875rem;font-weight:500}.portfolio-command-subtitle{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem;line-height:1.5}.portfolio-command-search{border:1px solid color-mix(in oklch, var(--border) 60%, transparent);background:color-mix(in oklch, var(--background) 50%, transparent);width:100%;height:2.5rem;color:var(--foreground);border-radius:.75rem;margin-top:.75rem;padding:0 .75rem;font-size:.875rem}.portfolio-command-search::placeholder{color:var(--muted-foreground)}.portfolio-command-search:focus-visible{outline:2px solid var(--ring);outline-offset:0}.portfolio-command-insight{border-bottom:1px solid color-mix(in oklch, var(--border) 50%, transparent);background:color-mix(in oklch, var(--muted) 30%, transparent);-webkit-overflow-scrolling:touch;flex-shrink:0;max-height:min(12rem,28vh);padding:.75rem 1rem;overflow-y:auto}.portfolio-command-insight-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:600}.portfolio-command-insight-body{color:var(--foreground);text-wrap:pretty;overflow-wrap:anywhere;margin-top:.25rem;font-size:.875rem;line-height:1.5}.portfolio-command-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.5rem;overflow-y:auto}.portfolio-command-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);padding:.375rem .5rem;font-size:.6875rem;font-weight:600}.portfolio-command-option{text-align:left;width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:.75rem;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;transition:background-color .15s;display:flex}.portfolio-command-option:hover{background:color-mix(in oklch, var(--accent) 60%, transparent)}.portfolio-command-option[data-active=true]{background:var(--accent);color:var(--accent-foreground)}.portfolio-command-option svg{stroke:currentColor;stroke-width:2px;width:1rem;height:1rem;color:var(--muted-foreground);flex-shrink:0;display:block}.portfolio-command-option[data-active=true] svg{color:inherit}.portfolio-command-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.portfolio-command-option-hint{text-overflow:ellipsis;white-space:nowrap;max-width:42%;color:var(--muted-foreground);font-size:.75rem;overflow:hidden}.portfolio-command-option[data-active=true] .portfolio-command-option-hint{color:color-mix(in oklch, currentColor 75%, transparent)}.portfolio-command-empty,.portfolio-command-feedback{text-align:center;color:var(--muted-foreground);padding:2rem .75rem;font-size:.875rem}.portfolio-command-feedback{text-align:left;justify-content:center;align-items:center;gap:.5rem;padding:1rem .75rem;display:flex}.portfolio-command-feedback svg{stroke:currentColor;stroke-width:2px;flex-shrink:0;width:1rem;height:1rem;display:block}.portfolio-command-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}.portfolio-command-group{margin-bottom:.5rem}.portfolio-command-group:last-child{margin-bottom:0}.portfolio-command-group-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}
.theme-toggle{border:1px solid color-mix(in oklch, var(--border) 80%, transparent);background:color-mix(in oklch, var(--card) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;padding:.16rem;display:inline-flex}.theme-toggle-option{z-index:1;width:1.85rem;height:1.85rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .25s,background-color .25s,box-shadow .25s;display:inline-flex;position:relative}.theme-toggle-option svg{stroke-width:2.25px;width:.9rem;height:.9rem}.theme-toggle-option:hover{color:var(--foreground)}.theme-toggle-option[data-active=true]{background:var(--secondary);color:var(--foreground);box-shadow:0 1px 0 color-mix(in oklch, var(--background) 70%, transparent) inset}.theme-toggle-option[data-active=true][data-theme=light]{color:#d97706}.theme-toggle-option[data-active=true][data-theme=dark]{color:#3b82f6}.theme-toggle-option:focus-visible{outline:2px solid color-mix(in oklch, var(--foreground) 35%, transparent);outline-offset:1px}
.portfolio-command-trigger{width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:0;transition:color .2s,background-color .2s;display:inline-flex}@media (min-width:640px){.portfolio-command-trigger{width:auto;height:2.25rem;padding:0 .5rem}}.portfolio-command-trigger:hover{background:color-mix(in oklch, var(--accent) 70%, transparent);color:var(--foreground)}.portfolio-command-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.portfolio-command-trigger svg{stroke:currentColor;stroke-width:2px;flex-shrink:0;width:1rem;height:1rem;display:block}.portfolio-command-trigger-shortcut{border:1px solid color-mix(in oklch, var(--border) 80%, transparent);background:color-mix(in oklch, var(--muted) 60%, transparent);font-family:var(--font-mono), ui-monospace, monospace;border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;line-height:1.2;display:none}@media (min-width:640px){.portfolio-command-trigger-shortcut{display:inline}}
.portfolio-header-menu-btn{border:1px solid color-mix(in oklch, var(--border) 75%, transparent);background:color-mix(in oklch, var(--card) 55%, transparent);width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:inline-flex}.portfolio-header-menu-btn:hover{background:color-mix(in oklch, var(--accent) 65%, transparent)}.portfolio-header-menu-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.portfolio-header-menu-btn svg{width:1.125rem;height:1.125rem}@media (min-width:768px){.portfolio-header-menu-btn,.portfolio-mobile-section-nav{display:none}}.portfolio-mobile-section-nav{border-top:1px solid color-mix(in oklch, var(--border) 55%, transparent);padding:.5rem .625rem .625rem}.portfolio-mobile-section-nav-link{min-height:2.75rem;color:var(--muted-foreground);border-radius:.65rem;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.portfolio-mobile-section-nav-link:hover{background:color-mix(in oklch, var(--accent) 70%, transparent);color:var(--foreground)}.portfolio-mobile-section-nav-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.portfolio-mobile-section-nav-link[data-active=true]{background:color-mix(in oklch, var(--accent) 75%, transparent);color:var(--foreground)}
