:root{--bg-base: #1a1a1e;--bg-overlay-top: rgba(0, 0, 0, .15);--bg-overlay-bottom: rgba(0, 0, 0, .25);--bg-overlay-radial: rgba(0, 0, 0, .35);--nav-bg: rgba(22, 22, 28, .65);--nav-text: rgba(255, 255, 255, .92);--nav-text-soft: rgba(255, 255, 255, .62);--nav-text-strong: rgba(255, 255, 255, .98);--nav-border: rgba(255, 255, 255, .06);--nav-shadow-inset: rgba(255, 255, 255, .05);--nav-hover-bg: rgba(255, 255, 255, .08);--nav-pill-bg: rgba(255, 255, 255, .05);--nav-pill-highlight: rgba(255, 255, 255, .08);--nav-pill-border: rgba(255, 255, 255, .08);--nav-pill-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .16);--nav-status-chip-bg: rgba(255, 255, 255, .08);--nav-focus-ring: rgba(116, 188, 255, .55);--nav-terminal-bg-start: rgba(255, 255, 255, .14);--nav-terminal-bg-end: rgba(255, 255, 255, .06);--nav-terminal-text: rgba(255, 255, 255, .95);--nav-accent: linear-gradient(135deg, #89f7fe, #66a6ff);--nav-accent-glow: rgba(102, 166, 255, .5);--dropdown-bg: rgba(40, 40, 45, .95);--dropdown-text: rgba(255, 255, 255, .9);--dropdown-text-muted: rgba(255, 255, 255, .45);--dropdown-border: rgba(255, 255, 255, .08);--dropdown-hover: rgba(255, 255, 255, .08);--dock-bg: rgba(28, 28, 35, .7);--dock-border: rgba(255, 255, 255, .08);--dock-running-dot: rgba(255, 255, 255, .85);--window-bg: rgba(30, 30, 30, .72);--window-border: rgba(255, 255, 255, .08);--window-title-text: rgba(255, 255, 255, .85);--window-content-bg: rgba(20, 20, 20, .4);--window-nav-bg: rgba(255, 255, 255, .06);--scrollbar-track: rgba(255, 255, 255, .03);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--modal-backdrop: rgba(0, 0, 0, .4);--modal-bg: rgba(35, 35, 40, .95);--modal-text: rgba(255, 255, 255, .85);--modal-text-strong: #fff;--modal-btn-bg: rgba(255, 255, 255, .12);--modal-btn-hover: rgba(255, 255, 255, .18);--finder-sidebar-bg: rgba(255, 255, 255, .04);--finder-sidebar-border: rgba(255, 255, 255, .06);--finder-sidebar-label: rgba(255, 255, 255, .45);--finder-sidebar-item: rgba(255, 255, 255, .85);--finder-sidebar-item-hover: rgba(255, 255, 255, .08);--finder-heading: rgba(255, 255, 255, .9);--finder-item-hover: rgba(255, 255, 255, .08);--finder-item-name: rgba(255, 255, 255, .9);--wallpaper-image: linear-gradient(135deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .18)), url(../navbar-icons/mac-wallpaper.jpg);--wallpaper-size: cover, cover;--wallpaper-position: center, center}[data-theme=light]{--bg-base: #e8e8ed;--bg-overlay-top: rgba(255, 255, 255, .4);--bg-overlay-bottom: rgba(255, 255, 255, .3);--bg-overlay-radial: rgba(255, 255, 255, .2);--nav-bg: rgba(255, 255, 255, .72);--nav-text: rgba(0, 0, 0, .85);--nav-text-soft: rgba(0, 0, 0, .56);--nav-text-strong: rgba(10, 10, 12, .94);--nav-border: rgba(0, 0, 0, .08);--nav-shadow-inset: rgba(0, 0, 0, .04);--nav-hover-bg: rgba(0, 0, 0, .06);--nav-pill-bg: rgba(255, 255, 255, .48);--nav-pill-highlight: rgba(255, 255, 255, .7);--nav-pill-border: rgba(255, 255, 255, .65);--nav-pill-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 10px 24px rgba(112, 120, 148, .18);--nav-status-chip-bg: rgba(255, 255, 255, .7);--nav-focus-ring: rgba(0, 122, 255, .35);--nav-terminal-bg-start: rgba(32, 35, 42, .92);--nav-terminal-bg-end: rgba(58, 63, 74, .82);--nav-terminal-text: rgba(255, 255, 255, .95);--nav-accent: linear-gradient(135deg, #ff9966, #ff5e62);--nav-accent-glow: rgba(255, 94, 98, .32);--dropdown-bg: rgba(255, 255, 255, .95);--dropdown-text: rgba(0, 0, 0, .88);--dropdown-text-muted: rgba(0, 0, 0, .5);--dropdown-border: rgba(0, 0, 0, .1);--dropdown-hover: rgba(0, 0, 0, .06);--dock-bg: rgba(255, 255, 255, .75);--dock-border: rgba(0, 0, 0, .1);--dock-running-dot: rgba(0, 0, 0, .6);--window-bg: rgba(255, 255, 255, .85);--window-border: rgba(0, 0, 0, .12);--window-title-text: rgba(0, 0, 0, .85);--window-content-bg: rgba(248, 248, 250, .6);--window-nav-bg: rgba(255, 255, 255, .5);--scrollbar-track: rgba(0, 0, 0, .06);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35);--modal-backdrop: rgba(0, 0, 0, .25);--modal-bg: rgba(255, 255, 255, .98);--modal-text: rgba(0, 0, 0, .8);--modal-text-strong: #1a1a1a;--modal-btn-bg: rgba(0, 0, 0, .08);--modal-btn-hover: rgba(0, 0, 0, .12);--finder-sidebar-bg: rgba(0, 0, 0, .04);--finder-sidebar-border: rgba(0, 0, 0, .08);--finder-sidebar-label: rgba(0, 0, 0, .5);--finder-sidebar-item: rgba(0, 0, 0, .85);--finder-sidebar-item-hover: rgba(0, 0, 0, .06);--finder-heading: rgba(0, 0, 0, .9);--finder-item-hover: rgba(0, 0, 0, .06);--finder-item-name: rgba(0, 0, 0, .88)}[data-style-theme=minimal]{--wallpaper-image: linear-gradient(160deg, rgba(248, 248, 248, .64), rgba(229, 231, 235, .3)), radial-gradient(circle at top left, rgba(255, 255, 255, .32), transparent 42%), url(../navbar-icons/mac-wallpaper.jpg);--wallpaper-size: cover, cover, cover;--wallpaper-position: center, top left, center}[data-style-theme=glassmorphism]{--wallpaper-image: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .03)), radial-gradient(circle at 20% 20%, rgba(173, 216, 255, .24), transparent 28%), radial-gradient(circle at 78% 18%, rgba(255, 182, 193, .2), transparent 24%), url(../navbar-icons/mac-wallpaper.jpg);--wallpaper-size: cover, cover, cover, cover;--wallpaper-position: center, 20% 20%, 78% 18%, center}[data-style-theme=cyberpunk]{--wallpaper-image: linear-gradient(135deg, rgba(255, 0, 153, .28), rgba(4, 0, 30, .56)), radial-gradient(circle at 18% 22%, rgba(0, 255, 240, .28), transparent 22%), radial-gradient(circle at 82% 30%, rgba(255, 0, 153, .2), transparent 24%), linear-gradient(180deg, rgba(15, 9, 32, .22), rgba(4, 4, 12, .58)), url(../navbar-icons/mac-wallpaper.jpg);--wallpaper-size: cover, cover, cover, cover, cover;--wallpaper-position: center, 18% 22%, 82% 30%, center, center}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background:var(--bg-base);transition:background .3s ease}main{height:100%;width:100%;position:relative;overflow:hidden;background-color:var(--bg-base);background-image:var(--wallpaper-image);background-repeat:no-repeat;background-size:var(--wallpaper-size);background-position:var(--wallpaper-position);isolation:isolate;transition:background-color .65s ease,background-image .9s ease,filter .65s ease}main:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg-overlay-top) 0%,transparent 25%,transparent 70%,var(--bg-overlay-bottom) 100%);pointer-events:none;transition:background .7s ease}main:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 60% at 50% 100%,var(--bg-overlay-radial) 0%,transparent 60%);pointer-events:none;transition:background .7s ease}.theme-transition{position:absolute;inset:-12%;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.theme-transition-glow,.theme-transition-orb{position:absolute;border-radius:999px;filter:blur(14px)}.theme-transition-glow{inset:6% -10%}.theme-transition-orb{top:12%;left:50%;width:clamp(12rem,24vw,22rem);height:clamp(12rem,24vw,22rem);margin-left:calc(clamp(12rem,24vw,22rem)/-2)}.theme-transition-light .theme-transition-glow{background:linear-gradient(115deg,rgba(255,220,128,.8),rgba(255,173,82,.34),transparent 72%),radial-gradient(circle at 20% 40%,rgba(255,246,210,.72),transparent 28%),radial-gradient(circle at 78% 62%,rgba(160,214,255,.25),transparent 26%)}.theme-transition-light .theme-transition-orb{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.98),rgba(255,226,130,.92) 30%,rgba(255,184,74,.36) 56%,transparent 72%);box-shadow:0 0 70px #ffc25f61}.theme-transition-dark{mix-blend-mode:soft-light}.theme-transition-dark .theme-transition-glow{background:linear-gradient(120deg,rgba(12,26,56,.75),rgba(58,95,177,.28),transparent 76%),radial-gradient(circle at 74% 26%,rgba(171,195,255,.2),transparent 20%),radial-gradient(circle at 36% 72%,rgba(114,81,255,.22),transparent 24%)}.theme-transition-dark .theme-transition-orb{background:radial-gradient(circle at 35% 35%,rgba(238,244,255,.94),rgba(185,207,255,.62) 22%,rgba(54,81,151,.42) 46%,rgba(5,8,18,.12) 66%,transparent 76%);box-shadow:0 0 80px #6e90ff33}@media(prefers-reduced-motion:reduce){main,main:before,main:after,body{transition-duration:.01ms}.theme-transition{display:none}}.dock{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:flex-end;gap:.5rem;padding:.5rem .75rem;background:var(--dock-bg);backdrop-filter:saturate(200%) blur(28px);-webkit-backdrop-filter:saturate(200%) blur(28px);transition:background .3s ease,border-color .3s ease;border-radius:1.25rem;border:1px solid var(--dock-border);box-shadow:0 0 0 1px #00000026,0 12px 40px #00000059}.dock .icon{position:relative;padding:.5rem;border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1;width:3.25rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.dock .icon img{width:1.75rem;height:1.75rem;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transform-origin:center bottom}.dock .icon:after{content:"";position:absolute;bottom:-.35rem;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--dock-running-dot);opacity:0;transition:opacity .2s ease}.dock .icon.running:after{opacity:1}.dock .github,.dock .cli{background:linear-gradient(145deg,#1a1a1f,#0d0d12);box-shadow:inset 0 1px #ffffff0f}.dock .note{background:linear-gradient(145deg,#ffb857,#ff9a1c);box-shadow:inset 0 1px #ffffff40,0 2px 8px #ff991c4d}.dock .pdf{background:linear-gradient(145deg,#ff4d5a,#ff2a38);box-shadow:inset 0 1px #fff3,0 2px 8px #ff192840}.dock .calender,.dock .mail{background:linear-gradient(145deg,#7b6cff,#4a38ff);box-shadow:inset 0 1px #fff3,0 2px 8px #4234ff4d}.dock .spotify{background:linear-gradient(145deg,#5ab823,#3a9010);box-shadow:inset 0 1px #fff3,0 2px 8px #358e0c40}.dock .link{background:linear-gradient(145deg,#b363b8,#9e29b0);box-shadow:inset 0 1px #fff3,0 2px 8px #8e219a40}.dock .finder{background:linear-gradient(145deg,#5b8de6,#3a6bb8);box-shadow:inset 0 1px #fff3,0 2px 8px #3a6bb84d}.dock .icon:hover{transform:scale(1.28) translateY(-.5rem)}.dock .icon:hover+.icon,.dock .icon:has(+.icon:hover){transform:scale(1.12) translateY(-.25rem)}.topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.15rem;padding:.5rem 1rem .45rem;color:var(--nav-text);background:var(--nav-bg);backdrop-filter:saturate(200%) blur(24px);-webkit-backdrop-filter:saturate(200%) blur(24px);border-bottom:1px solid var(--nav-border);box-shadow:0 1px 0 0 var(--nav-shadow-inset) inset,0 14px 36px #00000029;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.02em;line-height:1.25}.topbar .left,.topbar .right{display:flex;align-items:center;min-height:2rem}.topbar .left{position:relative;flex:1 1 auto;gap:.6rem;min-width:0}.topbar .right{flex:0 0 auto;gap:.45rem;justify-content:flex-end}.topbar .nav-cluster{position:relative;display:flex;align-items:center;min-height:2rem;border:1px solid var(--nav-pill-border);border-radius:999px;background:linear-gradient(180deg,var(--nav-pill-highlight),transparent 60%),var(--nav-pill-bg);box-shadow:var(--nav-pill-shadow)}.topbar .nav-cluster-primary{gap:.3rem;padding:.2rem .3rem .2rem .35rem}.topbar .nav-cluster-menu{gap:.15rem;padding:.2rem}.topbar .nav-menu-wrap{position:relative}.topbar .apple-icon{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:999px;background:transparent;opacity:.95;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}.topbar .apple-icon img{display:block;width:1.125rem;height:1.125rem;object-fit:contain}.topbar .apple-icon:hover{opacity:1;background:var(--nav-hover-bg);transform:translateY(-1px)}.topbar .apple-icon:focus-visible{outline:none;box-shadow:0 0 0 2px var(--nav-focus-ring)}.topbar .nav-app-indicator{display:flex;align-items:center;gap:.45rem;padding:0 .75rem 0 .35rem;color:var(--nav-text-strong);font-weight:600;letter-spacing:.03em;white-space:nowrap}.topbar .nav-app-indicator-dot{width:.5rem;height:.5rem;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),transparent 45%),var(--nav-accent);box-shadow:0 0 0 .12rem #ffffff14,0 0 18px var(--nav-accent-glow)}.topbar .nav-item{display:flex;align-items:center;justify-content:center;min-height:1.55rem;padding:.38rem .72rem;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.topbar .nav-item p{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.topbar .nav-item:hover{background:var(--nav-hover-bg);color:var(--nav-text);transform:translateY(-1px)}.topbar .nav-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--nav-focus-ring)}.topbar .nav-item-terminal{background:linear-gradient(135deg,var(--nav-terminal-bg-start),var(--nav-terminal-bg-end));color:var(--nav-terminal-text);box-shadow:inset 0 1px #ffffff2e,0 10px 18px #00000024}.topbar .nav-item-terminal:hover{background:linear-gradient(135deg,var(--nav-terminal-bg-start),var(--nav-terminal-bg-end));color:var(--nav-terminal-text);box-shadow:inset 0 1px #ffffff38,0 14px 24px #0000002e}.topbar .nav-status-pill{display:flex;align-items:center;gap:.5rem;min-height:2rem;padding:.2rem .35rem .2rem .8rem;border:1px solid var(--nav-pill-border);border-radius:999px;background:linear-gradient(180deg,var(--nav-pill-highlight),transparent 60%),var(--nav-pill-bg);box-shadow:var(--nav-pill-shadow);white-space:nowrap}.topbar .nav-status-kicker{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;color:var(--nav-text-soft)}.topbar .nav-status-value{padding:.3rem .58rem;border-radius:999px;background:var(--nav-status-chip-bg);color:var(--nav-text-strong);font-weight:600;box-shadow:inset 0 1px #ffffff1f}.topbar .nav-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--nav-pill-border);border-radius:999px;background:linear-gradient(180deg,var(--nav-pill-highlight),transparent 60%),var(--nav-pill-bg);box-shadow:var(--nav-pill-shadow);opacity:.94}.topbar .nav-icon img{display:block;width:.95rem;height:.95rem;object-fit:contain}.topbar .nav-time{min-width:10.5rem;justify-content:flex-start;padding-inline:.8rem;border:1px solid var(--nav-pill-border);background:linear-gradient(180deg,var(--nav-pill-highlight),transparent 60%),var(--nav-pill-bg);box-shadow:var(--nav-pill-shadow);color:var(--nav-text-strong)}.topbar .nav-time:hover{background:linear-gradient(180deg,var(--nav-pill-highlight),transparent 60%),var(--nav-pill-bg);color:var(--nav-text-strong);transform:none}[data-theme=light] .topbar .apple-icon img,[data-theme=light] .topbar .nav-icon img{filter:invert(1)}.topbar .nav-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:14rem;margin-top:.55rem;padding:.45rem;border:1px solid var(--dropdown-border);border-radius:1rem;background:var(--dropdown-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 22px 48px #00000052}.topbar .nav-dropdown-item{padding:.62rem .9rem;font-size:.8125rem;color:var(--dropdown-text);border-radius:.7rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.topbar .nav-dropdown-item:hover{background:var(--dropdown-hover);transform:translate(2px)}.topbar .nav-dropdown-item.disabled{color:var(--dropdown-text-muted);cursor:default}.topbar .nav-dropdown-divider{height:1px;margin:.35rem .2rem;background:var(--dropdown-border)}@media(max-width:960px){.topbar{padding-inline:.75rem}.topbar .nav-app-indicator,.topbar .nav-status-kicker{display:none}.topbar .nav-time{min-width:auto}}@media(max-width:720px){.topbar .left{gap:.4rem}.topbar .nav-cluster-menu .nav-item{padding-inline:.55rem}.topbar .nav-status-pill{padding-left:.55rem}}@media(max-width:620px){.topbar .nav-cluster-menu,.topbar .nav-status-pill{display:none}}.about-modal-backdrop{position:fixed;inset:0;z-index:1000;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-modal{background:var(--modal-bg);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-radius:.75rem;border:1px solid var(--dropdown-border);box-shadow:0 25px 50px -12px #00000080;min-width:20rem;max-width:24rem;overflow:hidden}.about-modal-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--dropdown-border)}.about-modal-header .about-logo{font-size:1.5rem;color:var(--modal-text-strong)}.about-modal-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--modal-text-strong)}.about-modal-body{padding:1.25rem;color:var(--modal-text);font-size:.875rem}.about-modal-body .about-name{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--modal-text-strong)}.about-modal-body .about-role{margin:0 0 .5rem;color:var(--modal-text)}.about-modal-body .about-stack{margin:0 0 .75rem;color:var(--modal-text)}.about-modal-body .about-links a{color:#5b8de6;text-decoration:none}.about-modal-body .about-links a:hover{text-decoration:underline}.about-modal-footer{padding:.75rem 1.25rem;border-top:1px solid var(--dropdown-border);display:flex;justify-content:flex-end}.about-btn{padding:.35rem 1.25rem;border-radius:.375rem;border:none;background:var(--modal-btn-bg);color:var(--modal-text-strong);font-size:.8125rem;cursor:pointer;transition:background .2s ease}.about-btn:hover{background:var(--modal-btn-hover)}.window{background:var(--window-bg);transition:box-shadow .2s ease,background .3s ease,border-color .3s ease,color .3s ease}.window.window--focused{box-shadow:0 0 0 1px #0000001a,0 25px 50px -12px #0006,0 0 0 1px var(--window-border)}.window{backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-radius:.75rem;overflow:hidden;height:100%;border:1px solid var(--window-border);box-shadow:0 0 0 1px #0000001a,0 25px 50px -12px #0006;color:var(--window-title-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500}.window .nav{background:var(--window-nav-bg);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);padding-inline:.75rem;padding-block:.5rem;border-bottom:1px solid var(--window-border);box-shadow:0 1px 0 0 var(--scrollbar-track) inset;display:flex;align-items:center;gap:1.5rem}.window .nav .window-controls{display:flex;gap:8px;align-items:center;margin-right:.25rem}.window .nav .window-controls .window-btn{width:12px;height:12px;border:none;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .15s ease,transform .1s ease;color:transparent}.window .nav .window-controls .window-btn:hover{filter:brightness(1.15);color:#00000080}.window .nav .window-controls .window-btn:active{transform:scale(.95)}.window .nav .window-controls .window-btn.close{background-color:#ff5f57}.window .nav .window-controls .window-btn.minimize{background-color:#febc2e}.window .nav .window-controls .window-btn.maximize{background-color:#28c840}.window .nav .title{flex:1;text-align:center;min-width:0}.window .nav .title p{margin:0;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window .main-content{height:100%;background:var(--window-content-bg)}.window *::-webkit-scrollbar{width:8px}.window *::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.window *::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.window *::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.cards{overflow:scroll;height:100%;padding:1rem 1rem 10rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cards .card{flex-grow:1;flex-basis:20rem;max-width:30rem;padding-inline:1rem;padding-block:.75rem;background-color:#1c1c1c;border-radius:.5rem;color:#f5f5f5;display:flex;flex-direction:column;gap:1rem}.cards .card img{width:100%;border-radius:1rem}.cards .card h1{font-size:1.5rem;font-weight:500}.cards .card .description{opacity:.7;word-spacing:.4rem;line-height:1.3}.cards .card .tags{display:flex;flex-wrap:wrap;gap:.75rem}.cards .card .tags .tag{background-color:#353735;width:fit-content;padding-inline:1.25rem;padding-block:.75rem;border-radius:.75rem;white-space:nowrap}.cards .card .urls{display:flex;gap:1rem}.cards .card .urls a{color:#fff}.note-window{display:grid;grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);height:100%;color:var(--modal-text)}.note-sidebar{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.1rem;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%),var(--finder-sidebar-bg);border-right:1px solid var(--finder-sidebar-border)}.note-sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.note-sidebar-top h2{margin:.2rem 0 0;font-size:1.25rem;color:var(--modal-text-strong)}.note-eyebrow{margin:0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--finder-sidebar-label)}.note-create-btn,.note-delete-btn{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.6rem .95rem;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.note-create-btn{background:linear-gradient(135deg,#ffbe6ef5,#ff8366f5);color:#20160f;font-weight:700;box-shadow:0 12px 24px #ff8c6038}.note-delete-btn{background:#ffffff0f;color:var(--modal-text)}.note-create-btn:hover,.note-delete-btn:hover{transform:translateY(-1px)}.note-list{display:flex;flex-direction:column;gap:.7rem;min-height:0;overflow-y:auto;padding-right:.2rem}.note-card{width:100%;border:1px solid transparent;border-radius:1rem;padding:.95rem;background:#ffffff0a;color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.note-card strong{display:block;color:var(--modal-text-strong);font-size:.96rem;line-height:1.3}.note-card p{margin:.55rem 0 0;font-size:.84rem;line-height:1.45;color:var(--finder-sidebar-item);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.note-card:hover{transform:translateY(-1px);background:#ffffff12;border-color:#ffffff14}.note-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.note-card-head span{flex-shrink:0;font-size:.72rem;color:var(--finder-sidebar-label)}.note-card-active{border-color:#ffbe6e80;background:linear-gradient(135deg,#ffc47e38,#ff927814),#ffffff0f;box-shadow:0 18px 30px #00000024}.note-card-placeholder{cursor:default}.note-editor{display:flex;flex-direction:column;gap:1rem;min-width:0;height:100%;padding:1.25rem 1.35rem 1.35rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%),#ffffff04}.note-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.note-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.8rem;color:var(--finder-sidebar-label)}.note-save-badge{display:inline-flex;align-items:center;justify-content:center;min-width:4.8rem;padding:.35rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em}.note-save-saved{background:#28c86e29;color:#6be69f}.note-save-saving{background:#ffc4572e;color:#ffd166}.note-save-error{background:#ff5f5729;color:#ff8f88}.note-title-input,.note-body-input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff0d;color:var(--modal-text-strong);font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.note-title-input::placeholder,.note-body-input::placeholder{color:var(--finder-sidebar-label)}.note-title-input:focus,.note-body-input:focus{border-color:#ffb85c80;box-shadow:0 0 0 4px #ffb85c24;background:#ffffff12}.note-title-input{padding:1rem 1.1rem;font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.note-body-input{flex:1;min-height:0;resize:none;padding:1rem 1.1rem 1.4rem;font-size:1rem;line-height:1.7}.note-empty-state{display:grid;place-items:center;height:100%;text-align:center;color:var(--finder-sidebar-label)}.note-empty-state h3{margin-bottom:.4rem;color:var(--modal-text-strong)}[data-theme=light] .note-create-btn,[data-theme=light] .note-delete-btn,[data-theme=light] .note-card,[data-theme=light] .note-title-input,[data-theme=light] .note-body-input{border-color:#00000014}[data-theme=light] .note-card,[data-theme=light] .note-title-input,[data-theme=light] .note-body-input,[data-theme=light] .note-delete-btn{background:#ffffff8f}[data-theme=light] .note-card:hover{background:#fffc}[data-theme=light] .note-editor{background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 28%),#ffffff2e}[data-theme=light] .note-save-saved{color:#1f8f5f}[data-theme=light] .note-save-saving{color:#b87809}[data-theme=light] .note-save-error{color:#d25a53}@media(max-width:900px){.note-window{grid-template-columns:1fr}.note-sidebar{border-right:0;border-bottom:1px solid var(--finder-sidebar-border)}.note-list{max-height:14rem}}@media(max-width:640px){.note-sidebar-top,.note-editor-toolbar{flex-direction:column;align-items:stretch}.note-create-btn,.note-delete-btn{width:100%}}.resume-window{height:100%;overflow:auto}.resume-window embed,.spotify-window{width:100%;height:100%}.spotify-window iframe{width:100%;height:100%;border:none}.cli-window{height:100%;overflow:auto;padding-bottom:3rem;background-color:#222}.cli-window div[name=react-console-emulator]{height:100%;background-color:transparent!important}.finder-window{display:flex;height:100%}.finder-sidebar{width:10rem;background:var(--finder-sidebar-bg);border-right:1px solid var(--finder-sidebar-border);padding:.75rem 0}.sidebar-section{padding:0 .75rem}.sidebar-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--finder-sidebar-label);display:block;margin-bottom:.5rem}.sidebar-item{font-size:.8125rem;padding:.35rem .5rem;border-radius:.375rem;cursor:default;color:var(--finder-sidebar-item)}.sidebar-item:hover{background:var(--finder-sidebar-item-hover)}.finder-content{flex:1;overflow:auto;padding:1rem}.finder-heading{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--finder-heading)}.finder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:1rem}.finder-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.finder-item:hover{background:var(--finder-item-hover)}.finder-item-icon{font-size:2rem;line-height:1}.finder-item-name{font-size:.75rem;color:var(--finder-item-name);text-align:center;word-break:break-word}