*{box-sizing:border-box}html,body{color:#252525;background:#27639d;width:100%;min-width:320px;height:100%;margin:0;font:13px/1.45 Lucida Grande,Lucida Sans Unicode,Arial,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;color:#999}button{background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #187de0}img{display:block}button,a{-webkit-tap-highlight-color:transparent}a{color:#255e91}h1,h2,p{margin-top:0}[hidden]{display:none!important}.app-icon{object-fit:contain;-webkit-user-select:none;user-select:none}#mac-desktop{background:#27639d url(/assets/tiger-wallpaper.jpg) 50%/cover no-repeat;min-height:100dvh;position:relative;overflow:hidden}.menubar{z-index:100;white-space:nowrap;background:linear-gradient(#fff 0% 36%,#e4e4e4 74%,#fbfbfb 94%);border-bottom:1px solid #7c8796;align-items:center;gap:21px;height:26px;padding:0 19px;font-size:12px;display:flex;position:relative;box-shadow:0 2px 4px #14376477}.menubar button{height:26px}.menubar .apple{color:#0000;filter:drop-shadow(0 1px #fff);background:linear-gradient(#afddff 10%,#0076d7 52%,#02579b 77%,#68b4f4);-webkit-background-clip:text;background-clip:text;font-size:22px;line-height:24px}.active-app{min-width:45px;font-size:12px}.menu-clock{margin-left:auto}.menu-user{margin-left:0}.window-menu{position:relative}.menu-popover{background:#fafafaf5;border:1px solid #999;border-top:0;border-radius:0 0 5px 5px;min-width:220px;padding:5px 0;position:absolute;top:26px;left:-10px;box-shadow:0 6px 14px #0005}.menu-popover button{text-align:left;white-space:nowrap;gap:7px;width:100%;height:auto;padding:4px 12px;display:flex}.menu-popover button:hover{color:#fff;background:#2879bc}.menu-popover button span{width:12px}.menu-popover>span{padding:8px 12px;display:block}.desktop-space{height:calc(100dvh - 104px);min-height:450px;margin:0 10px;position:relative}.desktop-drive{color:#fff;text-shadow:1px 1px 2px #061932;justify-items:center;gap:3px;font-size:12px;display:grid;position:absolute;top:16px;right:15px}.desktop-drive .app-icon{width:48px;height:48px}.mac-window{width:var(--window-width);height:var(--window-height);resize:both;background:repeating-linear-gradient(0deg,#ffffff10 0 1px,#00000006 1px 2px),linear-gradient(100deg,#b9bab9,#e2e2e1 35%,#c3c3c1 80%,#a8aaa9);border:1px solid #595c60;border-radius:8px 8px 5px 5px;flex-direction:column;min-width:320px;max-width:100%;min-height:270px;max-height:100%;padding:0 5px;display:flex;position:absolute;overflow:hidden;box-shadow:0 13px 19px #0005,0 3px 4px #0008,inset 1px 0 #ffffffa6,inset -1px 0 #ffffff70}.mac-window.is-inactive{box-shadow:0 5px 13px #0004,0 1px 3px #0005}.mac-window.maximized{resize:none;width:100%!important;height:calc(100% - 5px)!important;top:5px!important;left:0!important}.titlebar{touch-action:none;cursor:grab;text-shadow:0 1px #fff9;-webkit-user-select:none;user-select:none;background:linear-gradient(#fafafa 0%,#ccc 11%,#aeafae 55%,#c9cac9 100%);border-top:1px solid #fff;border-radius:7px 7px 0 0;flex:0 0 24px;justify-content:space-between;align-items:center;height:24px;margin:0 -5px;padding:0 8px;display:flex;box-shadow:inset 0 -1px #8885}.titlebar:active{cursor:grabbing}.traffic{z-index:1;gap:6px;display:flex}.traffic button{border:1px solid #68605b;border-radius:50%;place-items:center;width:12px;height:12px;font:12px/9px Arial,sans-serif;display:grid;position:relative;box-shadow:0 1px 1px #fff9,inset 0 1px 1px #0006}.traffic button:after{content:"";pointer-events:none;background:linear-gradient(#fffe,#fff1);border-radius:50%;height:4px;position:absolute;top:1px;left:2px;right:2px}.traffic button span{opacity:0}.traffic:hover button span,.traffic button:focus-visible span{opacity:1}.traffic .close{background:radial-gradient(at 50% 100%,#ffe3ac,#ef705d 55%,#a7180d)}.traffic .minimize{background:radial-gradient(at 50% 100%,#fff9b6,#f3ca4a 55%,#a97002)}.traffic .zoom{background:radial-gradient(at 50% 100%,#d7ffac,#92c961 55%,#436c28)}.is-inactive .traffic button{background:linear-gradient(#bbb,#eee);border-color:#999}.is-inactive .window-title{color:#666}.window-title{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:calc(100% - 170px);font-size:12px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.window-title img{object-fit:contain;width:15px;height:15px}.capsule{background:linear-gradient(#878b89,#eee 70%,#fff);border:1px solid #767b77;border-radius:8px;width:20px;height:8px;box-shadow:0 1px #fff8}.window-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.toolbar{flex-shrink:0;align-items:center;gap:10px;min-height:36px;padding:5px 3px 7px;display:flex}.toolbar button,.aqua-button{background:linear-gradient(#fff 0%,#f5f5f5 40%,#d8d8d8 51%,#f7f7f7);border:1px solid #858585;border-radius:4px;min-width:28px;height:23px;padding:0 8px;font-size:12px;box-shadow:0 1px #fff9}.toolbar-label,.path{color:#444;text-shadow:0 1px #fff7;font-size:12px}.segmented{display:flex}.segmented button{border-radius:0;font-size:16px;line-height:1}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-left:0;border-radius:0 4px 4px 0}.segmented [aria-pressed=true]{background:linear-gradient(#6b9dd4,#bbd9f4 40%,#78a6d5 51%,#d3e7f9)}.search{color:#777;background:#fff;border:1px solid #919191;border-radius:20px;align-items:center;gap:4px;width:180px;min-width:0;height:22px;padding:0 7px;display:flex;box-shadow:inset 0 1px 2px #0004}.toolbar .search{margin-left:auto}.search>span{font-size:20px;line-height:1}.search input{background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:12px}.statusbar{color:#4a4a4a;text-shadow:0 1px #fff8;justify-content:center;align-items:center;height:21px;min-height:21px;font-size:11px;display:flex;position:relative}.statusbar:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:repeating-linear-gradient(135deg,#0000 0 2px,#888 2px 3px,#eee 3px 4px);width:12px;height:12px;position:absolute;bottom:2px;right:-2px}.finder-body{background:#fff;border:1px solid #858887;flex:1;min-height:0;display:flex;box-shadow:0 1px #fff8}.sidebar{background:#f7f8f8;border-right:6px ridge #ccc;flex-shrink:0;width:126px;padding:4px 0;overflow:auto}.sidebar button{text-align:left;white-space:nowrap;align-items:center;gap:5px;width:100%;min-height:28px;padding:1px 5px;font-size:12px;display:flex}.sidebar .app-icon{flex-shrink:0;width:21px;height:21px}.devices{border-bottom:1px solid #969696;margin-bottom:4px;padding-bottom:7px}.sidebar .selected{color:#fff;background:linear-gradient(#63a1d0,#2479b7 46%,#14619c);box-shadow:inset 0 1px #307dad,inset 0 -1px #467790}.file-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:30px 14px;min-width:0;padding:24px 20px;display:grid;overflow:auto}.file{text-align:center;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:3px 4px 5px;display:flex}.file>span:not(.folder-art){overflow-wrap:anywhere;border-radius:3px;max-width:100%;padding:1px 4px;font-size:12px;line-height:1.3}.file:hover>span:not(.folder-art){background:#d8e8fa}.file small{color:#777;font-size:11px}.folder-art{background:#fff;flex-shrink:0;width:53px;height:53px;display:block;position:relative;overflow:hidden}.folder-art img{width:780px;max-width:none;height:585px;left:var(--fx);top:var(--fy);pointer-events:none;position:absolute}.list-view{flex-direction:column;gap:0;padding:0;display:flex}.list-view .file{text-align:left;flex-direction:row;gap:8px;min-height:40px;padding:5px 9px}.list-view .file:nth-child(odd){background:#eff5fc}.list-view .file small{margin-left:auto}.list-view .folder-art{zoom:.55}.no-results{color:#666;grid-column:1/-1;padding:20px}.dock{z-index:99;background:linear-gradient(#edf1f77d,#c1d2e66e);border:1px solid #cedbea9c;border-bottom:0;align-items:flex-end;gap:5px;max-width:calc(100% - 16px);padding:5px 8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff7}.dock button{flex:0 57px;min-width:0;padding-bottom:7px;position:relative}.dock .app-icon{object-fit:contain;transform-origin:bottom;width:57px;max-width:100%;height:57px;transition:transform .14s}.dock button:hover .app-icon{transform:translateY(-5px)scale(1.13)}.dock .running:after{content:"";border-bottom:5px solid #142337;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;bottom:0;left:calc(50% - 4px)}.dock .dock-active:after{border-bottom-color:#050d15}.dock-trash{margin-left:13px}.dock-trash:before{content:"";border-left:1px solid #6a7f9b;border-right:1px solid #eaf4ff9c;height:48px;position:absolute;bottom:8px;left:-9px;transform:rotate(10deg)}.dock-tooltip{color:#fff;white-space:nowrap;text-shadow:0 1px #000;pointer-events:none;background:#333d;border-radius:8px;padding:3px 9px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.dock button:hover .dock-tooltip,.dock button:focus-visible .dock-tooltip{display:block}.address-field{white-space:nowrap;text-overflow:ellipsis;color:#53606c;background:#fff;border:1px solid #8c8e8b;border-radius:3px;flex:1;padding:2px 9px;font-size:12px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.bookmarks-bar{color:#404945;border-bottom:1px solid #8e908c;justify-content:space-between;padding:3px 12px 6px;font-size:11px;display:flex}.bookmarks-bar button{font-size:11px}.blog-layout{background:#fff;border:1px solid #858887;border-top:0;flex:1;min-height:0;display:flex}.blog-sidebar{background:#e9eff5;border-right:1px solid #b2beca;flex-shrink:0;width:180px;padding:16px 0;overflow:auto}.blog-sidebar h2{text-transform:uppercase;letter-spacing:.08em;color:#5a6e81;margin:0 12px 12px;font-size:12px}.blog-sidebar .search{width:calc(100% - 20px);height:23px;margin:0 10px 14px}.blog-sidebar>button{text-align:left;border-top:1px solid #dae2e9;width:100%;padding:11px 12px;display:block}.blog-sidebar>button strong{font-size:12px;line-height:1.4;display:block}.blog-sidebar>button small{color:#6a7d8f;margin-top:3px;font-size:11px;display:block}.blog-sidebar>button.selected{color:#fff;background:linear-gradient(#6b96c4,#4277b0)}.blog-sidebar>button.selected small{color:#edf5ff}.blog-sidebar>p{padding:0 12px;font-size:12px}.journal-page{color:#30332e;background:#fefdf9;flex:1;min-width:0;overflow:auto}.journal-heading{border-bottom:1px solid #e2e0d6;padding:33px 35px 20px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#748070;font-size:10px;font-weight:600;display:block}.journal-heading h1{margin:10px 0;font:32px/1.2 Georgia,serif}.journal-heading p{color:#73766e;margin:0;font:15px/1.5 Georgia,serif}.entries{padding:0 35px}.entry{text-align:left;color:#333b30;border-bottom:1px solid #e2e0d6;width:100%;padding:22px 0;display:block}.entry small{text-transform:uppercase;letter-spacing:.05em;color:#7f806f;font-size:10px}.entry h2{margin:7px 0;font:23px/1.25 Georgia,serif}.entry p{color:#626959;margin:0 0 10px;font:14px/1.6 Georgia,serif}.entry>span{color:#536e53;font-size:11px}.entry:hover h2{text-underline-offset:4px;text-decoration:underline}.reading-page{max-width:660px;margin:auto;padding:32px 35px 40px}.reading-page h1{margin:10px 0 15px;font:32px/1.2 Georgia,serif}.reading-page p{font:16px/1.85 Georgia,serif}.reading-page .article-deck{color:#737669;font-size:17px;line-height:1.5}.reading-page hr{border:0;border-top:1px solid #dddfd3;margin:22px 0}.text-link{color:#526c51;margin-top:12px;font-size:12px;text-decoration:underline}.project-browser{background:#fff;border:1px solid #898d88;flex:1;min-height:0;display:flex}.project-sidebar{background:#f2f5f7;border-right:1px solid #c5ced6;flex-shrink:0;width:160px;padding:24px 17px}.project-sidebar>.app-icon{width:45px;height:45px;margin-bottom:13px}.project-sidebar h2{margin-bottom:9px;font-size:16px}.project-sidebar p{color:#64717a;font-size:12px;line-height:1.65}.project-sidebar>span{color:#7a858c;font-size:11px}.project-files{flex:1;min-width:0;padding:23px;overflow:auto}.project-folder{text-align:left;border-bottom:1px solid #e4e8eb;align-items:center;gap:13px;width:100%;padding:10px 0 22px;display:flex}.project-folder>div{flex-direction:column;flex:1;gap:4px;display:flex}.project-folder strong{font-size:16px}.project-folder>div>span{color:#697781;font-size:12px}.project-folder small{color:#8b9399;font-size:11px}.project-folder>span:last-child{color:#9caab4;font-size:24px}.project-folder:hover strong{color:#216fac}.quiet-note{color:#8b949b;margin:24px 0;font-size:12px}.project-intro h1{letter-spacing:-.5px;margin:7px 0;font-size:23px}.project-intro p{color:#71808a;font-size:13px;line-height:1.6}.document-grid{gap:18px;padding:18px 0;display:flex}.document-grid .file{width:125px}.document-grid .app-icon{width:55px;height:55px;margin-bottom:5px}.tech-labels{border-top:1px solid #e3e9ed;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:15px;display:flex}.tech-labels span{color:#6c7981;background:#eef2f5;border-radius:3px;padding:3px 6px;font-size:10px}.textedit-toolbar{align-items:center;gap:20px;padding:5px 9px 8px;font-size:12px;display:flex}.textedit-toolbar span:first-child{background:#fff;border:1px solid #aaa;padding:1px 14px 1px 5px}.document-page{background:#fff;border:1px solid #a5a6a3;flex:1;min-height:0;padding:32px 38px;overflow:auto}.document-page h1{margin:8px 0 20px;font-size:26px}.document-page h2{margin-top:25px;font-size:15px}.document-page p{color:#525a61;line-height:1.8}.document-page li{color:#596773;margin:6px 0}.reference-page{background:#555;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.reference-page>img{object-fit:contain;max-width:100%;max-height:100%}.app-about{resize:none}.about-page{text-align:center;background:repeating-linear-gradient(#f9f9f9 0 2px,#f0f0f0 2px 3px);border:1px solid #aaa;flex:1;margin:0 0 5px;padding:22px 27px;overflow:auto}.about-page>.app-icon{width:60px;height:60px;margin:0 auto 10px}.about-page h1{letter-spacing:-.5px;margin-bottom:9px;font-size:23px}.about-page p{color:#59616a;margin-bottom:11px;font-size:12px;line-height:1.7}.about-links{justify-content:center;gap:9px;margin:18px 0 13px;display:flex}.aqua-button{background:linear-gradient(#fff,#e7f3ff 42%,#9fc7ea 48%,#d9edfd);border-radius:12px;height:25px;padding:0 12px;font-size:11px}.about-page>small{color:#8a9298;font-size:10px}.photo-layout{background:#fafafa;border:1px solid #89908a;flex:1;min-height:0;display:flex}.photo-layout .sidebar{background:#e8eef4;border-right:1px solid #aaa;width:130px}.photo-layout .sidebar button{padding:6px 12px}.empty-album{text-align:center;background:#f7f8fa;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px;display:flex;overflow:auto}.empty-album>.app-icon{opacity:.8;width:68px;height:68px;margin-bottom:15px}.empty-album h1{margin:0 0 10px;font-size:22px}.empty-album p{color:#7f8890;margin:0 0 5px;font-size:13px}.empty-album>span{color:#8f969e;font-size:12px}.notes-board{background:#e3e0d1;flex:1;grid-template-columns:1fr 1fr;gap:22px;padding:25px;display:grid;overflow:auto}.sticky{border-top:18px solid #00000008;align-self:start;min-height:230px;padding:24px 18px 20px;position:relative;transform:rotate(-2deg);box-shadow:1px 3px 5px #0002}.sticky.yellow{background:#fff2a1}.sticky.green{background:#d9efb1;margin-top:25px;transform:rotate(2deg)}.sticky h1{margin:12px 0;font:26px/1.2 Georgia,serif}.sticky small{text-transform:uppercase;letter-spacing:.07em;color:#6b6c47;font-size:9px}.sticky p{color:#5c6042;font:14px/1.7 Georgia,serif}.sticky>span:last-child{color:#7e815b;font-size:11px}.bookmarks-page{background:#fff;border:1px solid #959e99;flex:1;padding:28px;overflow:auto}.bookmarks-page h1{margin-bottom:10px;font:26px Georgia,serif}.bookmarks-page>p{color:#808a83;margin-bottom:24px}.bookmarks-page>a{border-top:1px solid #e3e8e5;align-items:center;gap:12px;padding:14px 0;text-decoration:none;display:flex}.bookmarks-page .app-icon{width:37px;height:37px}.bookmarks-page a>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.bookmarks-page small{color:#89948d;font-size:11px}.bookmarks-page a:hover strong{text-decoration:underline}@media (max-width:900px){.menubar{gap:16px}.desktop-drive{right:5px}.mac-window{max-width:calc(100% - 12px)}.desktop-space{margin:0 6px}}@media (max-width:640px){.menubar{gap:13px;padding:0 10px}.menubar .active-app{display:none}.menu-clock{font-size:10px;overflow:hidden}.menu-user{display:none}.desktop-space{height:calc(100dvh - 101px);min-height:430px;margin:0 7px}.desktop-drive{top:15px;right:12px}.mac-window{resize:none;min-width:0;max-width:100%;width:100%!important;height:calc(100% - 18px)!important;top:12px!important;left:0!important}.mac-window.maximized{height:calc(100% - 6px)!important;top:3px!important}.mac-window.is-inactive{visibility:hidden;pointer-events:none}.titlebar{flex-basis:29px;height:29px}.window-title{max-width:calc(100% - 115px);font-size:11px}.capsule{width:16px}.finder-body>.sidebar{display:none}.file-grid{gap:25px 8px;padding:24px 12px}.toolbar .search{width:135px}.dock{gap:4px;width:max-content;max-width:calc(100% - 14px);padding:4px 5px 3px}.dock button{flex-basis:44px}.dock .app-icon{width:44px;height:44px}.dock-trash{margin-left:7px}.dock-trash:before{height:36px;left:-5px}.dock-tooltip{font-size:10px}.blog-sidebar{width:130px;padding:13px 0}.blog-sidebar h2{font-size:11px}.blog-sidebar>button{padding:10px 9px}.blog-sidebar>button strong{font-size:11px}.blog-sidebar>button small{font-size:10px}.blog-sidebar .search{width:calc(100% - 12px);margin-left:6px;margin-right:6px}.blog-sidebar .search input{font-size:11px}.journal-heading{padding:24px 19px 16px}.journal-heading h1{font-size:27px}.entries{padding:0 19px}.entry h2{font-size:21px}.entry p{font-size:13px}.reading-page{padding:23px 19px}.reading-page h1{font-size:27px}.reading-page p{font-size:15px;line-height:1.75}.blog-layout:has(.reading-page) .blog-sidebar{display:none}.project-sidebar{display:none}.project-files{padding:20px}.document-grid{gap:15px}.document-page{padding:27px 22px}.notes-board{grid-template-columns:1fr;gap:15px;padding:22px 15px}.sticky{min-height:190px}.sticky.green{margin-top:0}.photo-layout .sidebar{width:110px}.empty-album{padding:15px}.empty-album h1{font-size:20px}.about-page{flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.about-page p{max-width:300px;font-size:13px}.app-reference .reference-page{background:#444}}@media (max-width:390px){.menubar{gap:11px}.menu-clock{display:none}.blog-sidebar{width:112px}.blog-sidebar .search{display:none}.journal-heading,.reading-page{padding-left:16px;padding-right:16px}.entries{padding:0 16px}.eyebrow{font-size:9px}.journal-heading h1{font-size:25px}.entry h2{font-size:20px}.dock{gap:2px}.dock .app-icon{width:39px;height:43px}.dock button{flex-basis:39px}}@media (pointer:coarse){.menubar,.menubar button{height:40px}.menu-popover{top:40px}.menu-popover button{min-height:44px}.desktop-space{height:calc(100dvh - 115px)}.titlebar{flex-basis:36px;height:36px}.traffic{gap:4px}.traffic button{width:23px;height:23px}.traffic button:after{height:7px;top:2px;left:4px;right:4px}.window-title{max-width:calc(100% - 180px);left:57%}.toolbar{min-height:44px}.toolbar button{min-width:35px;height:32px}.search{height:30px}.search input,.blog-sidebar .search input{font-size:16px}.sidebar button,.dock button,.file{min-height:44px}.about-links .aqua-button{height:36px}.traffic button span{opacity:.6}}@media (prefers-reduced-motion:reduce){.dock .app-icon{transition:none}}.mac-window{max-height:calc(100% - var(--position-y))}.mac-window.maximized{max-height:100%}@media (max-width:640px){.mac-window{max-height:100%}}.sidebar-folder{flex-shrink:0;width:21px;height:21px;overflow:hidden}.sidebar-folder .folder-art{transform-origin:0 0;transform:scale(.396)}.file-grid>.file>.app-icon{flex-shrink:0;width:53px;height:53px}.file-grid>a.file{color:inherit;text-decoration:none}.file-grid .file small{overflow-wrap:anywhere;max-width:100%}.list-view>.file>.app-icon{width:29px;height:29px}.finder-path{background:linear-gradient(#f4f4f4,#e5e5e5);border:1px solid #a3a5a3;border-top:0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;min-height:26px;padding:4px 8px;font-size:11px;display:flex}.finder-path>span{align-items:center;gap:6px;display:flex}.finder-path>span>span{color:#858585}.finder-path button{border-radius:3px;padding:2px 4px}.finder-path button:hover{background:#d5e4f4}.finder-path [aria-current]{font-weight:600}@media (max-width:640px){.finder-toolbar{gap:7px}.finder-toolbar .search{flex:1;width:130px}.finder-path{font-size:11px}.list-view>.file{gap:5px}.list-view>.file small{max-width:90px}.file-grid:not(.list-view) .file small{font-size:10px}}