@font-face{font-family:Stack Headline;src:url(/fonts/StackSansHeadline.woff2) format("woff2");font-weight:200 700;font-display:swap}@font-face{font-family:Stack Text;src:url(/fonts/StackSansText.woff2) format("woff2");font-weight:200 700;font-display:swap}:root{--background: #e9e7e0;--card: #f4f3ee;--border: #c9c8bf;--border-strong: #888472;--muted: #5c5e6e;--foreground: #141413;--accent: #186353;--accent-foreground: #f4f3ee;--icon: 62px;--radius-icon: 22.5%;--gutter: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease-out: cubic-bezier(.22, 1, .36, 1);--display: "Stack Headline", sans-serif;--text: "Stack Text", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}.dark{--background: #2e3047;--card: #3c3f58;--border: #545773;--border-strong: #868aa7;--muted: #a7acc2;--foreground: #c9c8bf;--accent: #3bba9c;--accent-foreground: #14261f;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none;background:var(--background)}body{background:var(--background);color:var(--foreground);font-family:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hub{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:0 max(var(--gutter),env(safe-area-inset-right,0px)) calc(var(--safe-bottom) + 120px) max(var(--gutter),env(safe-area-inset-left,0px));overflow-x:clip}.topbar{display:flex;align-items:center;gap:36px;height:calc(var(--safe-top) + 72px);padding-top:var(--safe-top);margin:0 calc(var(--gutter) * -1);padding-inline:var(--gutter)}.brand{display:inline-flex;align-items:center;gap:7px;min-width:44px;height:44px;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:.04em}.brand .dot{width:5px;height:5px;margin-bottom:2px;border-radius:50%;background:var(--accent)}.topnav{display:none}.top-right{display:flex;align-items:center;gap:8px;margin-left:auto}.lang{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 10px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}.lang .on{color:var(--foreground)}.square{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border-strong);border-radius:6px;transition:border-color .15s,transform .15s var(--ease-out)}.square[hidden]{display:none}.square:hover{border-color:var(--foreground)}.square:active{transform:scale(.95)}.square svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-sun{display:none}.dark .icon-sun{display:block}.dark .icon-moon{display:none}@media(display-mode:standalone){html:not(.dark) .topbar{box-shadow:inset 0 var(--safe-top) 0 #2e3047}}.home{display:flex;flex-direction:column;width:100%;max-width:560px;margin:8px auto 0}.widget{padding:20px 20px 18px;border:1px solid var(--border);border-radius:14px;background:var(--card);animation:pop .5s var(--ease-out) backwards}.w-name{margin-top:14px;font-family:var(--display);font-size:clamp(2rem,10vw,2.6rem);line-height:.92;letter-spacing:-.045em}.w-first{display:block;font-weight:500}.w-last{display:block;font-weight:200}.accent{color:var(--accent)}.w-foot{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.w-foot .sep{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.w-foot time{color:var(--foreground);font-variant-numeric:tabular-nums}.section-label{margin:36px 0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:24px;justify-items:center}.app{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-width:44px;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.icon{position:relative;display:block;width:var(--icon);height:var(--icon);border-radius:var(--radius-icon);overflow:hidden;transition:transform .18s var(--ease-out),opacity .18s var(--ease-out);animation:pop .5s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 45ms + 60ms)}.icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border);pointer-events:none}.icon img{display:block;width:100%;height:100%}.app .label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:calc(var(--icon) + 18px);overflow:hidden;text-align:center;line-height:1.2;font-family:var(--text);font-size:13px;letter-spacing:0;text-transform:none;color:var(--foreground)}.app:active .icon{transform:scale(.92);opacity:.85}.app.launching .icon{transform:scale(1.12);opacity:1;transition-duration:.2s}.hub.launching .home,.hub.launching .dock{opacity:.5;transition:opacity .2s var(--ease-out)}@keyframes pop{0%{opacity:0;transform:translateY(12px)}}.to-portfolio,.portfolio-card{display:none}.dock{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 12px);z-index:10;display:flex;justify-content:center;gap:18px;padding:12px 18px;border:1px solid var(--border);border-radius:22px;background:var(--card);transform:translate(-50%)}.dock .app{--icon: 54px;width:auto}.icon.glyph{display:grid;place-items:center;background:var(--background);color:var(--foreground)}.icon.glyph svg{width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dock .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hint{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 104px);z-index:11;display:flex;align-items:center;gap:8px;width:min(calc(100% - 24px),440px);padding:10px 6px 10px 16px;border:1px solid var(--border-strong);border-radius:14px;background:var(--card);transform:translate(-50%);animation:rise .4s var(--ease-out) backwards .6s}.mail-sheet{animation-delay:0s}.hint[hidden],.hint [hidden]{display:none}.hint-text{flex:1;font-size:14px;line-height:1.4}.mail-sheet strong{font-weight:600;-moz-user-select:all;user-select:all;-webkit-user-select:all;word-break:break-all}.hint-share{display:inline-block;width:17px;height:17px;margin:0 1px -3px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hint-install{flex:none;min-height:44px;padding:0 16px;border-radius:6px;background:var(--accent);color:var(--accent-foreground);font-size:14px;font-weight:500}.hint-close{flex:none;display:grid;place-items:center;width:44px;height:44px}.hint-close svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}@media(max-width:639px){.topbar{height:calc(var(--safe-top) + 60px)}.home{margin-top:4px}.widget{padding:16px 18px 14px}.widget .label{font-size:10px;letter-spacing:.14em}.w-name{margin-top:10px;font-size:clamp(1.75rem,8.4vw,2.1rem)}.w-foot{margin-top:14px;padding-top:12px}.section-label{margin:clamp(18px,3.5svh,30px) 0 clamp(12px,2svh,16px)}.grid{grid-template-columns:repeat(2,1fr);row-gap:clamp(14px,2.6svh,22px)}.grid .app{--icon: clamp(72px, min(26vw, 13.5svh), 104px);gap:8px}.grid .label{max-width:none;font-size:14px;-webkit-line-clamp:1}.hub{padding-bottom:calc(var(--safe-bottom) + 108px)}.dock{bottom:calc(var(--safe-bottom) + 10px);gap:16px;padding:10px 16px;border-radius:20px}.dock .app{--icon: 50px}}@media(max-width:639px)and (max-height:600px){.widget>.label:first-child{display:none}.w-name{margin-top:0}}@media(min-width:640px){:root{--icon: 84px;--gutter: 48px}.home{max-width:680px}.grid{row-gap:32px}.app .label{font-size:14px}.dock{gap:22px;padding:12px 22px}}@media(min-width:768px){.topbar{height:88px;padding-inline:var(--gutter)}.topnav{display:flex;gap:30px;margin-left:22px}.topnav a{position:relative;padding:8px 0;font-size:15px;color:var(--muted);transition:color .15s}.topnav a:hover,.topnav a[aria-current=page]{color:var(--foreground)}.topnav a:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.topnav a:hover:after,.topnav a[aria-current=page]:after{transform:scaleX(1)}}@media(min-width:1024px)and (min-height:560px){:root{--icon: 92px;--gutter: 7.5rem}.hub{padding-bottom:150px}.home{max-width:860px;margin:auto;align-items:center;padding-top:12px}.widget,.section-label,.grid .app[data-app=portfolio]{display:none}.grid{display:flex;justify-content:center;gap:48px}.grid .app{width:auto}.app .label{max-width:calc(var(--icon) + 40px);-webkit-line-clamp:1}.to-portfolio{display:block;width:60px;height:88px;margin:14px 0 6px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:pop .5s var(--ease-out) backwards .3s}.portfolio-card{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;width:100%;padding:34px 38px;border:1px solid var(--border);border-radius:14px;background:var(--card);transition:border-color .2s;animation:pop .5s var(--ease-out) backwards .38s}.portfolio-card:hover{border-color:var(--accent)}.pc-title{margin:14px 0;font-family:var(--display);font-size:52px;font-weight:200;line-height:.9;letter-spacing:-.04em}.pc-title b{font-weight:500}.pc-sub{max-width:34rem;font-size:16px;line-height:1.45;color:var(--muted)}.pc-go{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent);transition:transform .3s var(--ease-out)}.portfolio-card:hover .pc-go{transform:translate(4px)}.pc-go svg{width:24px;height:24px;fill:none;stroke:var(--accent-foreground);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dock{bottom:18px;gap:14px;padding:10px 14px}.dock .app{--icon: 52px}.dock .icon{transform-origin:50% 100%}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.grid .app:hover .icon{transform:translateY(-4px)}.dock .app{position:relative}.dock .app:hover .icon{transform:translateY(-10px) scale(1.35)}.dock .app:has(+.app:hover) .icon,.dock .app:hover+.app .icon{transform:translateY(-4px) scale(1.14)}.dock .app:hover .label{left:50%;bottom:calc(100% + 30px);width:auto;height:auto;clip:auto;overflow:visible;max-width:none;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);font-family:var(--mono);font-size:11px;letter-spacing:.06em;transform:translate(-50%)}.dock .app:active .icon{transform:translateY(-10px) scale(1.25)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}