:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#131315;--surface-low:#1b1b1d94;--surface-mid:#1f1f21b8;--surface-high:#353437c7;--text:#e4e2e4;--muted:#c1c6d7;--line:#ffffff1a;--primary:#adc6ff;--primary-strong:#4b8eff;--on-primary:#002e69;--tertiary:#ffb4aa;--error:#ffb4ab;--green:#27c93f;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-label:"Geist", system-ui, sans-serif;font-family:var(--font-body);background:var(--surface);color:var(--text)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden}body,.app-shell,.floating-window,.window-frame,.menu-bar,.dock,.project-card,.detail-panel,.detail-hero,.sidebar,.projects-header{transition:background-color .52s cubic-bezier(.22,1,.36,1),background .52s cubic-bezier(.22,1,.36,1),color .52s cubic-bezier(.22,1,.36,1),border-color .52s cubic-bezier(.22,1,.36,1),box-shadow .52s cubic-bezier(.22,1,.36,1)}button,input,textarea{font:inherit}button{color:inherit;border:0}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;justify-content:center;align-items:center;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.svg-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none;width:1.25em;height:1.25em;display:inline-block}.svg-icon.filled{fill:color-mix(in srgb, currentColor 18%, transparent)}.avatar{color:var(--text);background:radial-gradient(circle at 35% 22%,#ffffff8f,#0000 18%),radial-gradient(circle at 70% 74%,#ffb4aa66,#0000 28%),linear-gradient(145deg,#2c3758,#161a26 48%,#485f91);border:1px solid #ffffff2e;border-radius:999px;flex:none;place-items:center;display:inline-grid;box-shadow:0 0 18px #adc6ff3d,inset 0 1px 12px #ffffff1f}.avatar span{border-radius:inherit;width:62%;height:62%;font:800 16px/1 var(--font-display);letter-spacing:0;background:#06091057;place-items:center;display:grid}.avatar img{border-radius:inherit;object-fit:cover;object-position:50% 24%;width:100%;height:100%;display:block}.avatar-lg img{object-position:50% 16%}.avatar-md{width:48px;height:48px}.avatar-lg{border:2px solid #adc6ff33;width:96px;height:96px;padding:4px}.app-shell{isolation:isolate;--surface:#131315;--surface-low:#1b1b1d94;--surface-mid:#1f1f21b8;--surface-high:#353437c7;--text:#e4e2e4;--muted:#c1c6d7;--line:#ffffff1a;--primary:#adc6ff;--primary-strong:#4b8eff;--on-primary:#002e69;--tertiary:#ffb4aa;--wallpaper-a:#4b8eff7a;--wallpaper-b:#ff554561;--wallpaper-c:#1fdebb47;--wallpaper-base-1:#080a12;--wallpaper-base-2:#171427;--wallpaper-base-3:#0d1119;min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0,#ffffffd1,#0000 0),radial-gradient(circle at 50% 100%,#080a12c7,#0000 0);transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .72s cubic-bezier(.22,1,.36,1);position:fixed;inset:-20vmax;transform:scale(0)}.app-shell.theme-light{--surface:#f6f8fb;--surface-low:#ffffffd1;--surface-mid:#ffffffe0;--surface-high:#ffffffe6;--text:#111827;--muted:#354155;--line:#11182729;--primary:#075bd8;--primary-strong:#0b64e8;--on-primary:#f7fbff;--tertiary:#a4312c;--wallpaper-a:#4884ff42;--wallpaper-b:#ffbc6352;--wallpaper-c:#4bceae3d;--wallpaper-base-1:#f7f9ff;--wallpaper-base-2:#e9f0ff;--wallpaper-base-3:#f8faf4}.app-shell.theme-light:before{opacity:.24;background:radial-gradient(circle at 92% 8%,#ffffffb8,#0000 36%),radial-gradient(circle at 10% 88%,#ffe2a05c,#0000 42%);transform:scale(1)}.app-shell.theme-dark:before{opacity:.1;background:radial-gradient(circle at 92% 8%,#adc6ff52,#0000 36%),radial-gradient(circle at 10% 88%,#080a1275,#0000 42%);transform:scale(1)}.wallpaper,.wallpaper span{pointer-events:none;position:fixed;inset:0}.wallpaper{z-index:-2;background:radial-gradient(circle at 18% 28%, var(--wallpaper-a), transparent 34%), radial-gradient(circle at 78% 20%, var(--wallpaper-b), transparent 29%), radial-gradient(circle at 65% 82%, var(--wallpaper-c), transparent 32%), linear-gradient(135deg, var(--wallpaper-base-1) 0%, var(--wallpaper-base-2) 46%, var(--wallpaper-base-3) 100%)}.orb{filter:blur(64px);opacity:.55;animation:18s ease-in-out infinite alternate drift}.orb-a{background:radial-gradient(circle,#adc6ff6b,#0000 34%);transform:translate(-26%,-26%)}.orb-b{background:radial-gradient(circle,#ffb4aa47,#0000 32%);animation-delay:-6s;transform:translate(28%,22%)}.orb-c{background:radial-gradient(circle,#50ffd233,#0000 30%);animation-delay:-11s;transform:translate(4%,42%)}.grain{opacity:.07;mix-blend-mode:overlay;background-image:linear-gradient(#0000 74%,#fff6 75%,#0000 76%),linear-gradient(90deg,#0000 24%,#ffffff57 25%,#0000 26%);background-size:4px 4px}@keyframes drift{to{transform:translate(6%,-2%)scale(1.08)}}.menu-bar{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);height:32px;font:500 13px/1.2 var(--font-label);background:#131315c2;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 16px;display:grid;position:fixed;inset:0 0 auto}.menu-left,.menu-status,.menu-links{align-items:center;display:flex}.menu-left{gap:18px;min-width:0}.brand-mark{color:var(--text);font:700 15px/1 var(--font-display);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.brand-mark img{object-fit:cover;border-radius:999px;width:22px;height:22px}.theme-switch{width:24px;height:24px;color:var(--text);cursor:pointer;background:#ffffff14;border-radius:999px;place-items:center;display:inline-grid}.theme-switch .svg-icon{width:15px;height:15px}.menu-links{gap:6px}.menu-link{color:#e4e2e4b8;cursor:default;background:0 0;border-radius:6px;padding:3px 8px}.menu-link.active,.menu-link:hover{color:var(--text);background:#ffffff14}.menu-center{color:#e4e2e4b8}.menu-status{color:#e4e2e4db;justify-content:flex-end;gap:12px}.menu-status .material-symbols-outlined{font-size:16px}.desktop{min-height:100vh;padding:56px 32px 96px;position:relative}.desktop-home{max-width:1440px;margin:0 auto}.floating-window,.window-frame{background:var(--surface-low);border:1px solid var(--line);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 50px #00000057,inset 0 1px #ffffff0f}.floating-window{border-radius:24px;transition:transform .22s,box-shadow .22s;position:absolute;overflow:hidden}.floating-window:hover{transform:translateY(-3px)scale(1.003);box-shadow:0 30px 70px #0000006b,inset 0 1px #ffffff14}.welcome-window{z-index:3;width:min(420px,100vw - 40px);top:80px;left:clamp(20px,6vw,80px)}.mini-titlebar,.window-titlebar{height:40px;font:500 13px/1.2 var(--font-label);color:#e4e2e48a;background:#ffffff0b;border-bottom:1px solid #ffffff0e;align-items:center;gap:12px;padding:0 16px;display:flex}.app-shell.theme-light .menu-bar{background:#fffc}.app-shell.theme-light .menu-link,.app-shell.theme-light .menu-center,.app-shell.theme-light .menu-status,.app-shell.theme-light .mini-titlebar,.app-shell.theme-light .window-titlebar{color:#111827c7}.app-shell.theme-light .floating-window,.app-shell.theme-light .window-frame,.app-shell.theme-light .clock-widget,.app-shell.theme-light .calendar-widget,.app-shell.theme-light .dock{box-shadow:0 20px 54px #11182729,inset 0 1px #ffffffb8}.app-shell.theme-light .finder-preview aside,.app-shell.theme-light .sidebar,.app-shell.theme-light .detail-sidebar,.app-shell.theme-light .about-content,.app-shell.theme-light .projects-content,.app-shell.theme-light .project-detail-shell{background:#ffffff6b}.app-shell.theme-light .two-column article,.app-shell.theme-light .milestone-grid article,.app-shell.theme-light .project-card,.app-shell.theme-light .detail-panel{background:#ffffffb8}.app-shell.theme-light .project-shot{background:radial-gradient(circle at 18% 20%,#075bd81f,#0000 26%),linear-gradient(135deg,#ffffffeb,#e8effcc2)}.app-shell.theme-light .project-shot strong,.app-shell.theme-light .detail-panel p,.app-shell.theme-light .detail-panel li,.app-shell.theme-light .unavailable-note span{color:var(--muted)}.traffic-lights{align-items:center;gap:8px;display:flex}.traffic-lights span{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 -1px 2px #0000003d}.traffic-lights .red{background:#ff5f56}.traffic-lights .yellow{background:#ffbd2e}.traffic-lights .green{background:#27c93f}.mini-titlebar>span:not(.traffic-lights span){margin-left:auto}.welcome-content{text-align:center;padding:32px}.welcome-content>.avatar{width:96px;height:96px;margin:0 auto}h1,h2,h3,h4,p{margin:0}.welcome-content h1{color:var(--text);font:600 34px/1.2 var(--font-display);margin-top:22px}.welcome-content p{color:var(--muted);margin:12px auto 0;font-size:17px;line-height:1.55}.welcome-content strong{color:var(--primary);font-weight:600}.primary-button{background:var(--primary);color:var(--on-primary);font:700 13px/1 var(--font-label);cursor:pointer;border-radius:999px;margin-top:28px;padding:11px 24px;transition:transform .18s,filter .18s;box-shadow:0 10px 24px #4b8eff2e}.primary-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.finder-preview{z-index:2;width:min(560px,100vw - 48px);height:380px;display:flex;top:210px;left:clamp(170px,22vw,320px)}.finder-preview aside,.sidebar{background:#0d0d0f2e;border-right:1px solid #ffffff0e;width:188px;padding:16px}.finder-preview aside p,.sidebar-label{color:var(--text);font:700 13px/1.2 var(--font-label);align-items:center;gap:8px;margin-bottom:16px;display:flex}.finder-preview button,.sidebar button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex}.finder-preview button.selected,.sidebar button.selected{color:var(--primary);background:#adc6ff2e}.finder-main{flex-direction:column;flex:1;display:flex}.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:28px;display:grid}.folder-tile{min-height:92px;color:var(--text);font:500 13px/1.2 var(--font-label);justify-items:center;gap:10px;display:grid}.folder-tile span{background:color-mix(in srgb, currentColor 24%, transparent);border:1px solid;border-radius:12px;place-items:center;width:64px;height:48px;display:grid;box-shadow:inset 0 1px 8px #ffffff14}.folder-tile .svg-icon,.folder-tile .material-symbols-outlined{width:32px;height:32px;font-size:32px}.folder-tile.primary{color:var(--primary)}.folder-tile.tertiary{color:var(--tertiary)}.folder-tile.neutral{color:#ffffff8a}.desktop-widgets{gap:24px;display:grid;position:absolute;top:80px;right:32px}.clock-widget,.calendar-widget{background:var(--surface-low);border:1px solid var(--line);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-radius:28px;align-content:center;place-items:center;width:160px;height:160px;display:grid;overflow:hidden;box-shadow:0 20px 40px #0000003d}.clock-widget strong{font:800 42px/1 var(--font-display)}.clock-widget span{color:#adc6ffdb;font:700 13px/1 var(--font-label);letter-spacing:.12em;margin-top:8px}.calendar-widget span{text-align:center;color:#690005;width:100%;font:800 13px/1 var(--font-label);background:#ffb4abc2;align-self:start;padding:8px 0}.calendar-widget strong{font:800 52px/1 var(--font-display)}.main-window{border-radius:24px;flex-direction:column;width:min(1280px,100vw - 48px);height:min(850px,100vh - 108px);margin:0 auto;display:flex;overflow:hidden}.window-titlebar{flex:0 0 40px}.window-title{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.title-spacer{width:60px}.split-view,.mail-layout{flex:1;min-height:0;display:flex}.sidebar{flex-direction:column;flex:0 0 256px;gap:6px;width:256px;display:flex}.profile-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-row .avatar,.projects-header .avatar{border-radius:999px;width:48px;height:48px}.profile-row strong{color:var(--text);font:700 13px/1.2 var(--font-label);display:block}.profile-row span{color:#c1c6d7b3;margin-top:3px;font-size:11px;display:block}.sidebar-label{color:color-mix(in srgb, var(--muted) 72%, transparent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-size:11px}.sidebar nav{gap:4px;display:grid}.sync-panel{color:#c1c6d7b8;border-top:1px solid #ffffff0e;margin-top:auto;padding-top:16px}.app-shell.theme-light .profile-row strong{color:#111827}.app-shell.theme-light .profile-row span{color:#354155}.app-shell.theme-light .sidebar-label{color:#667085}.app-shell.theme-light .sidebar button{color:#354155}.app-shell.theme-light .sidebar button.selected{color:#075bd8;background:#075bd81a;outline-color:#075bd857}.sync-panel p{align-items:center;gap:7px;font-size:12px;display:flex}.sync-panel span,.meter{background:#ffffff14;border-radius:999px;height:6px;margin-top:10px;display:block;overflow:hidden}.sync-panel i,.meter i{border-radius:inherit;background:var(--primary);width:66%;height:100%;display:block;box-shadow:0 0 10px #adc6ff80}.sync-panel small{color:#c1c6d78c;margin-top:10px;display:block}.about-content,.projects-content{background:#1f1f214d;flex:1;min-width:0;overflow-y:auto}.about-content{padding:36px}.content-narrow{max-width:820px;margin:0 auto}.page-heading{margin-bottom:48px}.page-heading h1{max-width:720px;color:var(--text);font:800 clamp(42px, 6vw, 64px)/1.08 var(--font-display);letter-spacing:0}.page-heading p{max-width:680px;color:var(--muted);margin-top:18px;font-size:17px;line-height:1.55}.milestone-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.milestone-grid article,.two-column article,.project-card{border:1px solid var(--line);background:#ffffff0e;border-radius:20px;box-shadow:inset 0 1px #ffffff0a}.milestone-grid article{padding:24px}.milestone-grid .svg-icon,.milestone-grid .material-symbols-outlined{color:var(--primary);width:34px;height:34px;margin-bottom:18px;font-size:34px}.milestone-grid article:nth-child(2) .svg-icon,.milestone-grid article:nth-child(2) .material-symbols-outlined{color:var(--tertiary)}.milestone-grid h3{color:var(--text);font:700 20px/1.2 var(--font-display)}.milestone-grid p{color:var(--muted);margin-top:8px}.milestone-grid small{color:#c1c6d7bf;margin-top:14px;line-height:1.45;display:block}.app-shell.theme-light .milestone-grid small{color:#4b5870}.skills-panel{margin:48px 0}.skills-panel h2,.section-line h3{color:var(--text);font:700 34px/1.2 var(--font-display);margin-bottom:26px}.skill-row+.skill-row{margin-top:24px}.skill-row p{color:var(--text);font:600 13px/1.2 var(--font-label);justify-content:space-between;margin-bottom:10px;display:flex}.app-shell.theme-light .skill-row p{color:#354155}.skill-row small{color:var(--primary)}.meter i.tertiary{background:var(--tertiary);box-shadow:0 0 10px #ffb4aa80}.two-column article{background:#1b1b1db3;padding:24px}.two-column h4{color:#c1c6d7c2;font:700 11px/1.2 var(--font-label);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}.two-column p+p{margin-top:16px}.two-column strong,.two-column span{display:block}.two-column strong{color:var(--text)}.two-column span{color:var(--muted);margin-top:4px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{border:1px solid var(--line);color:var(--muted);background:#ffffff0e;border-radius:999px;padding:7px 11px;font-size:14px}.app-shell.theme-light .two-column strong{color:#111827}.app-shell.theme-light .two-column span{color:#354155}.app-shell.theme-light .chips span{color:#263348;background:#075bd80f}.project-sidebar .traffic-lights{margin-bottom:20px}.project-sidebar h2{color:var(--text);font:700 34px/1.1 var(--font-display);margin-bottom:6px}.project-window,.project-detail-window{width:min(1320px,100vw - 32px);height:min(900px,100vh - 92px)}.projects-content{flex-direction:column;display:flex}.projects-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1f21a8;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:sticky;top:0}.app-shell.theme-light .projects-header{background:#ffffffc7}.app-shell.theme-light .folder-tile.neutral{color:#5c6678}.app-shell.theme-light .profile-row span,.app-shell.theme-light .sync-panel,.app-shell.theme-light .sync-panel small,.app-shell.theme-light .two-column h4{color:var(--muted)}.app-shell.theme-light .dock{color:#0b64e8;background:#1a1f2894}.projects-header h1{color:var(--text);font:700 34px/1.2 var(--font-display)}.projects-scroll{padding:36px 36px 120px}.feature-project{border:1px solid var(--line);border-radius:28px;min-height:400px;position:relative;overflow:hidden;box-shadow:0 24px 55px #0000005c}.feature-project:after{content:"";background:linear-gradient(90deg,#020611e6 0%,#020611c2 42%,#02061142 72%,#02061114 100%),linear-gradient(#0206112e,#02061114 36%,#020611b8);position:absolute;inset:0}.feature-project img,.feature-art{transition:transform .7s;position:absolute}.feature-project img{object-fit:cover;object-position:center;width:100%;height:100%;inset:0}.feature-art{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(360px,42%);display:grid;bottom:40px;right:40px}.feature-art span{color:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:74px;font:800 11px/1 var(--font-label);letter-spacing:.12em;background:#0206116b;border:1px solid #ffffff24;border-radius:24px;place-items:center;display:grid;box-shadow:inset 0 1px 14px #ffffff0f,0 22px 40px #00000038}.feature-project:hover img,.feature-project:hover .feature-art{transform:scale(1.06)}.feature-project-content{z-index:2;max-width:620px;position:absolute;bottom:38px;left:40px}.feature-project-content>span{color:var(--primary);font:700 12px/1 var(--font-label);letter-spacing:.18em;text-transform:uppercase;display:block}.feature-project h2{color:#fff;font:800 clamp(42px, 6vw, 64px)/.98 var(--font-display);margin-top:12px}.feature-project p{color:#ffffffe0;max-width:450px;margin-top:16px;font-size:18px;line-height:1.45}.feature-project .primary-button{color:#fff;background:#0b64e8}.section-line{justify-content:space-between;align-items:center;margin:44px 0 22px;display:flex}.section-line h3{margin:0;font-size:26px}.section-line button{color:var(--primary);font:700 13px/1 var(--font-label);cursor:pointer;background:0 0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.project-card{min-height:360px;padding:24px;transition:transform .22s,background .22s}.project-card:hover{background:#ffffff14;transform:translateY(-4px)}.project-card-head{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px;display:grid}.project-icon{background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.project-icon.blue{color:var(--primary);background:#4b8eff29}.project-icon.rose{color:var(--tertiary);background:#ffb4aa26}.project-icon.teal{color:#8ee9d2;background:#50ffd21f}.project-icon.violet{color:#c8b5ff;background:#a073ff21}.project-icon.gold{color:#ffd98a;background:#ffbe4824}.project-icon.slate{color:#e4e2e4c7;background:#ffffff14}.project-card h4{color:var(--text);font:800 20px/1.15 var(--font-body)}.project-card p{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:5px;font-size:14px;overflow:hidden}.project-card button{color:var(--primary);font:800 13px/1 var(--font-label);cursor:pointer;background:#adc6ff1f;border-radius:999px;padding:8px 18px}.project-shot{background:radial-gradient(circle at 18% 20%,#ffffff29,#0000 24%),linear-gradient(135deg,#adc6ff29,#ffffff0a);border:1px solid #ffffff17;border-radius:16px;flex-direction:column;justify-content:space-between;gap:18px;width:100%;min-height:220px;padding:20px;display:flex}.project-shot strong{color:var(--text);font:700 18px/1.42 var(--font-body)}.project-shot span{color:var(--muted);font-size:14px;line-height:1.4}.project-detail-shell{background:#1f1f214d;flex:1;grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid}.detail-sidebar{background:#0d0d0f2e;border-right:1px solid #ffffff0e;flex-direction:column;gap:18px;padding:28px;display:flex}.back-button{width:fit-content;color:var(--primary);font:800 13px/1 var(--font-label);cursor:pointer;background:#adc6ff1f;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;display:inline-flex}.detail-orb{width:110px;height:110px;color:var(--primary);background:#ffffff14;border:1px solid #ffffff24;border-radius:30px;place-items:center;margin-top:18px;display:grid;box-shadow:inset 0 1px 18px #ffffff14,0 22px 42px #00000042}.detail-orb .svg-icon{width:54px;height:54px}.detail-orb.rose{color:var(--tertiary)}.detail-orb.teal{color:#8ee9d2}.detail-orb.violet{color:#c8b5ff}.detail-orb.gold{color:#ffd98a}.detail-orb.slate{color:#e4e2e4c7}.detail-sidebar h2{max-width:260px;color:var(--text);font:800 34px/1.08 var(--font-display)}.detail-sidebar p{color:var(--muted);line-height:1.45}.site-button{background:var(--primary);width:fit-content;color:var(--on-primary);font:800 13px/1 var(--font-label);border-radius:999px;align-items:center;gap:9px;margin-top:8px;padding:12px 18px;text-decoration:none;display:inline-flex;box-shadow:0 14px 30px #4b8eff2e}.unavailable-note{background:#ffb4aa14;border:1px solid #ffb4aa33;border-radius:16px;margin-top:8px;padding:16px}.unavailable-note strong,.unavailable-note span{display:block}.unavailable-note strong{color:var(--tertiary);font:800 13px/1.2 var(--font-label)}.unavailable-note span{color:#e4e2e4b8;margin-top:8px;font-size:13px;line-height:1.4}.detail-content{min-width:0;padding:42px 42px 120px;overflow-y:auto}.detail-hero{border:1px solid var(--line);background:radial-gradient(circle at 84% 24%,#adc6ff33,#0000 28%),radial-gradient(circle at 22% 78%,#50ffd21f,#0000 30%),linear-gradient(135deg,#ffffff14,#0a0b0fc7);border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:280px;padding:34px;display:flex;box-shadow:0 24px 55px #00000047}.detail-hero span{color:var(--primary);font:800 12px/1 var(--font-label);letter-spacing:.18em;text-transform:uppercase}.detail-hero h1{max-width:780px;color:var(--text);font:800 clamp(42px, 6vw, 68px)/.98 var(--font-display);margin-top:14px}.detail-hero p{max-width:680px;color:var(--muted);margin-top:18px;font-size:18px;line-height:1.5}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.detail-panel{border:1px solid var(--line);background:#ffffff0e;border-radius:20px;padding:24px}.detail-panel h3{color:var(--text);font:800 22px/1.2 var(--font-display);margin-bottom:14px}.detail-panel p,.detail-panel li{color:var(--muted);font-size:16px;line-height:1.55}.contribution-panel{margin-top:24px}.contribution-panel ul{gap:12px;margin:0;padding-left:20px;display:grid}.contribution-panel+.detail-panel{margin-top:24px}.project-shot-rose{background:linear-gradient(135deg,#ffb4aa29,#ffffff0a)}.project-shot-teal{background:linear-gradient(135deg,#50ffd221,#ffffff0a)}.project-shot-violet{background:linear-gradient(135deg,#a073ff24,#ffffff0a)}.project-shot-gold{background:linear-gradient(135deg,#ffbe4824,#ffffff0a)}.project-shot-slate{background:linear-gradient(135deg,#e4e2e41c,#ffffff0a)}.mail-layout{background:#ffffff09}.mail-sidebar{background:#0000001f;border-right:1px solid #ffffff0e;flex:0 0 288px;width:288px;overflow-y:auto}.app-shell.theme-light .mail-window .window-titlebar{background:#ffffffeb;border-bottom:1px solid #1118271f}.app-shell.theme-light .mail-layout{background:#f8fafc}.app-shell.theme-light .mail-sidebar{background:#e9edf3;border-right:1px solid #11182724}.app-shell.theme-light .composer{background:#fbfdff}.search-box{border-bottom:1px solid #ffffff0e;padding:16px;display:block;position:relative}.app-shell.theme-light .search-box{border-bottom-color:#1118271f}.search-box .svg-icon,.search-box .material-symbols-outlined{color:#c1c6d7b3;width:18px;height:18px;font-size:18px;position:absolute;top:50%;left:26px;transform:translateY(-50%)}.app-shell.theme-light .search-box .svg-icon,.app-shell.theme-light .search-box .material-symbols-outlined{color:#64748b}.search-box input{width:100%;color:var(--text);font:500 13px/1.2 var(--font-label);background:#ffffff0f;border:0;border-radius:10px;outline:0;padding:9px 12px 9px 34px}.app-shell.theme-light .search-box input{color:#111827;background:#ffffffd1}.message-row{text-align:left;cursor:pointer;background:0 0;border-bottom:1px solid #ffffff0e;width:100%;padding:14px 16px;display:block}.app-shell.theme-light .message-row{border-bottom-color:#1118271a}.app-shell.theme-light .message-row:hover{background:#075bd814}.message-row:hover{background:#adc6ff1a}.message-row span{justify-content:space-between;gap:12px;display:flex}.message-row strong{color:var(--text);font:800 13px/1.2 var(--font-label)}.message-row small{color:#e4e2e466;font-size:11px}.app-shell.theme-light .message-row small{color:#667085}.message-row em{color:var(--primary);margin-top:5px;font-size:13px;font-style:normal;display:block}.message-row p{color:#e4e2e494;margin-top:4px;font-size:12px;line-height:1.35}.app-shell.theme-light .message-row p{color:#475569}.composer{background:#ffffff0a;flex-direction:column;flex:1;min-width:0;display:flex}.mail-toolbar,.composer-footer{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.app-shell.theme-light .mail-toolbar,.app-shell.theme-light .composer-footer,.app-shell.theme-light .mail-fields{border-color:#1118271f}.mail-toolbar div,.composer-footer div{gap:14px;display:flex}.mail-toolbar button,.composer-footer button{color:#e4e2e49e;cursor:pointer;background:0 0;place-items:center;display:inline-grid}.app-shell.theme-light .mail-toolbar button,.app-shell.theme-light .composer-footer button{color:#526175}.app-shell.theme-light .mail-toolbar .send{color:#fff}.mail-toolbar button:hover,.composer-footer button:hover{color:var(--text)}.mail-toolbar .send{background:var(--primary-strong);color:#fff;font:800 13px/1 var(--font-label);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;display:inline-flex}.mail-toolbar .send.sent{color:#ecffef;background:#27c93f94}.mail-fields{border-bottom:1px solid #ffffff0e;gap:13px;padding:18px 32px;display:grid}.mail-fields label{align-items:center;gap:16px;display:flex}.mail-fields span{width:64px;color:var(--muted);font:600 13px/1.2 var(--font-label)}.mail-fields strong{color:var(--primary);font:700 13px/1.2 var(--font-label);background:#ffffff14;border-radius:7px;flex:1;padding:5px 8px}.app-shell.theme-light .mail-fields strong{color:#075bd8;background:#075bd814}.mail-fields input,.composer textarea{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.mail-fields input{font:600 13px/1.2 var(--font-label)}.composer textarea{resize:none;flex:1;padding:28px 32px;font-size:17px;line-height:1.55}.composer input::placeholder,.composer textarea::placeholder,.search-box input::placeholder{color:#e4e2e452}.app-shell.theme-light .composer input::placeholder,.app-shell.theme-light .composer textarea::placeholder,.app-shell.theme-light .search-box input::placeholder{color:#8a95a6}.composer-footer{border-top:1px solid #ffffff0e;border-bottom:0}.composer-footer small{color:#e4e2e447;font-style:italic}.app-shell.theme-light .composer-footer small{color:#667085}.shake{animation:.24s cubic-bezier(.36,.07,.19,.97) 2 shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.dock{z-index:50;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#1f1f219e;border:1px solid #fff3;border-radius:24px;align-items:flex-end;gap:12px;height:64px;padding:0 16px 8px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000052}.dock-item{width:44px;height:44px;color:var(--primary);cursor:pointer;background:0 0;border-radius:14px;place-items:center;transition:transform .18s,background .18s,opacity .18s;display:grid;position:relative}.dock-item:hover{transform:translateY(-8px)scale(1.12)}.dock-item.active{background:#ffffff2e;transform:translateY(-4px)scale(1.1)}.dock-item.active:after{content:"";background:var(--primary);border-radius:999px;width:4px;height:4px;position:absolute;bottom:-6px}.dock-item .svg-icon,.dock-item .material-symbols-outlined{width:29px;height:29px;font-size:29px}.dock-divider{background:#ffffff1f;width:1px;height:34px;margin:0 2px 4px}.tooltip{color:var(--text);font:600 10px/1 var(--font-label);opacity:0;pointer-events:none;background:#131315eb;border-radius:7px;padding:5px 8px;transition:opacity .15s;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.dock-item:hover .tooltip{opacity:1}.app-icon>span:first-child{background:radial-gradient(circle at 30% 20%,#ffffff8c,#0000 24%),linear-gradient(135deg,#54b5ff,#6a5cff 42%,#c65cff);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 1px 8px #ffffff38,0 8px 18px #0003}.theme-dock-toggle .svg-icon{color:#fff;width:18px;height:18px}@media (width<=980px){body{overflow:auto}.app-shell{min-height:100dvh;overflow:visible}.menu-bar{grid-template-columns:1fr auto}.menu-center,.menu-links{display:none}.desktop{min-height:100dvh;padding:48px 16px 96px}.desktop-home{gap:16px;display:grid}.floating-window,.desktop-widgets{position:static}.welcome-window,.finder-preview{width:100%;height:auto}.finder-preview{min-height:340px}.desktop-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-widget,.calendar-widget{width:auto}.main-window{width:100%;height:auto;min-height:calc(100dvh - 144px)}.split-view,.mail-layout{flex-direction:column}.sidebar,.project-sidebar,.mail-sidebar{border-bottom:1px solid #ffffff0e;border-right:0;flex-basis:auto;width:100%;max-height:none}.project-sidebar{display:none}.about-content,.projects-content{overflow:visible}.about-content,.projects-scroll{padding:24px}.milestone-grid,.two-column,.project-grid{grid-template-columns:1fr}.project-card{min-height:auto}.project-detail-shell{grid-template-columns:1fr;min-width:0}.detail-sidebar{border-bottom:1px solid #ffffff0e;border-right:0}.detail-sidebar h2{max-width:none}.detail-content{min-width:0;padding:24px 24px 120px;overflow:visible}.detail-grid{grid-template-columns:1fr}.feature-project{min-height:460px}.feature-art{opacity:.36;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-project-content{bottom:28px;left:24px;right:24px}.feature-art{opacity:.58;gap:10px;width:min(340px,100% - 48px);bottom:210px;right:24px}.mail-sidebar{max-height:220px}}@media (width<=640px){.desktop-home{width:calc(100vw - 48px);max-width:calc(100vw - 48px);overflow:hidden}.floating-window{max-width:100%}.welcome-content{padding:30px 22px}.welcome-content p{overflow-wrap:break-word;max-width:280px}.mini-titlebar>span:not(.traffic-lights span){display:none}.menu-status{gap:8px}.menu-status time{display:none}.finder-preview{flex-direction:column}.finder-preview aside{display:none}.folder-grid{grid-template-columns:1fr;gap:16px}.folder-tile{text-align:left;grid-template-columns:64px minmax(0,1fr);justify-items:start;min-height:64px}.page-heading h1{font-size:38px}.projects-header,.mail-fields,.composer textarea{padding-left:18px;padding-right:18px}.projects-scroll{padding:18px 18px 110px}.feature-project{min-height:430px}.feature-project h2,.detail-hero h1{font-size:38px}.feature-project p,.detail-hero p{font-size:16px}.project-card{padding:18px}.project-card-head{grid-template-columns:48px minmax(0,1fr)}.project-card-head button{grid-column:1/-1;width:fit-content}.project-icon{border-radius:15px;width:48px;height:48px}.project-shot{min-height:auto}.detail-hero{overflow-wrap:break-word;max-width:100%;min-height:320px;padding:24px}.detail-panel,.detail-sidebar{overflow-wrap:break-word;max-width:100%}.mail-toolbar,.composer-footer{padding-left:16px;padding-right:16px}.dock{gap:7px;max-width:calc(100vw - 24px);padding-inline:10px}.dock-item{width:40px;height:40px}.project-detail-window .detail-sidebar{gap:12px;padding:22px}.project-detail-window .detail-orb{border-radius:22px;width:76px;height:76px;margin-top:10px}.project-detail-window .detail-orb .svg-icon{width:38px;height:38px}.project-detail-window .detail-sidebar h2{font-size:30px}.project-detail-window .detail-content{padding:16px;padding-bottom:120px}.project-detail-window .detail-hero{min-height:240px;padding:24px}.project-detail-window .detail-hero h1{font-size:34px}.project-detail-window .detail-hero p{max-width:100%;font-size:15px}.project-detail-window .detail-panel{padding:18px}}
