@font-face{font-family:Pixel;src:url(/assets/pixel.ttf)}@font-face{font-family:Share Tech Mono;src:url(/assets/mono.ttf)}@font-face{font-family:Hand;src:url(/assets/hand.ttf)}:root{font-family:Share Tech Mono,monospace;color:#c3f3f3;background:#031923;font-synthesis:none;--mint: #afffe5;--text: #c3f3f3;--muted: #97c3cf;--navy: #031b25;--line: #4d7a84;--yellow: #fff0a0;--top: 56px;--bottom: 68px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer;border:1px solid transparent;background:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:9px 13px;border-radius:3px}button:hover{background:#244550}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}button svg{flex-shrink:0}a{text-decoration:none}p{line-height:1.55;margin:10px 0 20px}h1,h2,h3{margin:0;font-weight:400}h3{font-size:19px}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.os{width:100%;height:100dvh;overflow:hidden}.wallpaper{position:fixed;inset:0;background:#031923 url(/assets/wallpaper.webp) center/cover no-repeat}.system-bar,.taskbar{position:fixed;left:0;right:0;z-index:10000;display:flex;align-items:center;background:#021721e8;gap:20px}.system-bar{height:var(--top);top:0;border-bottom:1px solid #80aab0;padding:0 24px}.brand{font-size:16px;padding:4px 28px 4px 0;border-right:1px solid #658b93;border-radius:0;white-space:nowrap}.scope-switch{display:flex;border:1px solid #88bec4;border-radius:5px;padding:3px;flex-shrink:0}.scope-switch button{font-size:14px;padding:5px 22px}.scope-switch button[aria-pressed=true]{background:var(--yellow);color:#05222d;box-shadow:inset 0 0 6px #fff9d7;font-weight:700}.top-apps{display:flex;gap:6px;border-left:1px solid #658b93;padding-left:16px}.top-apps button{font-size:14px}.top-motto{margin-left:auto;font-size:12px;color:var(--muted);line-height:1.3}.draft-badge{padding:4px 7px;border:1px solid #7ab6bd;color:#aad0dd;font-size:11px;letter-spacing:1px;white-space:nowrap}.desktop{position:absolute;inset:var(--top) 0 var(--bottom)}.desktop-intro{position:absolute;left:3%;top:25px;width:650px}.desktop-intro>h1{font-family:Pixel,monospace;font-size:126px;line-height:.88;letter-spacing:4px;color:#a0ead6;text-shadow:2px 3px #2b6661}.desktop-intro>h1 span{font-size:70px}.desktop-intro>p:first-of-type{font-size:23px;letter-spacing:4px;color:#9bd8d3;margin:10px 0 0}.desktop-scribble{position:absolute;left:650px;top:14px;transform:rotate(-13deg);font:25px/1.05 Hand;color:#8fb4b6;width:120px}.desktop-scribble:after,.handwritten:after{content:"";display:block;height:1px;background:currentColor;width:90px;margin-top:13px;transform:rotate(-14deg)}.desktop-launchers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:64px;max-width:600px}.desktop-launchers button{flex-direction:column;padding:22px 7px 17px;border:1px solid #476f78;background:#031a25cc;gap:15px}.desktop-launchers button:hover{border-color:var(--mint);background:#153d47;transform:translateY(-3px)}.desktop-launchers .folder{width:44px;height:32px;margin:8px}.desktop-launchers .folder:before{width:21px;height:7px;top:-6px}.desktop-launchers button>span:not(.folder){font-size:20px}.home-hint{font-size:14px;color:var(--muted);margin-top:30px;line-height:1.8}.apps-open .desktop-launchers,.apps-open .home-hint{visibility:hidden}.apps-open>h1,.apps-open>p:first-of-type{opacity:.72}.folder{position:relative;display:inline-block;flex-shrink:0;width:25px;height:18px;border-radius:1px 2px 2px;background:#fff0a0;border:1px solid #d5d087;box-shadow:inset 0 3px #ffffc5}.folder:before{content:"";position:absolute;width:11px;height:4px;background:#e8d88c;left:0;top:-4px;border-radius:1px 2px 0 0}.folder.small{width:20px;height:14px}.folder.small:before{width:9px;height:3px;top:-3px}.taskbar{bottom:0;height:var(--bottom);border-top:1px solid #a9e2dd;gap:0;padding:7px 22px}.weather{position:relative;width:74px;height:43px;border-right:1px solid #6f99a2;border-radius:0;justify-content:flex-start}.weather svg:first-child{color:var(--yellow);position:absolute;left:15px;top:4px}.weather svg:last-child{color:#9cdee5;fill:#9cdee5;position:absolute;left:14px;top:16px}.os-label{font-size:12px;gap:13px;margin-left:10px;white-space:nowrap}.os-label small{font-size:10px}.tasks{display:flex;justify-content:center;flex:1;min-width:0;height:100%;align-items:center;gap:8px;overflow-x:auto}.tasks button{height:44px;min-width:115px;position:relative;font-size:13px;padding:9px 16px;gap:18px;flex-shrink:0}.tasks button.active{background:var(--yellow);color:#05202d;border:1px solid #fff7cb;outline:1px solid #e7d68b;outline-offset:3px;box-shadow:inset 0 0 0 3px #c8c696}.tasks button.active .folder{background:#052a35;box-shadow:inset 0 3px #345962;border-color:#032b34}.tasks button.active .folder:before{background:#123a44}.tasks i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--mint);bottom:1px;left:50%}.tasks i.minimized{background:none;border:1px solid var(--mint)}.tasks button.active i{display:none}.task-motto{font-size:10px;letter-spacing:1px;color:#8ac0cd;border-left:1px solid #709ca7;padding:13px 24px;white-space:nowrap}.taskbar time{font-size:11px;line-height:1.5;color:#a2d3df;border-left:1px solid #709ca7;padding-left:17px;min-width:98px;text-align:center}.taskbar time span{display:block}.window{position:absolute;border:1px solid #b5f4ee;border-radius:3px;background:#021822f9;display:flex;flex-direction:column;outline:none;overflow:hidden;box-shadow:7px 12px 30px #0005;container-type:inline-size}.window.is-active{border-color:#bafff0}.window:not(.is-active)>.titlebar{background:#102e39}.window.hidden{display:none}.window.maximized{left:8px!important;top:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}.titlebar{height:35px;flex-shrink:0;background:linear-gradient(100deg,#12343f,#1c4a53);border-bottom:1px solid #8ebcc0;display:flex;gap:18px;align-items:center;padding:0 10px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.titlebar:active{cursor:grabbing}.window-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-scope{font-size:10px;margin-left:auto;opacity:.8}.window-controls{display:flex;gap:6px;margin-left:4px}.window-controls button{padding:0;width:17px;height:17px;border:1px solid #91c9d0;border-radius:1px}.window-controls svg{width:13px;height:13px;stroke-width:1.5}.window-controls button:last-child:hover{background:#83484d}.window-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.system-menu,.window-menu{position:absolute;background:#12333f;border:1px solid #96c9ce;padding:9px;box-shadow:5px 8px 16px #0007;z-index:11000;display:flex;flex-direction:column;gap:5px;border-radius:3px}.system-menu{top:61px;left:23px;width:270px}.system-menu strong{font-size:15px;padding:7px}.system-menu small{padding:8px;line-height:1.6}.system-menu button,.window-menu button{justify-content:flex-start;font-size:13px}.window-menu{right:10px;top:34px}.move-hint{padding:8px;background:var(--yellow);color:var(--navy);font-size:12px}.work-layout{display:flex;flex:1;min-height:0}.work-layout>aside{width:188px;flex-shrink:0;border-right:1px solid #315d69;padding:27px 7px}.side-nav{display:flex;flex-direction:column;gap:12px}.side-nav button{justify-content:flex-start;padding:10px 12px;font-size:14px;gap:15px;min-height:39px;white-space:nowrap;width:100%}.side-nav button small{margin-left:auto;font-size:10px;opacity:.8}.side-nav button.selected,.note-filters button[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:var(--mint);color:#00242a;border-color:#99e6d3;box-shadow:inset 0 0 8px #d0ffed}.side-nav button.selected small{color:#18434a}.work-main{padding:20px;overflow:auto;flex:1;min-width:0;scrollbar-gutter:stable}.explorer-tools{display:flex;align-items:center;gap:16px;margin-bottom:16px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap;margin-right:auto}.search{height:34px;display:flex;gap:12px;align-items:center;border:1px solid #487480;border-radius:4px;padding:0 10px;min-width:0}.search input{width:100%;min-width:0;background:none;border:0;outline:none;color:var(--text);font-size:13px}.search:focus-within{outline:2px solid var(--yellow);outline-offset:2px}.search input:focus-visible{outline:none}.search input::placeholder{color:#81afbd}.explorer-tools>.search{width:235px}.view-toggle{display:flex;gap:10px}.view-toggle button{border:1px solid #436f7c;padding:5px;height:33px;width:33px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}.project-card{border:1px solid #345e6c;border-radius:4px;padding:11px;min-width:0;transition:border-color .15s}.project-card:hover,.project-card:focus-within{border-color:var(--mint)}.project-card:first-child{border-color:#94e6d5;box-shadow:inset 0 0 0 1px #94e6d5}.project-card h3{font-size:21px;margin-top:7px}.project-card small{font-size:11px;color:#88bdc9;letter-spacing:.6px}.project-card p{font-size:12px;line-height:1.4;min-height:34px;margin:8px 0}.open-project{padding:0;gap:15px;font-size:13px;justify-content:flex-start;min-height:25px}.open-project:hover{background:none;color:var(--yellow)}.art{height:150px;position:relative;overflow:hidden;border:1px solid #244f5c;color:#a6f7e9;border-radius:2px;background-color:#031a24}.art.api,.art.privacy{background-image:linear-gradient(#1b485438 1px,transparent 1px),linear-gradient(90deg,#1b485438 1px,transparent 1px);background-size:14px 14px}.art svg{width:100%;height:100%;display:block}.art .lock{position:absolute;width:60px;height:60px;left:calc(50% - 30px);top:calc(50% - 30px);fill:#87e7d0;stroke:#032b33;stroke-width:1.5}.sun{background:#193242}.sun-disc{position:absolute;left:37%;top:15%;width:85px;height:85px;background:#ffb356;border-radius:50%;box-shadow:0 0 30px #ffb35615}.mountain{position:absolute;inset:48% -5% -10%;background:#092435;clip-path:polygon(0 45%,25% 20%,40% 49%,73% 7%,100% 45%,100% 100%,0 100%)}.mountain.back{background:#254355;transform:translateY(-15px) scaleX(-1)}.mahiru-word{position:absolute;left:6%;top:44%;font:30px Georgia;color:#faf3da}.sun-copy{position:absolute;right:0;top:0;height:100%;width:27%;padding:20px 12px;background:#001823ae;font:14px/1.4 Hand;color:#b4c8cf}.studio img{width:100%;height:100%;object-fit:cover;object-position:right 65%;transform:scale(1.55);transform-origin:right 70%}.studio-note{position:absolute;right:8%;top:12%;font:23px/1.05 Hand;transform:rotate(-7deg);color:#102c34;background:#dfc495;padding:7px}.window-footer{height:36px;flex-shrink:0;border-top:1px solid #456e79;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;letter-spacing:.4px;color:#9ecbda}.project-grid.list{grid-template-columns:1fr}.list .project-card{display:flex;gap:18px}.list .art{width:180px;flex-shrink:0;height:115px}.list .card-copy{flex:1}.list .project-card p{min-height:0}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.empty>svg{margin-bottom:16px}.empty h3{color:var(--text)}.empty button{border:1px solid var(--line)}.split{display:flex;height:100%;min-height:0}.split>aside{width:151px;flex-shrink:0;border-right:1px solid #345d6a;padding:32px 10px;display:flex;flex-direction:column}.reading{flex:1;min-width:0;overflow:auto;padding:29px 30px;color:#c8f1f1;scrollbar-gutter:stable}.pixel{font-family:Pixel,monospace;color:var(--mint);font-size:54px;line-height:1;white-space:pre-line;letter-spacing:.2px;text-wrap:balance}.lead{font-size:16px;white-space:pre-line;line-height:1.5;margin:10px 0 18px}.art.large{height:260px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #648a91;margin-top:19px;padding:18px 0 13px}.facts section{padding:0 15px;border-right:1px dashed #72969b}.facts section:first-child{padding-left:0}.facts section:last-child{border:0}.facts h3{font-size:15px;display:flex;gap:12px;align-items:center}.facts p{font-size:13px;margin:23px 0 10px}.actions{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}.actions>button,.actions>a,.email-action{border:1px solid #9bd7db;min-height:43px;padding:10px 20px;gap:18px;font-size:14px}.primary{background:var(--yellow);color:#001c29;border:1px solid #fff7c2!important;box-shadow:inset 0 0 0 2px #6c775b,inset 0 0 8px #fffed5;font-weight:700}.primary:hover{background:#fff8c5;color:#001c29}.content-status{font-size:11px;text-align:right;color:#92bdc9;margin:18px 0 0}.handwritten{font:25px/1.08 Hand;color:#88a5ae;transform:rotate(-11deg);margin-top:auto;margin-left:10px}.project-detail .handwritten{padding-bottom:30px}.draft-section h2{font-family:Pixel;font-size:37px;color:var(--mint);margin:30px 0 14px}.draft-section>p{max-width:50ch}.draft-paper{padding:30px 20px;border:1px dashed #56818b;margin-top:26px;background:#12333b55}.draft-paper>svg{color:#9acbcb;margin-bottom:18px}.draft-paper p{font-size:14px;max-width:48ch;color:var(--muted)}.about-layout>aside{width:204px;padding:31px 17px}.avatar{position:relative;width:139px;height:137px;border:1px solid #abebe2;border-radius:4px;margin:0 auto 10px;display:grid;place-items:center;color:#a0f5d5;background:#042329}.avatar>svg{width:95px;height:95px}.avatar>span{position:absolute;top:17px;right:22px}.about-layout>aside>h3{margin:0 12px;font-size:22px}.about-layout>aside>.muted{font-size:13px;margin:4px 12px 26px}.about-layout .side-nav{gap:8px}.about-layout .side-nav button{font-size:15px}.about-layout .handwritten{margin-left:20px;margin-bottom:24px}.about-layout .reading{padding:31px 36px}.about-layout .reading>p:first-child{margin:0 0 15px}.about-layout .pixel{font-size:64px}.about-rows{border-top:1px solid #72949a;margin-top:17px}.about-rows section{display:flex;gap:27px;align-items:center;border-bottom:1px solid #52757e;padding:13px 0}.icon-box{display:grid;place-items:center;width:54px;height:54px;border:1px solid #9bd9d8;border-radius:5px;flex-shrink:0}.icon-box svg{width:29px;height:29px}.about-rows h3{font-size:16px}.about-rows p{font-size:14px;margin:5px 0 0;color:var(--muted)}.about-layout .actions{gap:14px;margin-top:16px;flex-wrap:nowrap}.about-layout .actions>button{padding:10px 15px;white-space:nowrap}.notes-layout{display:flex;flex:1;min-height:0}.notes-layout>aside{width:300px;border-right:1px solid #6f939b;padding:24px 18px;flex-shrink:0;overflow:auto}.note-filters{display:flex;gap:8px;margin:18px 0 20px}.note-filters button{border:1px solid #5c8590;padding:8px 12px;font-size:12px;flex:1}.note-list{display:flex;flex-direction:column;gap:9px}.note-list button{padding:16px 8px;border-radius:3px;justify-content:flex-start;gap:14px;text-align:left;border-bottom:1px solid #284e5e;font-size:13px}.note-list button.selected{background:#1a424e;box-shadow:inset 3px 0 #a5ecdd}.note-list button span{flex:1}.note-list button small{display:block;font-size:11px;margin-top:8px;line-height:1.4}.note-list button>svg:first-child{align-self:flex-start;width:25px;flex-shrink:0}.notes-layout .reading{padding:24px 30px}.notes-layout .reading>small{font-size:11px}.notes-layout .pixel{font-size:39px;margin:16px 0 5px}.notes-layout .reading>p{font-size:14px}.notes-layout .reading>.muted{margin:0 0 14px}.sketch-paper{position:relative;color:#294656;background:#e5dfc7;box-shadow:2px 4px 7px #0004;margin:23px 4px 20px;padding:23px 28px 18px;min-height:310px;transform:rotate(.2deg)}.tape{position:absolute;top:-16px;left:48%;width:29px;height:32px;transform:rotate(18deg);background:#c8c8afcf;clip-path:polygon(5% 0,20% 5%,40% 0,65% 6%,100% 0,98% 96%,75% 90%,48% 100%,22% 96%,0 100%)}.sketch-paper .handwritten{font-size:23px;line-height:1.08;color:#294656;margin:0;transform:rotate(-7deg)}.sketch-paper .handwritten:after{display:none}.sketch-top,.sketch-bottom{display:flex;justify-content:space-between}.sketch-top>span{font-size:17px;transform:rotate(7deg);align-self:center;letter-spacing:1px}.sketch-center{display:flex;align-items:center;gap:19px;margin:12px 0 20px}.wireframe{border:1px solid #446072;border-radius:4px;width:66%;transform:rotate(-2deg);flex-shrink:0}.wireframe>div{font-size:11px;border-bottom:1px solid #446072;padding:2px 6px}.wireframe section{display:flex}.wireframe aside{border-right:1px solid #446072;padding:5px 9px;line-height:1.6}.wireframe main{padding:10px;flex:1}.wire-image{border:1px solid #446072;text-align:center;line-height:1;font-size:23px;height:60px}.wireframe hr{border:0;border-top:1px solid #547080}.sketch-center .handwritten{font-size:20px;line-height:1.5}.sketch-bottom.handwritten{font-size:18px;transform:none}.sketch-bottom>span{font-size:22px}.note-observations{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 0}.note-observations section+section{border-left:1px solid #6b939c;padding-left:24px}.note-observations h3{font-size:16px}.note-observations p{font-size:12px;color:var(--muted);margin:12px 0 0}.contact-layout>aside{width:247px;align-items:center;padding:44px 24px 30px}.big-mail{width:128px;height:100px;color:#a4f8dc;stroke-width:1.5;filter:drop-shadow(2px 2px #377267)}.contact-layout .handwritten{margin:29px 0 28px;font-size:29px}.address-book{background:#90b2a6;color:#12363b;width:125px;height:146px;transform:rotate(-10deg);border:4px double #325e60;box-shadow:5px 4px #244a4d;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;position:relative}.address-book:before{content:"";position:absolute;left:-7px;top:0;bottom:0;border-left:5px dotted #accab6}.address-book>span:first-child{font-size:15px}.address-book>span:last-child{font-size:9px}.contact-layout .reading{padding:34px 29px}.contact-layout .pixel{font-size:44px;white-space:nowrap}.contact-layout .lead{font-size:16px;letter-spacing:1px;margin-bottom:23px}.contact-row{display:flex;border:1px solid #5a929d;border-radius:5px;align-items:center;gap:20px;padding:19px;min-height:78px;margin-top:10px}.contact-row>div{flex:1;min-width:0}.contact-row h3{font-size:16px}.contact-row p{margin:6px 0 0;font-size:13px;color:#b0d4dd;overflow-wrap:anywhere}.contact-row .primary{font-size:12px;padding:8px 12px}.contact-pending{padding:14px 0 5px;max-width:44ch;color:var(--muted);font-size:14px}.contact-pending p{margin:10px 0 21px}.copy-feedback{font-size:12px;min-height:18px;color:var(--mint)}.selectable{-webkit-user-select:all;user-select:all}.email-action{display:inline-flex;align-items:center;gap:17px}.contact-footer{border-top:1px solid #638a94;padding-top:14px;font-size:11px;color:var(--muted);margin-top:18px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.mobile-back{display:none}*{scrollbar-width:thin;scrollbar-color:#65989f #082b38}@container (max-width:800px){.explorer-tools{gap:10px}.breadcrumb{font-size:11px}.explorer-tools>.search{width:170px}.work-layout>aside{width:168px}.work-main{padding:16px}.side-nav button{font-size:12px;gap:10px;padding:10px 8px}.project-card p{font-size:11px}.about-layout .actions{flex-wrap:wrap}.contact-layout>aside{width:210px}.contact-layout .reading{padding:27px}.contact-layout .pixel{font-size:42px}}@media(min-width:701px)and (max-height:820px){.desktop-intro{top:19px}.desktop-intro>h1{font-size:106px}.desktop-intro>p:first-of-type{font-size:19px}.art{height:120px}.work-layout>aside{padding-top:20px}.project-card{padding:9px}.project-card p{margin:5px 0;min-height:30px}.work-main{padding-top:15px}.explorer-tools{margin-bottom:12px}.about-layout .reading{padding-top:24px}.about-layout .pixel{font-size:54px}.about-rows section{padding:10px 0}.about-layout>aside{padding-top:24px}}@media(max-width:1150px){.top-motto{display:none}.system-bar{gap:14px;padding-inline:18px}.brand{padding-right:16px}.top-apps{gap:0;padding-left:8px}.top-apps button{padding-inline:10px}.system-bar>.draft-badge{margin-left:auto}.task-motto{display:none}.tasks button{min-width:94px;gap:12px}.desktop-scribble{left:575px}.desktop-intro{width:620px}}@media(max-width:850px){.system-bar>.draft-badge{display:none}.taskbar{padding-inline:10px}.os-label{display:none}.weather{width:50px}.system-bar{gap:10px;padding-inline:12px}.scope-switch button{padding-inline:13px}.top-apps button{padding-inline:8px}.brand{font-size:13px;padding-right:12px}.top-apps{padding-left:5px}.desktop-scribble{display:none}.taskbar time{font-size:10px;min-width:90px}.desktop-intro{width:90%}}@media(max-width:700px){:root{--top: 61px;--bottom: 64px}.system-bar{justify-content:space-between;padding:0 12px;gap:7px}.brand{font-size:12px;border:0;padding:0}.scope-switch button{font-size:12px;padding:7px 11px}.top-apps{display:none}.wallpaper{background-position:67% center}.desktop-intro{left:6%;top:35px;width:88%}.desktop-intro>h1{font-size:77px;letter-spacing:1px;white-space:nowrap}.desktop-intro>h1 span{font-size:40px}.desktop-intro>p:first-of-type{font-size:15px;letter-spacing:1px;max-width:250px;line-height:1.5}.desktop-launchers{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px;max-width:380px}.desktop-launchers button{padding:20px 8px;background:#06222bea}.home-hint{background:#031c27bc;width:fit-content;padding:10px;font-size:12px}.window{left:5px!important;top:7px!important;width:calc(100% - 10px)!important;height:calc(100% - 14px)!important}.window:not(.is-active){visibility:hidden;pointer-events:none}.window.maximized{left:5px!important;top:7px!important;width:calc(100% - 10px)!important;height:calc(100% - 14px)!important}.titlebar{height:42px;padding-inline:9px;gap:9px}.window-title{font-size:13px}.window-scope{display:none}.window-controls{margin-left:auto;gap:5px}.window-controls button{width:27px;height:27px}.window-controls svg{width:18px;height:18px}.window-controls button:nth-child(3){display:none}.taskbar{padding:6px 7px;gap:5px}.weather{display:none}.taskbar time{display:none}.tasks{justify-content:flex-start;gap:6px}.tasks button{min-width:80px;padding:8px 9px;gap:9px;font-size:12px;height:42px}.tasks .folder{width:19px;height:14px}.tasks button.active{outline-offset:0;box-shadow:inset 0 0 0 2px #b9bd8e}.work-layout{flex-direction:column}.work-layout>aside{width:100%;padding:9px;border-right:0;border-bottom:1px solid #416873;overflow-x:auto;flex-shrink:0}.work-layout .side-nav{flex-direction:row;gap:6px;min-width:max-content}.work-layout .side-nav button{width:auto;padding:7px 10px;min-height:35px;font-size:12px}.work-layout .side-nav svg,.work-layout .side-nav small{display:none}.work-main{padding:13px;scrollbar-gutter:auto}.explorer-tools{flex-wrap:wrap;gap:9px}.breadcrumb{width:100%;font-size:12px}.explorer-tools>.search{flex:1;width:auto;height:38px}.view-toggle button{width:37px;height:37px}.project-grid{grid-template-columns:1fr;gap:13px}.project-card{padding:10px}.art{height:155px}.project-card h3{font-size:23px}.project-card p{font-size:13px;min-height:0;margin:8px 0}.project-card small{font-size:11px}.open-project{min-height:37px;font-size:14px}.list .project-card{gap:10px}.list .art{width:94px;height:100px}.list .card-copy p{font-size:11px}.list .open-project{font-size:12px;gap:7px}.list .sun-copy{display:none}.list .sun-disc{width:45px;height:45px}.list .mahiru-word{font-size:18px}.window-footer{padding-inline:10px;font-size:9px;gap:8px}.window-footer span:last-child{text-align:right;font-size:8px}.split{flex-direction:column}.split>aside{width:100%;padding:9px;border-right:0;border-bottom:1px solid #537984;flex-direction:row;overflow:auto;flex-shrink:0}.split>aside .handwritten{display:none}.split>aside .side-nav{flex-direction:row;gap:4px;width:100%}.split>aside .side-nav button{justify-content:center;padding:8px;gap:7px;font-size:12px}.split>aside .side-nav svg{width:16px}.reading{padding:21px 18px;scrollbar-gutter:auto}.pixel{font-size:44px}.lead{font-size:14px}.art.large{height:190px}.facts{gap:10px;padding:16px 0}.facts section{padding:0 8px}.facts h3{font-size:12px;display:block;line-height:1.5}.facts h3 svg{display:block;margin-bottom:5px}.facts p{font-size:11px;margin-top:12px}.actions{gap:10px}.actions>button{padding:10px 13px;font-size:13px}.mobile-back{display:flex;font-size:12px;padding:3px 0 13px;color:#acd6dd;min-height:35px}.about-layout>aside .avatar,.about-layout>aside>h3,.about-layout>aside>.muted{display:none}.about-layout .reading{padding:23px 20px}.about-layout .pixel{font-size:54px}.about-layout .reading>p:first-child{font-size:13px;margin-bottom:14px}.about-layout .lead{font-size:14px}.about-rows section{gap:17px;padding:15px 0}.about-rows p{font-size:13px}.about-layout .actions{flex-wrap:wrap}.about-layout .actions button{width:100%;justify-content:space-between}.notes-layout>aside{width:100%;border:0;padding:17px}.notes-layout>.reading{display:none}.notes-layout.show-reader>aside{display:none}.notes-layout.show-reader>.reading{display:block}.notes-layout .reading{padding:18px}.notes-layout .pixel{font-size:35px}.notes-layout .reading>small{font-size:10px}.note-list button{padding:21px 10px;font-size:14px;min-height:86px}.note-filters button{min-height:40px}.notes-layout .search{height:40px}.sketch-paper{padding:23px 18px 17px;margin-inline:0;min-height:280px}.sketch-paper .handwritten{font-size:20px}.sketch-center{gap:10px}.sketch-center .handwritten{font-size:16px}.wireframe{width:61%}.wireframe aside{padding:5px;line-height:1.5}.wireframe main{padding:7px}.sketch-bottom.handwritten,.sketch-bottom>span{font-size:17px}.note-observations{gap:12px}.note-observations section+section{padding-left:12px}.note-observations h3{font-size:14px}.contact-layout>aside{display:none}.contact-layout .reading{padding:30px 21px}.contact-layout .pixel{font-size:49px;white-space:normal}.contact-layout .lead{font-size:15px;letter-spacing:0}.contact-row{padding:17px 12px;gap:13px;flex-wrap:wrap}.contact-row p{font-size:13px}.contact-pending{margin-top:20px}.contact-footer{margin-top:36px}.system-menu{left:8px;top:65px}.draft-paper{padding:24px 17px}.draft-section h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:BlockPixel;src:url(/assets/display.ttf);font-display:swap}:root{font-family:Share Tech Mono,ui-monospace,monospace}.desktop-intro>h1{font-family:BlockPixel,monospace;font-size:90px;letter-spacing:0;line-height:1.1}.desktop-intro>h1 span{font-size:43px}.pixel{font-family:BlockPixel,monospace;font-size:35px;line-height:1.35;letter-spacing:-1px}.about-layout .pixel{font-size:43px;line-height:1.25}.notes-layout .pixel{font-size:25px;line-height:1.4}.contact-layout .pixel{font-size:28px;line-height:1.4;letter-spacing:-.9px}.project-card p{min-height:32px}.project-card .art{height:145px}.project-card{padding-bottom:8px}.project-grid{gap:13px 15px}.work-main{scrollbar-gutter:auto}@media(min-width:701px)and (max-height:820px){.desktop-intro>h1{font-size:76px}.project-card .art{height:115px}.about-layout .pixel{font-size:36px}}@media(max-width:700px){.desktop-intro>h1{font-size:clamp(32px,8.5vw,58px);line-height:1.3}.desktop-intro>h1 span{font-size:22px}.pixel{font-size:28px;letter-spacing:-.8px}.about-layout .pixel{font-size:clamp(25px,7vw,38px);line-height:1.45}.notes-layout .pixel{font-size:23px}.contact-layout .pixel{font-size:28px;line-height:1.5;white-space:normal}.project-card .art{height:155px}.list .project-card .art{height:100px}}.window{background:#031b25}.scene-lettering{position:fixed;pointer-events:none;width:max(100vw,150dvh);height:max(100dvh,66.6667vw);left:50%;top:50%;transform:translate(-50%,-50%);color:#132b37;font-family:Hand;-webkit-user-select:none;user-select:none}.scene-lettering>span{position:absolute;line-height:1.05}.wall-poster{left:83%;top:10.5%;font-size:clamp(26px,2.7vw,48px);transform:rotate(-10deg)}.wall-checklist{left:89.6%;top:39.5%;font-size:clamp(12px,1.3vw,22px);transform:rotate(4deg)}.cup-lettering{left:71.2%;top:65.2%;font-size:clamp(12px,1.2vw,20px);transform:rotate(-7deg)}.scene-lettering .crt-lettering{left:83.6%;top:63.8%;font:clamp(7px,.66vw,12px)/1.25 "Share Tech Mono",monospace;color:#91d8c1;transform:rotate(2deg);letter-spacing:.6px}.notebook-lettering{left:77%;top:73.5%;font-size:clamp(11px,1.2vw,21px);transform:rotate(8deg) skew(-12deg)}.avatar>.pixel-plant{width:117px;height:117px}.big-mail{stroke:none;filter:none;width:142px;height:125px}@media(max-width:700px){.scene-lettering{display:none}}html,body,#root{width:100%;height:100%;overflow:hidden}.desktop-intro>h1{white-space:nowrap;font-size:76px}.wall-poster{font-size:clamp(23px,2.1vw,40px);top:11.5%;left:82.8%}.wall-checklist{left:89.6%;top:40%;font-size:clamp(10px,1.05vw,18px)}.cup-lettering{left:71.1%;top:65.2%;font-size:clamp(10px,.92vw,17px)}.notebook-lettering{left:77%;top:73.5%;font-size:clamp(10px,.95vw,18px)}@media(max-width:700px){.desktop-intro>h1{font-size:clamp(32px,8.5vw,58px)}}.notes-layout .pixel{font-family:Pixel,monospace;font-size:39px;line-height:1.15;letter-spacing:0}.contact-layout .pixel{font-family:Pixel,monospace;font-size:44px;line-height:1.15;letter-spacing:0;white-space:normal}@media(max-width:700px){.notes-layout .pixel{font-size:35px}.contact-layout .pixel{font-size:49px}}.wire-body{padding:10px;flex:1;min-width:0}.wire-image svg{width:100%;height:100%;display:block}@media(max-width:700px){.wire-body{padding:7px}}.notebook-art{margin:23px 4px 20px}.notebook-art img{display:block;width:100%;height:auto;border-radius:1px}@media(max-width:700px){.notebook-art{margin:22px 0}}@media(min-width:701px){.notes-layout .reading>.muted{margin-bottom:10px}.notes-layout .reading>p:not(.muted){margin-top:6px;margin-bottom:9px;line-height:1.5}.notes-layout .notebook-art{margin-top:16px}.notes-layout .pixel{margin-top:12px;margin-bottom:2px}}@media(min-width:701px){.project-detail .reading{padding-top:25px}.project-detail .pixel{font-size:32px;line-height:1.3}.project-detail .lead{margin-top:8px;margin-bottom:12px}.notes-layout .notebook-art{margin-top:8px}}@media(min-width:1000px)and (min-height:900px){.work-main{padding-right:10px}.project-grid.grid .project-card{height:286px;display:flex;flex-direction:column}.project-grid.grid .project-card:nth-child(n+3){height:276px}.project-grid.grid .project-card .art{height:153px;flex-shrink:0}.project-grid.grid .project-card:nth-child(n+3) .art{height:137px}.project-grid.grid .card-copy{display:flex;flex-direction:column;flex:1;min-height:0}.project-grid.grid .project-card p{min-height:0;margin:5px 0;line-height:1.4}.project-grid.grid .open-project{margin-top:auto}}@font-face{font-family:TraceMono;src:url(/assets/ui-mono.ttf);font-style:normal;font-weight:400;font-display:swap}:root{font-family:TraceMono,ui-monospace,monospace;font-size:14px}.project-card h3{font-size:19px}.brand{font-size:15px}.top-apps button,.scope-switch button,.side-nav button{font-size:12px}.card-copy p,.note-list button{font-size:11px}.note-list button small{font-size:10px}@media(max-width:700px){.brand{font-size:10px}.scope-switch button{font-size:11px}.project-card p,.note-list button{font-size:12px}}@media(min-width:1000px){.desktop-intro{top:38px}.desktop-intro>h1{font-size:64px;line-height:1.25;letter-spacing:0;transform:scaleY(1.15);transform-origin:top left;margin-bottom:17px}.desktop-intro>h1 span{font-size:30px}.desktop-intro>p:first-of-type{font-size:21px;letter-spacing:3px}}@media(min-width:1000px){.about-layout .actions>button{flex:1;justify-content:space-between;padding-inline:15px;font-size:13px}.about-layout>.reading{padding-top:29px}.about-layout>aside>.muted{white-space:nowrap;font-size:12px}}.mahiru-landscape{position:absolute;inset:0;width:76%;height:100%;object-fit:cover;object-position:center 55%}.art.large .mahiru-landscape{width:100%;object-position:center}@media(max-width:700px){.list .mahiru-landscape{width:100%}}.studio img{transform:none;object-position:center;object-fit:cover}.work-layout .side-nav svg{fill:#a6f2df;stroke:#a6f2df;stroke-width:1.2}.work-layout .side-nav .selected svg{fill:#052933;stroke:#052933}@media(min-width:701px){.work-layout .side-nav{gap:10px}.work-layout .side-nav button{min-height:40px}}.project-card .art.api>svg{transform:scale(1.08);transform-origin:center}.project-card .art.privacy>svg{transform:scale(1.14);transform-origin:center}.project-card .art.privacy .lock{width:58px;height:58px;left:calc(50% - 29px);top:calc(50% - 29px)}.art.showcase-cover{padding:0;overflow:hidden;background:#0b1c2a}.art.showcase-cover img{display:block;width:100%;height:100%;object-fit:cover}.project-status{color:var(--yellow);font-size:12px;margin:16px 0}.project-detail .facts ul{padding-left:16px;font-size:12px;line-height:1.65}.project-links{display:flex;flex-direction:column;gap:12px;margin:24px 0}.project-links a{display:flex;align-items:center;gap:12px;border:1px solid #527f8a;padding:14px;color:var(--mint);text-decoration:none}.project-links a:hover{background:#173544;border-color:var(--mint)}.project-links a:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.art.showcase-cover.screenshot-cover{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;background:#122b35}.art.showcase-cover.screenshot-cover img{width:100%;height:100%;object-fit:contain;min-width:0}.art.showcase-cover.screenshot-cover.mobile img{width:auto;max-width:46%}.art.showcase-cover.screenshot-cover.large{height:340px;padding:18px}.project-gallery h2{font-family:var(--pixel)}.screenshot-grid{display:grid;gap:20px;margin-top:24px}.screenshot-grid.mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-grid figure{margin:0;min-width:0}.screenshot-grid a{display:block;padding:10px;background:#122b35;border:1px solid #527f8a}.screenshot-grid a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.screenshot-grid img{display:block;width:100%;height:auto}.screenshot-grid figcaption{font-size:12px;color:var(--mint);margin-top:10px}.project-status{line-height:1.8}@media(max-width:700px){.art.showcase-cover.screenshot-cover.large{height:290px}.screenshot-grid{gap:12px}}.brand{display:flex;align-items:center;gap:8px}.brand-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.desktop-mascot{width:100px;height:100px;object-fit:contain;margin-bottom:12px}.desktop-intro.apps-open .desktop-mascot{display:none}.taskbar-logo{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:6px}@media(max-width:700px){.brand-logo{width:25px;height:25px}.desktop-mascot{width:76px;height:76px}}.reading p{line-height:1.7}.about-layout .pixel,.contact-layout .pixel{font-size:clamp(26px,3vw,38px);line-height:1.25;white-space:normal}.about-layout .lead,.contact-layout .lead{max-width:54ch;line-height:1.65;margin:12px 0 24px}.about-layout .reading,.contact-layout .reading{min-width:0}.about-layout aside h3{overflow-wrap:anywhere}.about-mascot{display:block;width:88px;height:88px;object-fit:contain;margin:0 auto 18px}.about-rows section{align-items:flex-start}.about-rows section>div{min-width:0}.about-rows h3{line-height:1.4;margin:0 0 8px}.about-rows p{white-space:normal;margin:0;max-width:60ch}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--mint)}.contact-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 20px}.contact-button{display:flex;align-items:center;gap:12px;min-width:0;padding:20px 16px;border:1px solid #527f8a;background:#122d38;color:#edf5ed;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.contact-button:hover{background:#204652;border-color:var(--mint);transform:translateY(-2px)}.contact-button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.contact-service-icon{color:var(--mint);flex-shrink:0}.contact-button-copy{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.contact-button-copy strong{font-size:14px}.contact-button-copy>span{font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:#b6cdcf}.contact-button>svg{flex-shrink:0}.copy-contact{display:inline-flex;align-items:center;gap:8px;font-size:12px}.collective-motto{border-left:2px solid var(--mint);padding-left:18px;margin:24px 0;font-size:17px;color:var(--mint);line-height:1.6}@media(max-width:700px){.contact-buttons{grid-template-columns:1fr}.contact-button{padding:16px}.about-layout .about-mascot{width:54px;height:54px}}.contact-button:last-child:nth-child(odd){grid-column:1 / -1}.collective-link{display:inline-flex;color:var(--mint);line-height:1.6;margin:16px 0;text-underline-offset:4px}.collective-link:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.desktop-intro>h1.animated-title{white-space:nowrap}.desktop-intro>h1.animated-title .title-letters{display:inline-flex;font:inherit;letter-spacing:inherit}.desktop-intro>h1.animated-title .title-letter,.desktop-intro>h1.animated-title .title-space{display:inline-block;font:inherit;color:inherit}.title-letter{animation:trace-letter-arrive .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--letter-index) * 65ms)}.desktop-intro>h1.animated-title .title-cursor{display:inline-block;font-size:.65em;animation:trace-cursor 1.2s steps(1,end) infinite}@media(hover:hover){.animated-title:hover .title-letter{animation:trace-letter-hop .55s ease-in-out both;animation-delay:calc(var(--letter-index) * 55ms)}}@keyframes trace-letter-arrive{0%{opacity:0;transform:translateY(16px) scale(.85)}65%{opacity:1;transform:translateY(-5px) scale(1.03)}to{opacity:1;transform:none}}@keyframes trace-letter-hop{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-9px) rotate(-4deg)}70%{transform:translateY(2px) rotate(2deg)}}@keyframes trace-cursor{0%,55%{opacity:1}56%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.desktop-intro>h1.animated-title .title-letter,.desktop-intro>h1.animated-title .title-cursor,.animated-title:hover .title-letter{animation:none;opacity:1;transform:none}}.system-bar .top-apps{border-left:0}.animated-title:active .title-letter{animation:trace-letter-hop .55s ease-in-out both;animation-delay:calc(var(--letter-index) * 55ms)}@media(prefers-reduced-motion:reduce){.animated-title:active .title-letter{animation:none}}