/* A small, self-contained desktop inside the scene's computer. */
.using-computer #zone-labels,.using-computer .bottom-bar,.using-computer .touch-controls{visibility:hidden;pointer-events:none}
.using-computer #world canvas{cursor:default}
#project-computer{--mac-ink:#27313e;position:fixed;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);max-width:none;max-height:none;margin:0;padding:0;border:1px solid #ffffff75;border-radius:14px;overflow:clip;color:var(--mac-ink);background:#577994;box-shadow:0 28px 100px #10182780;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;text-align:left}
#project-computer:not([open]){display:none}
#project-computer::backdrop{background:#101a2a80;backdrop-filter:blur(5px)}
#project-computer button,#project-computer a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#project-computer button{font:inherit;color:inherit}
#project-computer button:focus-visible,#project-computer a:focus-visible,#project-computer article:focus-visible{outline:3px solid #62b8f9;outline-offset:3px}
#project-computer [hidden]{display:none!important}
.mac-desktop{position:relative;width:100%;height:100%;isolation:isolate;background:linear-gradient(145deg,#233f68 0%,#6687a4 45%,#c6b7a0 100%)}
.mac-wallpaper{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#80b9d7 url('./assets/wallpapers/this-is-fine-lakeside.webp') center 80%/cover no-repeat}
.mac-menubar{height:36px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;background:#f4f5f8c7;backdrop-filter:blur(24px);box-shadow:0 1px 0 #17252d16;font-size:12px;white-space:nowrap}
.mac-menu-left,.mac-menu-right{display:flex;align-items:center;gap:19px;min-width:0}
.mac-menubar button{padding:3px 6px;border:0;background:none;border-radius:5px;white-space:nowrap}
.mac-menubar button:hover{background:#25334415}
.mac-home{font-size:22px!important;font-weight:500;line-height:1}
.mac-menu-location,.mac-owner{font-size:11px;color:#43515e}
.mac-menubar time{font-variant-numeric:tabular-nums;font-size:11px}
.mac-exit{font-size:11px!important}.mac-exit span{margin-left:5px}
.mac-desktop-icons{position:absolute;right:28px;top:64px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,max-content);gap:24px 12px}
.mac-desktop-icon{display:flex;flex-direction:column;align-items:center;gap:9px;width:110px;border:1px solid transparent;background:none;padding:10px 4px 6px;border-radius:9px;color:white!important;text-decoration:none;box-sizing:border-box}
.mac-desktop-icon:hover,.mac-desktop-icon:focus-visible{background:#ffffff18;border-color:#ffffff30}
.mac-desktop-icon>span:last-child{font-size:12px;font-weight:500;line-height:1.4;text-shadow:0 1px 3px #1d354e;white-space:nowrap;background:#17324a94;padding:2px 7px;border-radius:5px}
.project-logo{display:flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;box-sizing:border-box;overflow:hidden;border-radius:14px;background:#061025;box-shadow:0 5px 9px #102a4229}
.project-logo img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.project-logo.cto-circle{padding:7px;background:#fff}
.mac-dock{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #ffffff58;border-radius:20px;background:#e4edf43d;backdrop-filter:blur(24px);box-shadow:0 12px 28px #142a332b;z-index:8}
.mac-dock :is(button,a){width:46px;height:46px;border-radius:12px;border:1px solid #ffffff75;font-size:24px!important;font-weight:600!important;box-shadow:0 2px 4px #16304729;transition:transform .15s;background:linear-gradient(#fbfcff,#d7e0e9)}
.mac-dock :is(button,a):hover{transform:translateY(-5px)}
.mac-dock-divider{width:1px;height:36px;background:#ffffff65}
.mac-dock .dock-finder{background:linear-gradient(90deg,#5eaff5 50%,#cfe7ff 50%);color:#163968!important;font-size:41px!important;line-height:36px}
.mac-dock .dock-project{padding:0;overflow:hidden;background:#061025}
.mac-dock .dock-project.cto-circle{background:#fff}
.mac-dock .project-logo{width:100%;height:100%;border-radius:inherit;box-shadow:none}
.mac-dock .project-logo.cto-circle{padding:5px}
.mac-window{position:absolute;left:50%;top:17%;transform:translateX(-50%);width:min(650px,calc(100% - 52px));border:1px solid #1625352b;border-radius:12px;background:#fafafa;box-shadow:0 24px 65px #1425374d,0 4px 10px #14253726;overflow:clip;z-index:3}
.mac-titlebar{position:relative;display:flex;align-items:center;height:55px;padding:0 18px;gap:18px;border-bottom:1px solid #00000012;background:linear-gradient(#f5f5f6,#e9eaed);user-select:none;touch-action:none;cursor:grab}
.mac-titlebar:active{cursor:grabbing}.mac-titlebar h2{flex:1;margin:0;font-size:13px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mac-traffic{display:flex;align-items:center;gap:8px;flex:none}
.mac-traffic button{width:13px;height:13px;padding:0;border:1px solid #00000018;border-radius:50%;background:#ff5f57;line-height:10px;font-size:11px!important;color:transparent!important;box-shadow:inset 0 1px 1px #ffffff30}
.mac-traffic button:nth-child(2){background:#febc2e}.mac-traffic button:nth-child(3){background:#28c840}
.mac-traffic:hover button,.mac-traffic button:focus-visible{color:#3c2519a6!important}
.mac-view-icon{width:54px;text-align:right;font-size:20px;color:#7b828c}
.mac-finder-body{display:flex;min-height:245px}
.mac-sidebar{background:#edf0f3;min-width:155px;padding:19px 11px;border-right:1px solid #dfe3e7;display:flex;flex-direction:column;gap:3px}
.mac-sidebar small{font-size:10px;font-weight:600;letter-spacing:.025em;color:#8b919b;margin:5px 9px}
.mac-sidebar small:not(:first-child){margin-top:22px}
.mac-sidebar button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:8px 10px;border-radius:6px;text-align:left;font-size:12px!important;white-space:nowrap}
.mac-sidebar button:hover{background:#dce3e9}.mac-sidebar button.selected{background:#d0dbe5}
.mac-sidebar .project-logo{width:24px;height:24px;border-radius:5px;box-shadow:none}
.mac-sidebar .project-logo.cto-circle{padding:3px}
.mac-folder-content{padding:24px 26px 32px;flex:1;min-width:0}
.mac-folder-description{color:#878c95;font-size:12px;line-height:1.5;margin:0 0 23px}
.mac-files{display:flex;gap:24px;justify-content:flex-start;flex-wrap:wrap}
.mac-item{color:#333d4a!important;border:1px solid transparent;background:none;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:114px;padding:12px 8px;text-decoration:none;text-align:center}
.mac-item:hover,.mac-item:focus-visible{background:#e9eff9;border-color:#d4e0f2}
.mac-item>span:not(:first-child){font-size:12px}.mac-item small{font-size:10px;color:#858c96}
.mac-file{position:relative;display:block;width:48px;height:61px;padding:10px 8px;background:linear-gradient(#fff,#f3f5f9);border:1px solid #c4ccd8;border-radius:4px;box-shadow:0 3px 5px #27364b12}
.mac-file>span{font-size:13px;line-height:18px;color:#5a7494;font-weight:700;font-family:ui-monospace,monospace}
.mac-file i{display:block;height:2px;background:#c4cfdd;margin-top:5px}.mac-file i:last-child{width:65%}
.mac-web{display:grid;place-items:center;width:61px;height:61px;border-radius:15px;background:linear-gradient(145deg,#69c9fa,#227ee6);color:white;font-size:40px;box-shadow:inset 0 0 0 1px #2595d4,0 3px 5px #27364b12;font-family:Arial,sans-serif}
.mac-window-status{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;background:#f2f3f5;border-top:1px solid #0000000c;font-size:10px;color:#838994}
.mac-reader{top:13%;width:min(640px,calc(100% - 72px));z-index:5}
.mac-readme-content{padding:36px 42px 24px;max-height:calc(100dvh - 285px);overflow:auto;overscroll-behavior:contain;line-height:1.75;background:#fffdf9}
.readme-eyebrow{display:inline-block;font-family:ui-monospace,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#77908d}
.mac-readme-content h1{font-size:32px;font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:12px 0}
.mac-readme-content .readme-lead{font-size:16px;line-height:1.55;color:#556672;margin:0 0 27px}
.mac-readme-content p{font-size:13px;color:#56616c;margin:0 0 16px}
.mac-readme-content h2{font-size:12px;margin:26px 0 8px;font-weight:650}
.mac-readme-content ul{padding-left:18px;font-size:12px;color:#63707b;margin:0 0 22px}
.mac-readme-content a{display:inline-flex;align-items:center;gap:15px;color:#317ab2;font-size:12px;text-decoration:none;border-bottom:1px solid #cbddea;padding-bottom:3px}
.mac-readme-content footer{margin-top:30px;border-top:1px solid #e7e7e1;padding-top:18px;font-size:10px;color:#959c9d}
.mac-window.maximized{left:10px!important;top:46px!important;transform:none!important;width:calc(100% - 20px);height:calc(100% - 135px)}
.mac-finder.maximized .mac-finder-body{height:calc(100% - 89px)}
.mac-reader.maximized .mac-readme-content{height:calc(100% - 55px);max-height:none}
@media(max-width:700px){.mac-owner,.mac-menu-location{display:none}.mac-menu-left,.mac-menu-right{gap:10px}.mac-window{width:calc(100% - 28px)}.mac-reader{width:calc(100% - 20px)}.mac-sidebar{min-width:130px}.mac-folder-content{padding:22px 16px}.mac-files{gap:8px}.mac-item{min-width:100px}.mac-desktop-icons{right:18px}}
@media(max-width:500px){#project-computer{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:10px}.mac-menubar{padding:0 9px}.mac-desktop-icons{top:62px;right:14px;gap:17px}.mac-dock{gap:10px;padding:9px 10px;bottom:12px}.mac-dock :is(button,a){width:42px;height:42px}.mac-dock-divider{height:31px}.mac-sidebar{display:none}.mac-window,.mac-reader{top:17%;width:calc(100% - 20px);left:10px;transform:none}.mac-titlebar{padding:0 13px;gap:12px;height:49px}.mac-titlebar h2{font-size:12px}.mac-view-icon{width:24px}.mac-finder-body{min-height:260px}.mac-folder-content{padding:22px}.mac-files{gap:12px;justify-content:center}.mac-item{min-width:112px}.mac-readme-content{padding:27px 24px;max-height:calc(100dvh - 300px)}.mac-readme-content h1{font-size:29px}.mac-dock:has(.dock-restore:not([hidden])){gap:7px}.mac-dock:has(.dock-restore:not([hidden])) :is(button,a){width:36px;height:36px;font-size:21px!important}.mac-dock:has(.dock-restore:not([hidden])) .mac-dock-divider{display:none}}
@media(max-height:570px){.mac-desktop-icons{grid-template-rows:repeat(2,max-content);gap:8px}.mac-window,.mac-reader{top:46px;max-height:calc(100% - 125px)}.mac-readme-content{max-height:calc(100dvh - 200px)}.mac-finder-body{min-height:180px}.mac-folder-content{padding:14px}.mac-folder-description{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.mac-dock :is(button,a){transition:none}}

@media(max-width:639px){.mac-window:not(.maximized){left:50%!important;transform:translateX(-50%)!important;top:17%!important}.mac-reader:not(.maximized){top:13%!important}}

/* CTO Circle photo folder and preview. */
.mac-finder-body{max-height:calc(100dvh - 280px);overflow:auto}
.mac-photo-item{width:164px;min-width:0}
.mac-photo-item img{width:144px;height:96px;object-fit:cover;border:4px solid #fff;border-radius:5px;box-shadow:0 2px 8px #27364b25}
.mac-photo-item>span{font-size:11px!important;overflow-wrap:anywhere}
.mac-photo-viewer{width:min(960px,calc(100% - 40px))}
.mac-photo-viewer .mac-readme-content{padding:18px;background:#f5f6f8}
.mac-photo-full{display:block;width:100%;height:auto;max-height:calc(100dvh - 370px);object-fit:contain;margin:0 auto 14px}
@media(max-width:500px){.mac-photo-item{width:130px;min-width:0}.mac-photo-item img{width:114px;height:76px}.mac-photo-viewer .mac-readme-content{padding:12px}.mac-finder-body{max-height:calc(100dvh - 280px)}}

.mac-files:has(.mac-photo-item){gap:12px}
.mac-files:has(.mac-photo-item) [data-folder-back]{flex-direction:row;width:100%;padding:0 4px;min-height:26px;gap:8px;align-items:center}
.mac-files:has(.mac-photo-item) [data-folder-back] .mac-web{width:24px;height:24px;font-size:18px;border-radius:6px}
.mac-files:has(.mac-photo-item) [data-folder-back] small{display:none}

/* Profile shortcuts share the desktop and dock icon treatment. */
.mac-dock .dock-social{display:flex;flex:none;padding:0;overflow:hidden;box-sizing:border-box;text-decoration:none}
.mac-dock .dock-social .project-logo{width:100%;height:100%}
.project-logo.x{background:#000}.project-logo.linkedin{background:#0a66c2}
@media(max-width:500px){.mac-dock{gap:6px;padding:9px 8px}.mac-dock-divider{display:none}.mac-dock :is(button,a){width:38px;height:38px}.mac-dock:has(.dock-restore:not([hidden])){gap:5px}.mac-dock:has(.dock-restore:not([hidden])) :is(button,a){width:30px;height:30px}}
@media(max-width:360px){.mac-dock{gap:5px}.mac-dock :is(button,a){width:34px;height:34px}.mac-dock:has(.dock-restore:not([hidden])) :is(button,a){width:28px;height:28px}}
@media(max-width:500px) and (max-height:570px){.mac-desktop-icons{grid-template-rows:repeat(3,max-content);gap:8px}.mac-desktop-icon{gap:6px;padding:6px 4px}.mac-desktop-icon .project-logo{width:48px;height:48px}}