@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Geist:wght@400..600&display=swap";:root{--base:#1e1e2e;--text:#cdd6f4;--green:#a6e3a1;--blue:#89b4fa;--mauve:#cba6f7;--red:#f38ba8;--pill-inset:-6px -10px;--pill-bg:#ffffff1f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--base);color:var(--text);font-family:JetBrains Mono,Fira Code,monospace}.desktop{background:var(--wallpaper,url(/assets/wallpaper-cyberpunk-BqvfNKHP.webp)) center / cover no-repeat;flex-direction:column;width:100%;height:100%;display:flex}.topbar{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#18182533;grid-template-columns:1fr auto 1fr;align-items:center;padding:.4rem 1rem;display:grid;position:relative}.left-container,.right-container,.middle-container{gap:1rem;display:flex}.right-container{justify-self:end}.terminal-area{flex:1}.desktop-area{flex:1;min-height:0;position:relative}.mobile-portfolio{height:100dvh;overflow-y:auto}.window-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.window{pointer-events:auto;width:480px;height:320px;position:absolute}.window-frame{box-sizing:border-box;background:#1e1e24eb;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:100%;height:100%;animation:.18s cubic-bezier(.2,.8,.2,1) both window-open;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000073}.window-frame.closing{animation:.14s ease-in forwards window-close}@keyframes window-open{0%{opacity:0;transform:scale(.94)translateY(8px)}}@keyframes window-close{to{opacity:0;transform:scale(.94)translateY(8px)}}@media (prefers-reduced-motion:reduce){.window-frame,.window-frame.closing{animation-duration:.01ms}}.window-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff0f;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.window-title{color:#b4d0e0;font-size:.85rem;font-weight:600}.window-close{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:.9rem;line-height:1;display:grid}.window-close:hover{color:#fff;background:#f55}.window-close img{pointer-events:none;filter:brightness(0)invert();width:14px;height:14px;display:block}.window-body{flex:1;padding:12px;overflow:auto}.desktop-icons{z-index:1;flex-direction:column;gap:12px;display:flex;position:absolute;top:48px;left:16px}.desktop-icon{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;width:120px;padding:8px 6px;transition:background .15s,border-color .15s;display:flex}.desktop-icon:hover{background:#ffffff1f;border-color:#ffffff26}.desktop-icon:active{background:#fff3}.desktop-icon img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #00000080);width:48px;height:48px}.desktop-icon-label{text-align:center;color:#fff;text-shadow:0 1px 3px #000c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;line-height:1.25;overflow:hidden}.window-frame *{scrollbar-width:thin;scrollbar-color:#5a524c transparent}@supports selector(::-webkit-scrollbar){.window-frame *{scrollbar-width:auto;scrollbar-color:auto}.window-frame ::-webkit-scrollbar{width:12px;height:12px}.window-frame ::-webkit-scrollbar-track{background:0 0}.window-frame ::-webkit-scrollbar-thumb{background:#5a524c padding-box padding-box;border:3px solid #0000;border-radius:999px}.window-frame ::-webkit-scrollbar-thumb:hover{background:#7c6f64}.window-frame ::-webkit-scrollbar-thumb:active{background:#a89984}.window-frame ::-webkit-scrollbar-corner{background:0 0}}.portfolio{--bg:#282828;--bg-soft:#32302f;--bg-line:#45403d;--fg:#d4be98;--fg-bright:#ddc7a1;--grey:#928374;--red:#ea6962;--orange:#e78a4e;--yellow:#d8a657;--green:#a9b665;--aqua:#89b482;--blue:#7daea3;--purple:#d3869b;--display:"Bricolage Grotesque", "Geist", system-ui, sans-serif;--sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;isolation:isolate;background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;padding:0 28px;position:relative;container-type:inline-size}.window-body:has(>.portfolio){padding:0;overflow-x:hidden}.portfolio-inner{z-index:1;counter-reset:section;flex-direction:column;gap:56px;max-width:820px;margin:0 auto;padding:56px 0 96px;display:flex;position:relative}.portfolio :focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.portfolio ::selection{background:var(--bg-line);color:var(--fg-bright)}.sky{z-index:0;pointer-events:none;position:sticky;top:0;overflow:hidden}.meteor{top:-140px;left:var(--x);width:1px;height:var(--len);background:linear-gradient(to bottom, transparent, var(--yellow));opacity:0;animation:meteor var(--dur) linear var(--delay) infinite;position:absolute;transform:rotate(35deg)}.meteor:after{content:"";background:var(--fg-bright);width:3px;height:3px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--yellow) 70%, transparent);border-radius:50%;position:absolute;bottom:-1px;left:-1px}@keyframes meteor{0%{opacity:0;transform:rotate(35deg)translateY(0)}4%{opacity:.9}22%{opacity:0;transform:rotate(35deg)translateY(1100px)}to{opacity:0;transform:rotate(35deg)translateY(1100px)}}@media (prefers-reduced-motion:reduce){.sky{display:none}}.portfolio-hero{flex-direction:column;align-items:flex-start;gap:22px;padding:72px 0 32px;display:flex}.portfolio-hero h1{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;color:var(--fg-bright);margin:0;font-size:clamp(3rem,9cqi,5.6rem);font-weight:700;line-height:.98}.hero-tagline{max-width:30ch;font-family:var(--display);letter-spacing:-.015em;color:var(--fg);margin:0;font-size:clamp(1.3rem,3.2cqi,1.8rem);font-weight:500;line-height:1.3}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.hero-links{gap:18px;margin-left:14px;display:flex}.hero-links a{color:var(--grey);text-underline-offset:4px;font-size:.86rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.hero-links a:hover{color:var(--fg-bright);text-decoration-color:currentColor}.btn{border:1px solid var(--bg-line);color:var(--fg);font:500 .84rem var(--sans);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:9px 16px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--bg-soft);border-color:var(--grey)}.btn-primary{background:var(--yellow);border-color:var(--yellow);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--orange);border-color:var(--orange)}.portfolio-section{border-top:1px solid var(--bg-line);gap:16px 32px;padding-top:24px;scroll-margin-top:16px;display:grid}.portfolio-section .tl-desc{color:var(--fg);margin-top:6px;font-size:.92rem;line-height:1.65}.portfolio-section .tl-stack{color:var(--aqua);margin-top:4px;font-size:.8rem}.portfolio-section h3{font:600 .78rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-bright);grid-row:1;align-items:baseline;gap:10px;margin:0;display:flex}.portfolio-section h3:before{counter-increment:section;content:counter(section, decimal-leading-zero);font-variant-numeric:tabular-nums;color:var(--orange)}.portfolio-section p{max-width:60ch;color:var(--fg);margin:0;font-size:.94rem;line-height:1.75}@container (width>=540px){.portfolio-section{grid-template-columns:150px minmax(0,1fr)}.portfolio-section>:not(h3){grid-column:2}}.timeline{gap:28px;margin:0;padding:0 0 0 22px;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:var(--bg-line);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.tl-item{gap:3px;display:grid;position:relative}.tl-item:before{content:"";box-sizing:border-box;background:var(--bg);border:2px solid var(--grey);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-22px}.tl-item:first-child:before{background:var(--yellow);border-color:var(--yellow)}.tl-years{font-variant-numeric:tabular-nums;color:var(--orange);font-size:.78rem}.tl-item h4{font:600 1.05rem/1.3 var(--display);letter-spacing:-.01em;color:var(--fg-bright);margin:0}.portfolio-section .tl-school{color:var(--fg);font-size:.9rem;line-height:1.5}.portfolio-section .tl-loc{color:var(--grey);font-size:.8rem;line-height:1.5}.cert-list{margin:0;padding:0;list-style:none}.cert{border-bottom:1px solid var(--bg-line);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;display:flex}.cert:first-child{padding-top:0}.cert-main{gap:2px;display:grid}.cert-name{color:var(--fg-bright);font-size:.98rem;font-weight:600}.cert-issuer{color:var(--grey);font-size:.8rem}.cert-side{white-space:nowrap;align-items:baseline;gap:14px;display:flex}.cert-year{font-variant-numeric:tabular-nums;color:var(--orange);font-size:.78rem}.cert-side a{color:var(--green);text-underline-offset:4px;font-size:.82rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.cert-side a:hover{text-decoration-color:currentColor}.skill-groups{gap:28px;display:grid}.skill-group{gap:10px;display:grid}.skill-group-label{text-transform:capitalize;color:var(--grey);font-size:.78rem}.skill-grid{border-top:1px solid var(--bg-line);border-left:1px solid var(--bg-line);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0;padding:0;list-style:none;display:grid}.skill{border-right:1px solid var(--bg-line);border-bottom:1px solid var(--bg-line);flex-direction:column;align-items:center;gap:10px;padding:18px 8px 14px;transition:background .15s;display:flex}.skill:hover{background:var(--bg-soft)}.skill-icon,.skill-letter{width:30px;height:30px;transition:transform .2s}.skill:hover .skill-icon,.skill:hover .skill-letter{transform:translateY(-2px)}.skill-icon.mono{filter:brightness(0)invert(.78)sepia(.3)}.skill-letter{border:1px solid var(--bg-line);font:600 .9rem var(--display);text-transform:uppercase;color:var(--grey);border-radius:6px;place-items:center;display:grid}.skill-name{text-align:center;color:var(--fg-bright);font-size:.78rem;line-height:1.2}.project-list{gap:28px;display:grid}.project{border-top:1px dashed var(--bg-line);grid-template-columns:28px minmax(0,1fr);gap:12px;padding-top:22px;display:grid}.project:first-child{border-top:0;padding-top:0}.project-index{font-variant-numeric:tabular-nums;color:var(--orange);padding-top:5px;font-size:.78rem}.project-body{justify-items:start;gap:8px;display:grid}.project-body h4{font:600 1.3rem/1.2 var(--display);letter-spacing:-.02em;color:var(--fg-bright);margin:0}.portfolio-section .project-stack{color:var(--aqua);font-size:.8rem}.project-body a{color:var(--green);text-underline-offset:4px;font-size:.84rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.project-body a:hover{text-decoration-color:currentColor}.link-list{max-width:420px;margin:0;padding:0;list-style:none}.link-list li{border-bottom:1px solid var(--bg-line)}.link-list a{color:var(--fg-bright);justify-content:space-between;gap:16px;padding:12px 0;font-size:.94rem;text-decoration:none;transition:color .15s,padding .15s;display:flex}.link-list a span:last-child{color:var(--grey);font-size:.84rem}.link-list a:hover{color:var(--yellow);padding-left:6px}.night{z-index:0;pointer-events:none;width:100%;position:sticky;top:0;overflow:hidden}.portfolio-inner{z-index:1;position:relative}.star{left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:var(--o);animation:twinkle var(--t) ease-in-out var(--d) infinite;background:#fff;border-radius:50%;position:absolute}.shooter{top:-8%;left:var(--x);width:var(--len);height:var(--size);opacity:0;transform-origin:0;animation:shoot var(--dur) linear var(--delay) infinite;will-change:transform, opacity;position:absolute;transform:rotate(-35deg)}.shooter:before{content:"";background:linear-gradient(90deg, var(--c), transparent);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;inset:0}.shooter:after{content:"";width:calc(var(--size) * 2.2);height:calc(var(--size) * 2.2);box-shadow:0 0 6px 1px var(--c), 0 0 16px 4px color-mix(in srgb, var(--c) 45%, transparent);background:#fff;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}@keyframes shoot{0%{opacity:0;transform:rotate(-35deg)translate(0)}2%,20%{opacity:var(--o)}26%,to{opacity:0;transform:rotate(-35deg)translate(-1500px)}}@keyframes twinkle{50%{opacity:calc(var(--o) * .25)}}@media (prefers-reduced-motion:reduce){.shooter{display:none}.star{animation:none}}.window-body:has(>.resume){padding:0;overflow:hidden}.resume{flex-direction:column;height:100%;display:flex}.resume-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:.8rem;display:flex}.resume-name{text-overflow:ellipsis;white-space:nowrap;opacity:.7;overflow:hidden}.resume-download{color:#11111b;background:#89b4fa;border-radius:6px;flex-shrink:0;padding:5px 12px;font-weight:600;text-decoration:none}.resume-download:hover{filter:brightness(1.1)}.resume-frame{background:#fff;border:0;flex:1;width:100%}.file-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;gap:8px;margin:0;padding:12px;list-style:none;display:grid}.file{width:100%;color:inherit;font:inherit;cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex}.file:hover{background:#ffffff14}.file.selected{background:#89b4fa38;border-color:#89b4fa73}.file:focus-visible{outline-offset:1px;outline:2px solid #89b4fa}.file img{pointer-events:none;width:48px;height:48px}.file-name{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.75rem;line-height:1.25;display:-webkit-box;overflow:hidden}.window-body:has(>.trash){padding:0;overflow:hidden}.trash{flex-direction:column;height:100%;display:flex}.trash-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.8rem;display:flex}.trash-path{opacity:.7}.trash-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;padding:4px 12px}.trash-btn:hover{background:#ffffff1a}.trash-main{flex:1;min-height:0;overflow:auto}.trash-text{white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0;padding:14px;font-size:.82rem;line-height:1.7}.trash-empty{text-align:center;opacity:.55;margin:0;padding:48px 12px}.trash-status{opacity:.75;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ffffff14;padding:6px 10px;font-size:.75rem;overflow:hidden}.trash-bar .trash-btn:last-child{margin-left:auto}.window-body:has(>.vault-lock){place-items:center;display:grid}.vault-lock{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(260px,100%);display:flex}.vault-lock h4,.vault-lock p{margin:0}.vault-lock-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;width:40px;height:40px}.vault-hint{opacity:.6;font-size:.82rem}.vault-input{width:100%;color:inherit;font:inherit;background:#0000004d;border:1px solid #ffffff2e;border-radius:6px;margin-top:6px;padding:8px 10px}.vault-input:focus-visible{outline-offset:1px;outline:2px solid #89b4fa}.vault-error{color:#f38ba8;min-height:1.2em;font-size:.8rem}.vault-btn{color:#11111b;width:100%;font:inherit;cursor:pointer;background:#89b4fa;border:none;border-radius:6px;padding:8px;font-weight:600}.vault-btn:hover{filter:brightness(1.1)}.window-body:has(>.vault){padding:0;overflow:hidden}.vault{flex-direction:column;height:100%;display:flex}.vault-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.8rem;display:flex}.vault-path{opacity:.7}.vault-tool{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;padding:4px 12px}.vault-tool:hover{background:#ffffff1a}.vault-main{flex:1;min-height:0;overflow:auto}.vault-text{white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0;padding:14px;font-size:.82rem;line-height:1.7}.vault-status{opacity:.75;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ffffff14;padding:6px 10px;font-size:.75rem;overflow:hidden}.window-body:has(>.terminal){padding:0;overflow:hidden}.terminal{cursor:text;background:#0000004d;height:100%;padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.5;overflow:auto}.term-line{white-space:pre-wrap;overflow-wrap:anywhere}.term-prompt{color:var(--green,#a6e3a1)}.term-row{gap:8px;display:flex}.term-row input{min-width:0;color:inherit;font:inherit;caret-color:var(--green,#a6e3a1);background:0 0;border:none;outline:none;flex:1;padding:0}.tone-accent{color:var(--mauve,#cba6f7)}.tone-dim{opacity:.6}.settings h4{margin:0 0 12px}.wp-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.wp{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:6px;padding:6px;display:flex}.wp:hover{background:#ffffff14}.wp.active{background:#89b4fa38;border-color:#89b4fa73}.wp:focus-visible{outline-offset:1px;outline:2px solid #89b4fa}.wp-preview{aspect-ratio:16/10;border:1px solid #ffffff1f;border-radius:4px;width:100%}.wp-name{text-align:center;font-size:.78rem}.player-card{--accent:#b4d0e0;z-index:100;cursor:default;transform-origin:100% 0;opacity:0;visibility:hidden;pointer-events:none;background:#1e1e24eb;border:1px solid #ffffff1a;border-radius:18px;width:340px;padding:14px;transition:opacity .2s,transform .2s,visibility 0s linear .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scale(.96);box-shadow:0 10px 30px #00000073}.player-card.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,transform .2s,visibility;transform:translateY(0)scale(1)}.media-label{color:var(--accent);margin:0 0 10px 4px;font-weight:600}.now-playing{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.np-header{justify-content:space-between;align-items:center;font-weight:600;display:flex}.player-cover{object-fit:cover;border-radius:22px;align-self:center;width:200px;height:200px}.player-title{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.player-artist{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;line-height:1.3;overflow:hidden}.slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--fill,0%), #ffffff26 var(--fill,0%));border-radius:999px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:none;border-radius:50%;width:14px;height:14px}.slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:14px;height:14px}.player-controls{justify-content:space-between;align-items:center;padding:0 6px;display:flex}.ctl{width:36px;height:36px;color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:10px;font-size:1.1rem}.ctl:hover{background:#ffffff14}.ctl.on{color:var(--accent);opacity:1}.ctl.play{background:var(--accent);color:#1e1e24;opacity:1;border-radius:14px;width:56px;height:44px}.ctl.play:hover{background:#c6dde9}.volume-control{justify-content:center;display:flex;position:relative}.volume-pop{opacity:0;visibility:hidden;z-index:10;background:#1e1e24f2;border:1px solid #ffffff1a;border-radius:12px;width:32px;height:110px;padding:12px 10px;transition:opacity .15s,visibility .15s;position:absolute;top:100%;bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.volume-control:hover .volume-pop,.volume-control:focus-within .volume-pop{opacity:1;visibility:visible}.slider.vertical{width:90px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.player-times{opacity:.6;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-4px;font-size:.75rem;display:flex}.music-widget-root{position:relative}.music-mini{isolation:isolate;cursor:pointer;align-items:center;gap:8px;display:flex;position:relative}.music-mini-cover{object-fit:cover;border-radius:50%;width:20px;height:20px}.music-mini:before{content:"";inset:var(--pill-inset);z-index:-1;pointer-events:none;background-color:#0000;border-radius:999px;position:absolute}.music-mini:hover:before{background-color:var(--pill-bg)}.music-mini-title{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:.8rem;overflow:hidden}.music-mini-bars{align-items:center;gap:2px;height:14px;display:flex}.bar{background:var(--mauve);border-radius:2px;width:2px;height:100%;animation:.8s ease-in-out infinite paused wave;transform:scaleY(.25)}.music-mini-bars.playing .bar{animation-play-state:running}@keyframes wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.notif-wrap{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.notif-badge{background:var(--red);color:#fff;text-align:center;pointer-events:none;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:.65rem;line-height:14px;position:absolute;top:-4px;right:-4px}.notif-toast,.notif-panel{z-index:100;cursor:default;background:#1e1e24eb;border:1px solid #ffffff1a;border-radius:14px;width:300px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000073}.notif-toast{animation:.2s notif-fade}@keyframes notif-fade{0%{opacity:0}to{opacity:1}}.notif-panel{opacity:0;visibility:hidden;pointer-events:none;max-height:380px;transition:opacity .15s,visibility 0s linear .15s;overflow-y:auto}.notif-panel.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s,visibility}.notif-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.notif-head button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:none;font-size:.8rem}.notif-list{margin:0;padding:0;list-style:none}.notif-list li{border-top:1px solid #ffffff14;padding:8px 0}.notif-row{justify-content:space-between;gap:8px;display:flex}.notif-title{font-size:.9rem;font-weight:600}.notif-time{opacity:.55;font-variant-numeric:tabular-nums;font-size:.75rem}.notif-body{opacity:.75;font-size:.82rem}.notif-empty{opacity:.6;text-align:center;padding:12px 0;font-size:.85rem}.workspaces-widget{-webkit-backdrop-filter:none;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.workspaces-widget:hover{background:0 0}.pills{background:color-mix(in srgb, var(--text) 38%, transparent);cursor:default;border-radius:999px;width:13px;height:8px;transition:width .25s,background .2s;box-shadow:0 0 0 1px #00000040}.pills:not(.active):hover{background:color-mix(in srgb, var(--text) 65%, transparent)}.pills.active{background:var(--mauve);width:44px}.right-container{align-items:center;gap:16px;display:flex}.bar-icon{isolation:isolate;line-height:1;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:4px;font-size:.95rem;display:flex;position:relative}.bar-icon svg{flex-shrink:0;display:block}.bar-icon:before{content:"";inset:var(--pill-inset);z-index:-1;pointer-events:none;background-color:#0000;border-radius:999px;position:absolute}.bar-icon:hover:before{background-color:var(--pill-bg)}.bar-icon.static{cursor:default}.bar-icon.static:hover:before{background-color:#0000}.bar-icon.muted{color:#f08080}