@charset "UTF-8";body,html{margin:0;padding:0;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}#app{font-family:Niramit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;animation:fadeInAnimation ease 2s;animation-fill-mode:forwards}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance}p{text-wrap:pretty}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}#nav-bar[data-v-43d51cba]{border-radius:var(--radius-pill);position:relative;z-index:0;display:flex;height:100%;justify-content:center;align-items:center}#nav-tabs[data-v-43d51cba]{display:flex;align-items:center;height:100%;flex:none;transform:translate(var(--tabs-offset, 0px));transition:transform var(--dur-slow) var(--ease-out)}.nav-button[data-v-43d51cba]{display:flex;justify-content:center;align-items:center;border:2px solid transparent;color:var(--bar-text);height:50%;margin:.4vw;padding:0 1.4vw;white-space:nowrap;background-color:transparent;cursor:pointer;border-radius:var(--radius-pill);transition:background-color var(--dur-med) ease,border-color var(--dur-med) ease;font-size:clamp(.8rem,2vh,1.05rem);font-weight:600;letter-spacing:.02em;font-family:Niramit,sans-serif}.nav-button.active[data-v-43d51cba]{border-color:var(--bar-accent)}.nav-button[data-v-43d51cba]:hover{background-color:var(--bar-accent-soft)}@media (max-width: 760px){.nav-button[data-v-43d51cba]{margin:.2vw;padding:0 1.6vw;font-size:clamp(.68rem,1.6vh,.85rem)}}#cover-banner[data-v-e9556fca]{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:10;height:11vh;--icon-inset: 5%;--condense-drop: 20px;--home-size: 9vh;--toggle-size: 5.5vh;--capsule-pad: 2vh;--capsule-gap: 1.5vh;--pill-width: calc(var(--tabs-width, 0px) + var(--home-size) + var(--toggle-size) + 2 * (var(--capsule-pad) + var(--capsule-gap)));--tabs-offset: 0px}#cover-banner.condensed[data-v-e9556fca]{--icon-inset: calc((100% - var(--pill-width)) / 2 + var(--capsule-pad));--tabs-offset: calc((var(--home-size) - var(--toggle-size)) / 2)}#cover-banner.mobile[data-v-e9556fca]{--home-size: 7vh;--toggle-size: 5vh}#cover-banner.mobile #appearance-button-container[data-v-e9556fca]{left:var(--icon-inset);right:auto}#menu-button-container[data-v-e9556fca]{right:var(--icon-inset)}#cover-banner[data-v-e9556fca]:before,#cover-banner .navigation-bar[data-v-e9556fca]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--bar-scrim);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}#cover-banner[data-v-e9556fca]:before{opacity:1;transition:opacity var(--dur-fast) var(--ease-out)}#cover-banner.condensed[data-v-e9556fca]:before{opacity:0;transition:opacity var(--dur-med) var(--ease-out)}#home-button-container[data-v-e9556fca],#appearance-button-container[data-v-e9556fca],#menu-button-container[data-v-e9556fca]{position:absolute;top:50%;z-index:2;transform:translateY(-50%);transition:left var(--dur-slow) var(--ease-out),right var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}#cover-banner.condensed #home-button-container[data-v-e9556fca],#cover-banner.condensed #appearance-button-container[data-v-e9556fca]{transform:translateY(calc(-50% + var(--condense-drop)))}#home-button-container[data-v-e9556fca]{left:var(--icon-inset)}#home-button[data-v-e9556fca]{background-color:transparent;height:var(--home-size);width:var(--home-size);padding:0;border:none;border-radius:50%;cursor:pointer;overflow:hidden;transition:transform var(--dur-fast) var(--ease-out)}#home-button[data-v-e9556fca]:active{transform:scale(.92)}#home-button[data-v-e9556fca]:hover{transform:scale(1.06)}#home-button-image[data-v-e9556fca]{width:100%;display:block}#cover-banner .navigation-bar[data-v-e9556fca]{width:0;margin-top:0;box-shadow:none;transition:width var(--dur-slow) var(--ease-out),margin var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) ease}#cover-banner.condensed .navigation-bar[data-v-e9556fca]{width:var(--pill-width);margin-top:calc(2 * var(--condense-drop));box-shadow:var(--shadow-lg)}#cover-banner .navigation-bar[data-v-e9556fca]:before{border-radius:inherit;opacity:0;transition:opacity var(--dur-med) var(--ease-out)}#cover-banner.condensed .navigation-bar[data-v-e9556fca]:before{opacity:1;transition:opacity var(--dur-fast) var(--ease-out)}#appearance-button-container[data-v-e9556fca]{right:var(--icon-inset)}#appearance-button[data-v-e9556fca]{background-color:transparent;width:var(--toggle-size);height:var(--toggle-size);padding:0;border:none;border-radius:50%;cursor:pointer;overflow:hidden;transition:transform var(--dur-fast) var(--ease-out)}#appearance-button[data-v-e9556fca]:active{transform:scale(.92)}#appearance-button[data-v-e9556fca]:hover{transform:scale(1.08)}#appearance-button-image[data-v-e9556fca]{width:100%;height:100%;display:block;color:var(--bar-text);transition:color var(--dur-slow) ease}#menu-button[data-v-e9556fca]{background-color:transparent;width:var(--toggle-size);height:var(--toggle-size);padding:0;border:none;border-radius:50%;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}#menu-button[data-v-e9556fca]:active{transform:scale(.92)}#menu-button[data-v-e9556fca]:hover{transform:scale(1.08)}#menu-button-image[data-v-e9556fca]{width:100%;height:100%;display:block;color:var(--bar-text);transition:color var(--dur-slow) ease}#menu-panel[data-v-e9556fca]{position:absolute;top:100%;right:var(--icon-inset);z-index:3;display:flex;flex-direction:column;min-width:44vw;padding:.6vh;border:1px solid var(--bar-accent-soft);border-radius:var(--radius-md);background-color:var(--bar-scrim);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:var(--shadow-lg);transform-origin:top right}.menu-item[data-v-e9556fca]{display:block;width:100%;border:2px solid transparent;padding:1.4vh 1.2vh;text-align:left;color:var(--bar-text);background-color:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--dur-med) ease,border-color var(--dur-med) ease;font-size:clamp(.85rem,2vh,1.05rem);font-weight:600;letter-spacing:.02em;font-family:Niramit,sans-serif}.menu-item.active[data-v-e9556fca]{border-color:var(--bar-accent)}.menu-item[data-v-e9556fca]:hover{background-color:var(--bar-accent-soft)}.menu-enter-active[data-v-e9556fca],.menu-leave-active[data-v-e9556fca]{transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.menu-enter-from[data-v-e9556fca],.menu-leave-to[data-v-e9556fca]{opacity:0;transform:translateY(-6px) scale(.96)}.horizontal-divider[data-v-c85e5c52]{width:100%;display:flex;justify-content:center}.divider-body[data-v-c85e5c52]{width:0%;height:3px;border-radius:var(--radius-pill);transition:width 1s var(--ease-out);background:linear-gradient(to right,transparent 0%,var(--accent) 15%,var(--accent) 85%,transparent 100%)}.divider-body.scrolled-over[data-v-c85e5c52]{width:85%}#upper-section[data-v-359ea0cd]{padding-top:15vh;width:100%;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.upper-img-frame[data-v-359ea0cd]{position:relative;width:30%;max-width:420px;aspect-ratio:1/1;margin:0 auto}.upper-img[data-v-359ea0cd]{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));opacity:0;transition:opacity var(--dur-med) var(--ease-out)}.upper-img--ready[data-v-359ea0cd]{opacity:1}#upper-section picture[data-v-359ea0cd]{display:contents}.cover-skeleton[data-v-359ea0cd]{border-radius:50%;transition:opacity var(--dur-med) var(--ease-out)}.cover-skeleton--gone[data-v-359ea0cd]{opacity:0}.name[data-v-359ea0cd]{margin:50px 0 0;font-size:clamp(2.75rem,8vw,7rem);line-height:1.05;font-weight:600;letter-spacing:-.03em}.header[data-v-359ea0cd]{margin:.35em 0 0;padding-bottom:50px;font-size:clamp(1.25rem,4vw,3rem);line-height:1.2;font-weight:300;letter-spacing:.06em;text-transform:uppercase;color:var(--highlight)}#middle-section[data-v-359ea0cd]{background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease;width:100%}.text-section[data-v-359ea0cd]{font-family:Outfit,sans-serif;line-height:1.6;width:100%;font-size:clamp(1.05rem,1.6vw,1.5rem);font-weight:300}p[data-v-359ea0cd]{max-width:62ch;margin:0 auto;padding:4rem 6vw}.lower-icon[data-v-359ea0cd]{height:50px;width:50px;position:absolute;transition:transform var(--dur-med) var(--ease-out),opacity var(--dur-med) var(--ease-out);opacity:0;margin-bottom:-150px}#lower-section[data-v-359ea0cd]{display:flex;justify-content:center;width:100%;padding-top:10vh;padding-bottom:10vh;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.panel[data-v-359ea0cd]{display:flex;width:28%;height:40vh;border:2px solid var(--accent);margin:2vw;justify-content:center;align-items:center;background-color:transparent;cursor:pointer;border-radius:var(--radius-xl);transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),background-color var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out);color:var(--text);font-family:Niramit,sans-serif}.panel h1[data-v-359ea0cd]{font-size:clamp(1.35rem,2.2vw,2.1rem);font-weight:500;letter-spacing:.01em;margin:0;transition:transform var(--dur-med) var(--ease-out)}.panel[data-v-359ea0cd]:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);background-color:var(--accent-soft);border-color:var(--accent-strong)}.panel:hover h1[data-v-359ea0cd]{transform:translateY(-10px)}.panel:hover .lower-icon[data-v-359ea0cd]{transform:translateY(-15px);opacity:1}.panel[data-v-359ea0cd]:active{transform:translateY(-2px)}.about[data-v-e377e449]{width:100%;height:100%;font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.hero[data-v-e377e449]{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;font-size:2em;position:relative;overflow:hidden}.hero-image[data-v-e377e449]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity var(--dur-med) var(--ease-out)}.hero-image--ready[data-v-e377e449]{opacity:1}.hero-image--hidden[data-v-e377e449]{visibility:hidden}.hero-grain[data-v-e377e449]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity var(--dur-med) var(--ease-out)}.hero-grain--ready[data-v-e377e449]{opacity:1}.hero-skeleton[data-v-e377e449]{transition:opacity var(--dur-med) var(--ease-out)}.hero-skeleton--gone[data-v-e377e449]{opacity:0}#title[data-v-e377e449]{font-size:3em;text-shadow:0 2px 12px rgba(0,0,0,.55);z-index:2}.hero-heading[data-v-e377e449]{font-size:clamp(2rem,6vw,5rem);font-weight:400;line-height:1.1;margin:0;color:var(--light-color)}.hero-rule[data-v-e377e449]{width:30vw;margin:.25em auto 0;background:linear-gradient(var(--indigo-300),var(--indigo-300)) 0 0/4px 100% no-repeat,linear-gradient(var(--indigo-300),var(--indigo-300)) 9px 0/4px 100% no-repeat,linear-gradient(to right,var(--indigo-300),var(--indigo-400)) 18px 0/ calc(100% - 18px) 100% no-repeat}.content[data-v-e377e449]{padding:4em 2em;max-width:1100px;margin:0 auto;color:var(--text)}.content article[data-v-e377e449]{margin:1.75em 0;padding:1.75em 2em;text-align:left;border-radius:var(--radius-lg);border:2px solid var(--accent);transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),background-color var(--dur-med) var(--ease-out)}.content article h2[data-v-e377e449]{font-size:1.6em;font-family:Niramit,sans-serif;font-weight:600;margin:0 0 .5em;line-height:1.2;color:var(--accent-strong)}.content article p[data-v-e377e449]{font-size:1.25em;line-height:1.65;font-weight:300;max-width:68ch;margin:0}.content .slogan[data-v-e377e449]{text-align:center;font-size:clamp(1.75rem,5vw,3.25rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--highlight);font-family:Niramit,sans-serif;margin-top:1.5em}.panel[data-v-fc620611]{display:flex;flex-direction:row;align-items:center;gap:2vw;padding:2.5vh 30px;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--panel-bg, transparent);overflow:hidden;cursor:pointer;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out);margin-bottom:50px}.panel[data-v-fc620611]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.tint-indigo[data-v-fc620611]{--panel-bg: var(--tint-indigo)}.tint-azure[data-v-fc620611]{--panel-bg: var(--tint-azure)}.tint-steel[data-v-fc620611]{--panel-bg: var(--tint-steel)}.panel-body[data-v-fc620611]{width:58%;text-align:left}.panel-media[data-v-fc620611]{position:relative;display:flex;align-items:center;justify-content:center;width:42%;height:27vh}.panel--flipped[data-v-fc620611]{flex-direction:row-reverse}.panel--flipped .panel-body[data-v-fc620611]{text-align:right}.panel--flipped .panel-meta[data-v-fc620611]{justify-content:flex-end}.panel--mobile .panel-body[data-v-fc620611]{width:100%}.panel-title[data-v-fc620611]{font-size:clamp(1.6rem,2.6vw,2.5rem);font-weight:600;line-height:1.15;margin:0}.panel-skills[data-v-fc620611]{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;list-style:none;padding:0;margin:.75rem 0 0}.panel--flipped .panel-skills[data-v-fc620611]{justify-content:flex-end}.skill-pill[data-v-fc620611]{font-family:Outfit,sans-serif;font-weight:400;font-size:clamp(.75rem,1.1vw,.9rem);letter-spacing:.03em;color:var(--text);background-color:transparent;border:1px solid currentColor;border-radius:var(--radius-pill);padding:.25em .85em;white-space:nowrap}.panel-meta[data-v-fc620611]{display:flex;justify-content:flex-start;align-items:center;gap:.25rem;width:100%;margin-top:.75rem}.panel-date[data-v-fc620611]{font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0}.info[data-v-fc620611]{font-family:Outfit,sans-serif;font-weight:300;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.6}.external-link[data-v-fc620611]{height:1.5em;width:1.5em;cursor:pointer;margin-right:1vw;opacity:.8;transition:opacity var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.external-link[data-v-fc620611]:hover{opacity:1;transform:translate(2px,-2px)}.panel-image[data-v-fc620611]{max-height:100%;max-width:100%;border-radius:var(--radius-md);object-fit:cover;opacity:0;transition:opacity var(--dur-med) var(--ease-out)}.panel-image--ready[data-v-fc620611]{opacity:1}.panel-image-skeleton[data-v-fc620611]{border-radius:var(--radius-md)}.projects[data-v-ec1abe7e]{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.title[data-v-ec1abe7e]{margin:20vh 0 0;font-size:clamp(3rem,9vw,8rem);font-weight:200;line-height:1;letter-spacing:-.02em}.frame-wrapper[data-v-ec1abe7e]{display:flex;justify-content:center;height:3vh;width:70vw;margin-bottom:8vh;margin-top:4vh}.frame-wrapper .rule[data-v-ec1abe7e]{width:100%;margin-top:.5em}.panels-wrapper[data-v-ec1abe7e]{width:65vw;margin-bottom:80px}.contact[data-v-e4f14085]{height:100vh;display:flex;flex-direction:column;justify-content:center;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.title[data-v-e4f14085]{display:flex;flex-direction:column;justify-content:center;height:20vh;position:relative;top:6vh;margin-top:0vh;margin-left:40%}.title-heading[data-v-e4f14085]{font-size:clamp(3rem,8vw,7rem);font-weight:200;line-height:1;letter-spacing:-.02em;margin:0}.title-rule[data-v-e4f14085]{width:30vw;margin-left:10vw;margin-top:1em}.paper-airplane[data-v-e4f14085]{position:fixed;width:50vw;height:auto;transform:rotate(45deg);margin-left:10vw}.link-wrapper[data-v-e4f14085]{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:60vh;width:40%;margin-top:5%;margin-left:45%;z-index:1}.link-slot[data-v-e4f14085]{position:relative;display:flex;justify-content:flex-end;height:100px;width:100%}.toast-anchor[data-v-e4f14085]{position:fixed;z-index:2;pointer-events:none}.toast-anchor--side .copied-toast[data-v-e4f14085]{transform:translateY(-50%)}.toast-anchor--below .copied-toast[data-v-e4f14085]{transform:translate(-100%)}.copied-toast[data-v-e4f14085]{display:inline-block;padding:6px 16px;font-size:1rem;font-weight:500;white-space:nowrap;color:inherit;background-color:transparent;border:1px solid currentColor;border-radius:var(--radius-pill)}.toast-enter-active[data-v-e4f14085]{transition:opacity var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.toast-leave-active[data-v-e4f14085]{transition:opacity var(--dur-slow) ease,transform var(--dur-slow) var(--ease-out)}.toast-enter-from[data-v-e4f14085],.toast-leave-to[data-v-e4f14085]{opacity:0;transform:translate(-8px)}.link-pill[data-v-e4f14085]{display:grid;grid-template-columns:auto 0fr;align-items:center;justify-content:center;height:100%;width:100px;max-width:max-content;padding:0 26px;color:var(--on-accent);font:inherit;text-align:left;text-decoration:none;background-color:var(--accent-fill);border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-sm);transition:width var(--dur-slow) var(--ease-out),grid-template-columns var(--dur-slow) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),background-color var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}@media (hover: hover) and (pointer: fine){.link-pill[data-v-e4f14085]:hover,.link-pill[data-v-e4f14085]:focus-visible{width:100%;grid-template-columns:auto 1fr;background-color:var(--accent-fill-hover);box-shadow:var(--shadow-lg);border-color:var(--accent-strong)}}.pill-icon[data-v-e4f14085]{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.pill-icon[data-v-e4f14085] svg{width:100%;height:100%;display:block}.pill-label[data-v-e4f14085]{min-width:0;overflow:hidden}.pill-lines[data-v-e4f14085]{display:flex;flex-direction:column;padding:6px 0 6px 18px;opacity:0;transition:opacity var(--dur-fast) ease}@media (hover: hover) and (pointer: fine){.link-pill:hover .pill-lines[data-v-e4f14085],.link-pill:focus-visible .pill-lines[data-v-e4f14085]{opacity:1;transition:opacity var(--dur-med) ease var(--dur-fast)}}.pill-line[data-v-e4f14085]{font-size:clamp(1.5rem,2.6vw,2.35rem);font-weight:500;line-height:1.25;letter-spacing:-.01em;white-space:nowrap}.link-pill--stacked .pill-line[data-v-e4f14085]{font-size:clamp(1rem,1.6vw,1.375rem);line-height:1.4}@media (max-width: 700px){.link-slot[data-v-e4f14085]{height:68px}.link-pill[data-v-e4f14085]{width:68px;padding:0 10px}.pill-icon[data-v-e4f14085]{width:44px;height:44px}.pill-lines[data-v-e4f14085]{padding:3px 0 3px 10px}.pill-line[data-v-e4f14085]{font-size:clamp(.875rem,3.6vw,1.25rem)}.link-pill--stacked .pill-line[data-v-e4f14085]{font-size:clamp(.6875rem,2.6vw,.875rem)}.copied-toast[data-v-e4f14085]{padding:4px 10px;font-size:.8125rem}}.resume[data-v-274f3d8e]{min-height:100vh;padding-bottom:8vh;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.resume-column[data-v-274f3d8e]{width:60vw;margin:0 auto;text-align:left}.page-head[data-v-274f3d8e]{margin:16vh 0 0}.page-title[data-v-274f3d8e]{font-size:clamp(3rem,8vw,7rem);font-weight:200;line-height:1;letter-spacing:-.02em;margin:0}.page-head .rule[data-v-274f3d8e]{width:min(460px,60%);margin:1em 0 1.6em}.actions[data-v-274f3d8e]{display:flex;flex-wrap:wrap;gap:12px}.action[data-v-274f3d8e]{display:inline-flex;align-items:center;gap:10px;padding:11px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.01em;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-pill);transition:box-shadow var(--dur-med) var(--ease-out),background-color var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.action-icon[data-v-274f3d8e]{width:18px;height:18px;flex-shrink:0}.action--primary[data-v-274f3d8e]{color:var(--on-accent);background-color:var(--accent-fill);box-shadow:var(--shadow-sm)}@media (hover: hover) and (pointer: fine){.action[data-v-274f3d8e]:hover{transform:translateY(-2px)}.action--primary[data-v-274f3d8e]:hover{background-color:var(--accent-fill-hover);border-color:var(--accent-strong);box-shadow:var(--shadow-md)}}.viewer[data-v-274f3d8e]{display:flex;flex-direction:column;gap:24px;margin-top:4vh}.page[data-v-274f3d8e]{position:relative;width:100%;background-color:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.page canvas[data-v-274f3d8e]{display:block;width:100%;height:100%}.page-link[data-v-274f3d8e]{position:absolute;border-radius:3px}.page-link[data-v-274f3d8e]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fallback[data-v-274f3d8e]{margin:4vh 0 0;font-family:Outfit,sans-serif;font-size:1.1rem;line-height:1.6}.fallback a[data-v-274f3d8e]{color:var(--accent)}@media (max-width: 700px){.resume-column[data-v-274f3d8e]{width:92vw}.actions[data-v-274f3d8e]{flex-direction:column}.action[data-v-274f3d8e]{justify-content:center;padding:14px 24px}}.note[data-v-8e0d3769]{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px 28px;width:100%;padding:22px 26px;text-align:left;color:inherit;font:inherit;text-decoration:none;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}div.note[data-v-8e0d3769]{cursor:default}.note[data-v-8e0d3769]:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--category) 55%,transparent);box-shadow:var(--shadow-lg)}div.note[data-v-8e0d3769]:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow-sm)}.note[data-category=musings][data-v-8e0d3769],.note-pill[data-category=musings][data-v-8e0d3769]{--category: var(--cat-musings)}.note[data-category=art][data-v-8e0d3769],.note-pill[data-category=art][data-v-8e0d3769]{--category: var(--cat-art)}.note[data-category=software][data-v-8e0d3769],.note-pill[data-category=software][data-v-8e0d3769]{--category: var(--cat-software)}.note-head[data-v-8e0d3769]{grid-column:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.note-pills[data-v-8e0d3769]{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px}.note-pill[data-v-8e0d3769]{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--category);padding:3px 10px;border:1px solid color-mix(in srgb,var(--category) 45%,transparent);border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--category) 12%,transparent)}.note-title[data-v-8e0d3769]{font-family:Outfit,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:500;line-height:1.2;color:var(--text-strong);margin:0}.info[data-v-8e0d3769]{font-family:Outfit,sans-serif;font-weight:300}.note-body[data-v-8e0d3769]{grid-column:1;max-width:74ch;margin:6px 0 0;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.6}.note[data-format=markdown] .note-body[data-v-8e0d3769]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-side[data-v-8e0d3769]{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:116px}.note-date[data-v-8e0d3769]{font-family:Outfit,sans-serif;font-size:.9rem;letter-spacing:.04em;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.note-action[data-v-8e0d3769]{display:inline-flex;align-items:center;gap:7px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;color:var(--text-muted);white-space:nowrap;transition:color var(--dur-med) var(--ease-out)}.note:hover .note-action[data-v-8e0d3769]{color:var(--text-strong)}.action-glyph[data-v-8e0d3769]{display:inline-flex;transition:transform var(--dur-med) var(--ease-out)}.action-glyph--icon[data-v-8e0d3769]{width:1.1em;height:1.1em}.note:hover .action-glyph[data-v-8e0d3769]{transform:translate(3px)}.note[data-format=short]:hover .action-glyph[data-v-8e0d3769]{transform:translate(2px,-2px)}@media (max-width: 700px){.note[data-v-8e0d3769]{grid-template-columns:1fr;padding:20px}.note-side[data-v-8e0d3769]{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-top:4px}.note[data-format=markdown] .note-body[data-v-8e0d3769]{-webkit-line-clamp:3}}.notes[data-v-4164e02e]{display:flex;justify-content:center;width:100%;min-height:100vh;padding-bottom:80px;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.notes-column[data-v-4164e02e]{width:min(1100px,86vw);text-align:left}.page-head[data-v-4164e02e]{margin:20vh 0 0;max-width:60ch}.page-title[data-v-4164e02e]{font-size:clamp(3rem,9vw,8rem);font-weight:200;line-height:1;letter-spacing:-.02em;margin:0}.page-head .rule[data-v-4164e02e]{width:min(460px,60%);margin:1em 0 1.4em}.page-sub[data-v-4164e02e]{font-family:Outfit,sans-serif;font-weight:300;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;color:var(--text-muted);margin:0}.categories[data-v-4164e02e]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:6vh 0 1.5vh;padding:14px 0}.chip[data-v-4164e02e]{--category-hover: color-mix(in srgb, var(--category) 84%, var(--text));display:inline-flex;align-items:center;gap:8px;padding:7px 16px;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:500;color:var(--text);background-color:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.chip[data-v-4164e02e]:hover{color:var(--category);border-color:var(--category)}.chip[aria-pressed=true][data-v-4164e02e]{color:var(--cat-on);background-color:var(--category);border-color:var(--category)}.chip[aria-pressed=true][data-v-4164e02e]:hover{background-color:var(--category-hover);border-color:var(--category-hover)}.chip-dot[data-v-4164e02e]{width:8px;height:8px;border-radius:50%;background-color:var(--category)}.chip[data-category=musings][data-v-4164e02e]{--category: var(--cat-musings)}.chip[data-category=art][data-v-4164e02e]{--category: var(--cat-art)}.chip[data-category=software][data-v-4164e02e]{--category: var(--cat-software)}.chip[aria-pressed=true] .chip-dot[data-v-4164e02e]{background-color:var(--cat-on)}.chip-count[data-v-4164e02e]{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.chip[aria-pressed=true] .chip-count[data-v-4164e02e]{color:color-mix(in srgb,var(--cat-on) 72%,transparent)}.shown-count[data-v-4164e02e]{margin:0 0 0 auto;font-family:Outfit,sans-serif;font-size:.88rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.list[data-v-4164e02e]{display:flex;flex-direction:column;gap:14px}.empty[data-v-4164e02e]{padding:56px 26px;font-family:Outfit,sans-serif;font-weight:300;text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.empty-reset[data-v-4164e02e]{padding:0;font-family:inherit;font-weight:600;color:var(--accent);background:none;border:0;cursor:pointer;text-underline-offset:3px}.empty-reset[data-v-4164e02e]:hover{text-decoration:underline}@media (max-width: 700px){.page-head[data-v-4164e02e]{margin-top:16vh}.shown-count[data-v-4164e02e]{margin-left:0;width:100%}}.note-page[data-v-927d6a0d]{display:flex;justify-content:center;width:100%;min-height:100vh;padding-bottom:90px;background-color:var(--bg);color:var(--text);transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease}.note-column[data-v-927d6a0d]{width:min(72ch,86vw);margin-top:18vh;text-align:left}.back-link[data-v-927d6a0d]{display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:var(--accent);text-decoration:none}.back-glyph[data-v-927d6a0d]{transition:transform var(--dur-med) var(--ease-out)}.back-link:hover .back-glyph[data-v-927d6a0d]{transform:translate(-3px)}.note-meta[data-v-927d6a0d]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:3vh;font-family:Outfit,sans-serif;font-size:.88rem;color:var(--text-muted)}.note-pill[data-category=musings][data-v-927d6a0d]{--category: var(--cat-musings)}.note-pill[data-category=art][data-v-927d6a0d]{--category: var(--cat-art)}.note-pill[data-category=software][data-v-927d6a0d]{--category: var(--cat-software)}.note-pill[data-v-927d6a0d]{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--category);padding:3px 10px;border:1px solid color-mix(in srgb,var(--category) 45%,transparent);border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--category) 12%,transparent)}.note-date[data-v-927d6a0d],.note-read[data-v-927d6a0d]{letter-spacing:.04em;font-variant-numeric:tabular-nums}.note-title[data-v-927d6a0d]{font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:200;line-height:1.05;letter-spacing:-.02em;margin:.4em 0 0}.note-column .rule[data-v-927d6a0d]{width:min(320px,50%);margin:1.2em 0 0}.prose[data-v-927d6a0d]{margin-top:4vh;font-family:Outfit,sans-serif;font-weight:300;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.75}.prose[data-v-927d6a0d] p{margin:0 0 1.4em}.prose[data-v-927d6a0d] h2{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:400;line-height:1.2;margin:2.2em 0 .7em;color:var(--text-strong)}.prose[data-v-927d6a0d] h3{font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:500;margin:1.8em 0 .6em;color:var(--text-strong)}.prose[data-v-927d6a0d] strong{font-weight:600;color:var(--text-strong)}.prose[data-v-927d6a0d] a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose[data-v-927d6a0d] a:hover{color:var(--accent-strong)}.prose[data-v-927d6a0d] ul,.prose[data-v-927d6a0d] ol{padding-left:1.3em;margin:0 0 1.4em}.prose[data-v-927d6a0d] li{margin:.4em 0}.prose[data-v-927d6a0d] li::marker{color:var(--accent)}.prose[data-v-927d6a0d] blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--highlight);color:var(--text-muted);font-style:italic}.prose[data-v-927d6a0d] code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;padding:.15em .4em;background-color:var(--accent-softer);border:1px solid var(--border);border-radius:var(--radius-sm)}.prose[data-v-927d6a0d] pre{overflow-x:auto;padding:18px 20px;margin:0 0 1.6em;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.prose[data-v-927d6a0d] pre code{padding:0;border:0;background:none}.prose[data-v-927d6a0d] img{border-radius:var(--radius-md)}.prose[data-v-927d6a0d] hr{height:1px;border:0;margin:2.4em 0;background-color:var(--border)}.note-foot[data-v-927d6a0d]{margin-top:6vh;padding-top:3vh;border-top:1px solid var(--border)}@media (max-width: 700px){.note-column[data-v-927d6a0d]{margin-top:15vh}}.not-found[data-v-af660a66]{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg);color:var(--text);text-align:center;font-family:Niramit,sans-serif}.content[data-v-af660a66]{max-width:600px;padding:20px}.error-code[data-v-af660a66]{font-size:clamp(5rem,18vw,9rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--highlight);margin:0}.message[data-v-af660a66]{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:300;line-height:1.5;margin:24px 0 0;color:var(--text)}.home-link[data-v-af660a66]{display:inline-block;margin-top:32px;padding:12px 28px;font-size:1rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--on-accent);background-color:var(--accent-fill);border:2px solid transparent;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-med) var(--ease-out),background-color var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.home-link[data-v-af660a66]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:var(--accent-fill-hover);border-color:var(--accent-strong)}:root{--dark-color: #1b1b1b;--light-color: #bebebe;--indigo-color: #3a4198;--steel-color: #657cb1;--indigo-900: #1e2145;--indigo-800: #262b60;--indigo-700: #2e3477;--indigo-600: #3a4198;--indigo-500: #4b54b8;--indigo-400: #6b74d4;--indigo-300: #9aa1e8;--steel-800: #23304d;--steel-700: #32436c;--steel-600: #465c91;--steel-500: #657cb1;--steel-400: #869ccb;--steel-300: #a8bae1;--steel-200: #cbd7f1;--azure-700: #1b5470;--azure-400: #5aa8cc;--tint-indigo: color-mix(in srgb, var(--indigo-color) 20%, var(--bg));--tint-azure: color-mix(in srgb, #2f7fa6 20%, var(--bg));--tint-steel: color-mix(in srgb, var(--steel-color) 20%, var(--bg));--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 4px 12px rgba(0, 0, 0, .26), 0 1px 3px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .22);--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-fast: .18s;--dur-med: .3s;--dur-slow: .5s}:root,:root[data-theme=dark]{--bg: var(--dark-color);--bg-raised: #232323;--text: var(--light-color);--text-strong: #e6e6e6;--text-muted: rgba(190, 190, 190, .62);--border: rgba(190, 190, 190, .14);--border-strong: rgba(190, 190, 190, .3);--accent: var(--indigo-400);--accent-strong: var(--indigo-300);--accent-fill: var(--indigo-600);--accent-fill-hover: var(--indigo-500);--on-accent: #eef0ff;--accent-soft: rgba(107, 116, 212, .16);--accent-softer: rgba(107, 116, 212, .08);--highlight: var(--steel-500);--highlight-strong: var(--steel-400);--bar-bg: var(--light-color);--bar-text: var(--dark-color);--bar-scrim: rgba(190, 190, 190, .8);--bar-accent: var(--indigo-600);--bar-accent-soft: rgba(58, 65, 152, .3);--cat-musings: var(--indigo-300);--cat-art: var(--steel-400);--cat-software: var(--azure-400);--cat-on: var(--dark-color)}:root[data-theme=light]{--bg: #cbcbcb;--bg-raised: #d6d6d6;--text: var(--dark-color);--text-strong: #101010;--text-muted: rgba(27, 27, 27, .66);--border: rgba(27, 27, 27, .16);--border-strong: rgba(27, 27, 27, .32);--accent: var(--indigo-600);--accent-strong: var(--indigo-700);--accent-fill: var(--indigo-600);--accent-fill-hover: var(--indigo-700);--on-accent: #eef0ff;--accent-soft: rgba(58, 65, 152, .14);--accent-softer: rgba(58, 65, 152, .07);--highlight: var(--steel-700);--highlight-strong: var(--steel-800);--bar-bg: var(--dark-color);--bar-text: var(--light-color);--bar-scrim: rgba(27, 27, 27, .8);--bar-accent: var(--indigo-400);--bar-accent-soft: rgba(107, 116, 212, .34);--cat-musings: var(--indigo-700);--cat-art: var(--steel-700);--cat-software: var(--azure-700);--cat-on: #eef0ff}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{overflow-x:hidden;text-rendering:optimizeLegibility}::selection{background-color:var(--accent-fill);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px;border-radius:var(--radius-sm)}button{font:inherit;color:inherit}img{max-width:100%}.rule{display:block;height:4px;border:0;background:linear-gradient(var(--accent),var(--accent)) 0 0 / 4px 100% no-repeat,linear-gradient(var(--accent),var(--accent)) 9px 0 / 4px 100% no-repeat,linear-gradient(to right,var(--accent),var(--accent-strong)) 18px 0 / calc(100% - 18px) 100% no-repeat}.rule--reverse{transform:scaleX(-1)}.image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(100deg,var(--accent-softer) 20%,var(--accent-soft) 40%,var(--accent-softer) 60%);background-size:250% 100%;animation:image-shimmer 1.5s ease-in-out infinite}@keyframes image-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--accent);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-strong)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}