:root,:root[data-theme=dark]{--bg: #0d0f17;--bg-1: #11131c;--bg-2: #161824;--bg-3: #1b1e2c;--bg-active: #232636;--bg-hover: rgba(165, 180, 252, .06);--line: #1d2030;--line-soft: rgba(255, 255, 255, .045);--line-strong: #2a2e44;--text: #dde1f5;--text-dim: #a0a4bc;--muted: #6e7290;--comment: #545775;--kw: #a5b4fc;--string: #a6e3a1;--number: #fab387;--fn: #89b4fa;--ty: #94e2d5;--prop: #7dd3fc;--var: #dde1f5;--op: #9aa0bb;--punct: #7e84a3;--link: #89b4fa;--green: #a6e3a1;--yellow: #f9e2af;--red: #ef6b6b;--shadow: rgba(0, 0, 0, .45);--shadow-deep: rgba(0, 0, 0, .6);--noise-blend: overlay;color-scheme:dark}:root{--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Inter", system-ui, -apple-system, "Helvetica Neue", sans-serif;--chrome-h: 76px;--status-h: 28px;--sidebar-w: 248px;--max-w: 1100px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-fast: cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg: #eff1f5;--bg-1: #e6e9ef;--bg-2: #dce0e8;--bg-3: #ccd0da;--bg-active: #bcc0cc;--bg-hover: rgba(79, 70, 229, .05);--line: #d2d5dc;--line-soft: rgba(0, 0, 0, .045);--line-strong: #b8bcc6;--text: #3c3f54;--text-dim: #5c5f77;--muted: #8c8fa1;--comment: #9ca0b0;--kw: #4f46e5;--string: #2c8a1f;--number: #c2410c;--fn: #2563eb;--ty: #0f766e;--prop: #0284c7;--var: #3c3f54;--op: #5c5f77;--punct: #6c6f85;--link: #1e66f5;--green: #40a02b;--yellow: #df8e1d;--red: #b91c1c;--shadow: rgba(76, 79, 105, .12);--shadow-deep: rgba(76, 79, 105, .18);--noise-blend: multiply;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{font-family:var(--mono);font-size:13px;line-height:1.8;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .4s var(--ease),color .4s var(--ease)}.chrome,.chrome__bar,.chrome__tab,.sidebar,.sidebar__file,.sidebar__user-name,.sidebar__foot,.statusbar,.statusbar__item,.file__head,.code,.ln,.cta,.work-entry,.work-entry__tech,.stack-card,.stack-card__items li,.ch__link,.ch__arrow,.md-table,.md-table__row,.md-list code,.md-p code,.md-quote,.toast,.mini__surface,.mini__chrome,.mini__body,.mini__hint,.mini__hint-key,.theme-toggle,.hero__rotate,.status-pill,.work-entry__live,.chrome__action,.chrome__menu{transition:background-color .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}a{color:inherit;text-decoration:none}::selection{background:#a5b4fc47;color:var(--text)}:root[data-theme=light] ::selection{background:#4f46e538}:focus-visible{outline:1px solid var(--kw);outline-offset:2px;border-radius:2px}ul,ol{list-style:none}button{font:inherit;background:none;border:none;color:inherit;cursor:pointer}img{max-width:100%;display:block}.skip-link{position:absolute;left:-9999px;z-index:999;padding:.5rem 1rem;background:var(--kw);color:var(--bg);border-radius:4px;font-family:var(--mono);font-size:11px}.skip-link:focus{left:1rem;top:1rem}.app{min-height:100dvh;display:flex;flex-direction:column;position:relative}.app__body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;flex:1;margin-top:var(--chrome-h);margin-bottom:var(--status-h);min-height:calc(100dvh - var(--chrome-h) - var(--status-h))}.app__main{min-width:0;background:var(--bg);border-left:1px solid var(--line)}@media(max-width:900px){.app__body{grid-template-columns:1fr}.app__main{border-left:none}}.chrome{position:fixed;top:0;left:0;right:0;z-index:90;height:var(--chrome-h);background:var(--bg-1);border-bottom:1px solid var(--line);display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.chrome__bar{height:38px;display:flex;align-items:center;padding:0 14px;gap:14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.chrome__dots{display:flex;gap:7px;align-items:center}.chrome__dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.25);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .18s var(--ease-fast),transform .12s var(--ease-fast);position:relative}.chrome__dot:hover{filter:brightness(1.15)}.chrome__dot:active{transform:scale(.92)}.chrome__dot--red{background:#ff5f57}.chrome__dot--yellow{background:#ffbd2e}.chrome__dot--green{background:#28c840}.chrome__dot-glyph{opacity:0;transition:opacity .18s var(--ease-fast)}.chrome__dots:hover .chrome__dot-glyph{opacity:1}.chrome__dot:focus-visible{outline:2px solid var(--text);outline-offset:2px}.chrome__menu{display:none;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;color:var(--text-dim);transition:background .2s var(--ease-fast)}.chrome__menu:hover{background:var(--bg-3);color:var(--text)}.chrome__title{flex:1;text-align:center;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em}.chrome__title-path{color:var(--text-dim)}.chrome__title-sep{color:var(--muted);opacity:.5}.chrome__title-branch{display:inline-flex;align-items:center;gap:5px;color:var(--kw);font-weight:500}.chrome__actions{display:flex;gap:4px;color:var(--muted)}.chrome__action{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;transition:background .18s var(--ease-fast),color .18s var(--ease-fast)}.chrome__action:hover{background:var(--bg-3);color:var(--text)}.chrome__action:active{transform:scale(.92)}.chrome__tabs{display:flex;align-items:stretch;height:38px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.chrome__tabs::-webkit-scrollbar{display:none}.chrome__tab{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:100%;font-family:var(--mono);font-size:12px;color:var(--muted);border-right:1px solid var(--line);background:var(--bg-1);transition:color .2s var(--ease-fast),background .2s var(--ease-fast);position:relative;white-space:nowrap;border-top:2px solid transparent}.chrome__tab:hover{color:var(--text-dim);background:var(--bg-2)}.chrome__tab--active{color:var(--text);background:var(--bg);border-top-color:var(--kw)}.chrome__tab-icon{font-size:10.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-width:16px;letter-spacing:-.01em}.chrome__tab-icon--tsx{color:var(--fn)}.chrome__tab-icon--ts{color:#3178c6}.chrome__tab-icon--md{color:var(--text-dim)}.chrome__tab-icon--json{color:var(--number)}.chrome__tab-icon--config{color:var(--ty)}.chrome__tab-icon--png{color:var(--prop)}.chrome__tab-dot{display:none;width:6px;height:6px;border-radius:50%;background:var(--text-dim);margin-left:2px;opacity:.4}@media(max-width:900px){.chrome__menu{display:inline-flex}.chrome__title-path,.chrome__title-sep{display:none}.chrome__title{text-align:left;justify-content:flex-start}}@media(max-width:600px){.chrome__actions{display:none}.chrome__tab{padding:0 10px;font-size:11px}}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);font-family:var(--mono);font-size:12.5px;padding:14px 0 0;position:sticky;top:var(--chrome-h);height:calc(100dvh - var(--chrome-h) - var(--status-h));overflow-y:auto;display:flex;flex-direction:column;z-index:50}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.sidebar__head{padding:4px 14px 12px;display:flex;justify-content:space-between;align-items:center}.sidebar__head-label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.sidebar__close{display:none;font-size:18px;color:var(--text-dim);width:22px;height:22px;border-radius:4px;line-height:1}.sidebar__close:hover{background:var(--bg-3);color:var(--text)}.sidebar__group{flex:1;padding:0 8px}.sidebar__folder{display:flex;align-items:center;gap:6px;padding:4px 6px;color:var(--text-dim);font-size:12.5px;font-weight:500;cursor:default;-webkit-user-select:none;user-select:none}.sidebar__folder svg{transition:transform .2s var(--ease-fast);color:var(--muted)}.sidebar__folder--open svg{transform:rotate(90deg);color:var(--kw)}.sidebar__sub{margin-left:8px;padding-left:8px;border-left:1px solid var(--line)}.sidebar__files{display:flex;flex-direction:column;margin-top:2px}.sidebar__file{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border-radius:4px;color:var(--text-dim);font-size:12.5px;font-family:var(--mono);text-align:left;transition:background .18s var(--ease-fast),color .18s var(--ease-fast);position:relative}.sidebar__file:hover{background:var(--bg-3);color:var(--text)}.sidebar__file--active{background:var(--bg-active);color:var(--text)}.sidebar__file--active:before{content:"";position:absolute;left:-8px;top:5px;bottom:5px;width:2px;background:var(--kw);border-radius:2px}.sidebar__file--meta{color:var(--muted);cursor:default;margin-left:8px}.sidebar__file--meta:hover{background:transparent;color:var(--text-dim)}.sidebar__file-icon{font-size:10px;font-weight:700;min-width:18px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.02em}.sidebar__file-icon--tsx{color:var(--fn)}.sidebar__file-icon--ts{color:#3178c6}.sidebar__file-icon--md{color:var(--text-dim)}.sidebar__file-icon--json{color:var(--number)}.sidebar__file-icon--config{color:var(--ty)}.sidebar__file-icon--png{color:var(--prop)}.sidebar__file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__foot{padding:12px 14px;border-top:1px solid var(--line);background:var(--bg-2)}.sidebar__user{display:flex;align-items:center;gap:10px}.sidebar__user-avatar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kw),var(--fn));color:var(--bg);font-size:10px;font-weight:700;border-radius:6px;letter-spacing:.04em}.sidebar__user-name{font-size:12px;color:var(--text);font-weight:500}.sidebar__user-meta{font-size:10.5px;color:var(--muted)}.sidebar__overlay{display:none}@media(max-width:900px){.sidebar{position:fixed;top:var(--chrome-h);left:0;bottom:var(--status-h);width:280px;transform:translate(-100%);transition:transform .32s var(--ease);z-index:80;border-right:1px solid var(--line)}.sidebar--open{transform:translate(0)}.sidebar__close{display:inline-flex}.sidebar__overlay{display:block;position:fixed;top:var(--chrome-h);left:0;right:0;bottom:var(--status-h);background:#0d0f1799;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:75;cursor:pointer}}.statusbar{position:fixed;bottom:0;left:0;right:0;z-index:90;height:var(--status-h);background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}.statusbar__left,.statusbar__right{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.statusbar__right{justify-content:flex-end}.statusbar__item{display:inline-flex;align-items:center;gap:5px;padding:0 8px;height:var(--status-h);color:var(--text-dim);border-right:1px solid transparent;transition:background .2s var(--ease-fast);white-space:nowrap;flex-shrink:0;line-height:1}.statusbar__left .statusbar__item:hover,.statusbar__right .statusbar__item:hover{background:var(--bg-3);color:var(--text)}.statusbar__item--branch{color:var(--kw);font-weight:500}.statusbar__item--good{color:var(--green)}.statusbar__item--time{color:var(--text)}.statusbar__pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@media(max-width:720px){.statusbar{font-size:10px}.statusbar__item{padding:0 5px;gap:4px}}@media(max-width:1180px){.statusbar__left .statusbar__item:nth-of-type(3){display:none}}@media(max-width:980px){.statusbar__right .statusbar__item:nth-of-type(3),.statusbar__right .statusbar__item:nth-of-type(4){display:none}}@media(max-width:820px){.statusbar__left .statusbar__item--good{display:none}.statusbar__right .statusbar__item:nth-of-type(2){display:none}}@media(max-width:640px){.statusbar__right .statusbar__item:nth-of-type(1){display:none}}.file{border-bottom:1px solid var(--line);opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.file.visible,.file:first-child{opacity:1;transform:translateY(0)}#hero{opacity:1;transform:none}.file__head{position:sticky;top:var(--chrome-h);z-index:40;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--bg-2);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--text-dim)}.file__head-left{display:flex;align-items:center;gap:8px}.file__head-icon{font-weight:700;font-size:10px;letter-spacing:-.02em}.file--tsx .file__head-icon{color:var(--fn)}.file--ts .file__head-icon{color:#3178c6}.file--md .file__head-icon{color:var(--text-dim)}.file--json .file__head-icon{color:var(--number)}.file--config .file__head-icon{color:var(--ty)}.file--png .file__head-icon{color:var(--prop)}.file__path{color:var(--text);letter-spacing:.01em}.file__lang{color:var(--muted);font-size:10.5px}.file__body{padding:24px 0 64px;position:relative}.file__body--md{padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px);max-width:var(--max-w)}.code{counter-reset:ln;font-family:var(--mono);font-size:13px;line-height:1.65;padding:8px 0}.ln{display:block;position:relative;padding:0 24px 0 64px;color:var(--text);white-space:pre-wrap;word-break:break-word;counter-increment:ln;transition:background .15s var(--ease-fast)}.ln:before{content:counter(ln);position:absolute;left:0;width:48px;text-align:right;padding-right:16px;color:var(--muted);opacity:.55;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:12px}.ln:hover{background:#ffffff04}.ln:hover:before{color:var(--text-dim);opacity:.85}.ln--in{padding-left:80px}.ln--in:before{width:48px}.com{color:var(--comment);font-style:italic}.kw{color:var(--kw)}.fn{color:var(--fn)}.str{color:var(--string)}.num{color:var(--number)}.prop{color:var(--prop)}.var{color:var(--var)}.ty{color:var(--ty)}.punct{color:var(--punct)}.op{color:var(--op)}.dim,.muted{color:var(--muted)}.link{border-bottom:1px solid currentColor;border-bottom-color:transparent;transition:border-color .2s var(--ease-fast)}.link:hover{border-bottom-color:currentColor}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;margin-left:8px;border-radius:99px;background:#a6e3a114;border:1px solid rgba(166,227,161,.2);color:var(--green);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.status-pill__dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.4s ease-in-out infinite}.hero__display{padding:28px clamp(20px,4vw,64px) 28px clamp(20px,4vw,64px);margin-left:16px;border-left:1px solid var(--line)}.hero__name{font-family:var(--mono);font-size:clamp(2.6rem,9vw,6rem);font-weight:400;line-height:.98;letter-spacing:-.05em;color:var(--text);margin-bottom:14px;display:inline-flex;align-items:flex-end;flex-wrap:wrap}.hero__name-first{background:linear-gradient(135deg,var(--text) 0%,var(--kw) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__name-sep{color:var(--muted);opacity:.5;margin:0 .1em}.hero__name-last{color:var(--kw)}.hero__caret{display:inline-block;width:.5em;height:.85em;background:var(--kw);margin-left:.1em;margin-bottom:.1em;transition:opacity .05s linear;box-shadow:0 0 12px #a5b4fc80}.hero__caret--off{opacity:0}.hero__role{font-family:var(--mono);font-size:clamp(.95rem,1.4vw,1.05rem);color:var(--text-dim);letter-spacing:-.005em;margin-bottom:24px}.hero__rotate{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line);background:var(--bg-2);border-radius:6px;font-family:var(--mono);font-size:13px;flex-wrap:wrap}.hero__rotate-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero__rotate-arrow{color:var(--kw)}.hero__rotate-value{color:var(--text);animation:rotateFade .5s var(--ease)}@keyframes rotateFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero__cta{display:flex;gap:1px;flex-wrap:wrap;padding:16px clamp(20px,4vw,56px) 0;border-top:1px dashed var(--line);margin-top:16px}.cta{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:6px;font-family:var(--mono);font-size:12px;color:var(--text);transition:all .25s var(--ease-fast);margin-right:10px}.cta:hover{border-color:var(--kw);background:var(--bg-hover);color:var(--kw);transform:translateY(-1px)}.cta__cmd{color:var(--kw);font-weight:700}.cta--ghost{background:transparent;color:var(--text-dim)}.cta--ghost .cta__cmd{color:var(--text-dim)}.cta--ghost:hover{color:var(--text)}.md-h1,.md-h2{font-family:var(--mono);font-weight:400;color:var(--text);letter-spacing:-.015em;margin-top:32px;margin-bottom:16px;text-transform:lowercase}.md-h1:before,.md-h2:before{content:"# ";color:var(--muted);font-weight:400}.md-h1{font-size:clamp(1.6rem,3.4vw,2.2rem);margin-top:0}.md-h2{font-size:1.1rem;color:var(--text-dim)}.md-hash{color:var(--kw);margin-right:4px;font-weight:700}.md-p{font-family:var(--sans);font-size:15px;line-height:1.8;color:var(--text-dim);margin-bottom:16px;max-width:64ch;font-weight:400;letter-spacing:-.005em}.md-list{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.md-list li{display:flex;align-items:baseline;gap:10px;font-family:var(--sans);font-size:14px;color:var(--text-dim);line-height:1.7}.md-bullet{font-family:var(--mono);color:var(--kw);font-weight:400}.md-list code,.md-p code{font-family:var(--mono);font-size:12px;padding:1px 6px;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;color:var(--kw)}.md-quote{border-left:2px solid var(--kw);padding:6px 0 6px 18px;margin:18px 0;color:var(--text);font-family:var(--sans)}.md-quote p{font-size:14.5px;line-height:1.7;font-style:italic;color:var(--text-dim);max-width:60ch}.md-table{margin-top:8px;font-family:var(--mono);font-size:12.5px;border:1px solid var(--line);border-radius:6px;overflow:hidden;max-width:480px}.md-table__row{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line)}.md-table__row:last-child{border-bottom:none}.md-table__row:hover{background:var(--bg-hover)}.md-table__key{color:var(--prop)}.md-table__val{color:var(--text)}.md-table__meta{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.file__body--png{padding:clamp(24px,5vw,56px) clamp(20px,4vw,56px) 48px;max-width:var(--max-w)}.portrait__comment{font-family:var(--mono);font-size:12px;color:var(--comment);margin-bottom:24px;font-style:italic}.portrait__stage{position:relative;display:flex;align-items:center;justify-content:center;padding:32px clamp(8px,3vw,48px);background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:380px}.portrait__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--line-soft) 1px,transparent 1px),linear-gradient(to bottom,var(--line-soft) 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px;opacity:.55;pointer-events:none;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,#0000);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%)}.portrait__sq{position:absolute;display:block;border:1px solid var(--line-strong);background:var(--bg-3);border-radius:2px;opacity:.85;pointer-events:none;transition:transform .5s var(--ease)}.portrait__sq--a{width:48px;height:48px;top:14%;left:8%;background:linear-gradient(135deg,var(--bg-3),var(--bg-2));border-color:#a5b4fc2e;animation:floatSq 7s ease-in-out infinite}.portrait__sq--b{width:22px;height:22px;top:8%;right:18%;border-color:#a5b4fc47;animation:floatSq 9s ease-in-out infinite;animation-delay:-2.5s}.portrait__sq--c{width:70px;height:70px;bottom:10%;left:6%;border-color:var(--line-strong);background:transparent;animation:floatSq 11s ease-in-out infinite;animation-delay:-4s}.portrait__sq--d{width:34px;height:34px;bottom:22%;right:10%;background:linear-gradient(135deg,var(--bg-3),transparent);border-color:#a5b4fc38;animation:floatSq 8s ease-in-out infinite;animation-delay:-1s}.portrait__sq--e{width:14px;height:14px;top:38%;right:4%;background:var(--kw);border-color:transparent;opacity:.5;animation:floatSq 10s ease-in-out infinite;animation-delay:-3s}@keyframes floatSq{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-10px,0) rotate(2deg)}}.portrait__frame{position:relative;z-index:2;width:clamp(240px,44vw,460px);border-radius:10px;overflow:hidden;background:transparent;border:1px solid var(--line-strong);padding:18px 18px 14px;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff05 inset;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}.portrait__frame--dither{background:var(--bg-1)}.portrait__frame:hover{transform:translateY(-3px);border-color:var(--kw);box-shadow:0 32px 80px #0000008c,0 0 0 1px #a5b4fc38 inset}.dither-canvas{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .4s var(--ease)}.portrait__frame:hover .dither-canvas{filter:brightness(1.06)}.portrait__img{width:100%;height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.portrait__meta{margin-top:22px;display:grid;grid-template-columns:1fr;gap:6px;font-family:var(--mono);font-size:12.5px;padding:14px 16px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;max-width:520px}.portrait__meta-row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:baseline}.portrait__meta-key{color:var(--muted);text-transform:lowercase;letter-spacing:.02em}.portrait__meta-key:before{content:"—";color:var(--line-strong);margin-right:6px}.portrait__meta-val{color:var(--string)}.portrait__caption{margin-top:16px;font-family:var(--mono);font-size:12.5px;color:var(--text-dim);font-style:italic;max-width:520px}.portrait__caption .punct{color:var(--kw);font-style:normal;margin-right:4px}:root[data-theme=light] .portrait__stage{background:linear-gradient(180deg,var(--bg-1),var(--bg))}:root[data-theme=light] .portrait__frame--dither{background:#f6f7fb}:root[data-theme=light] .portrait__frame{border-color:#0000001a;box-shadow:0 24px 60px #4c4f692e,0 0 0 1px #fff9 inset}:root[data-theme=light] .portrait__frame:hover{border-color:var(--kw);box-shadow:0 32px 80px #4c4f693d,0 0 0 1px #4f46e547 inset}:root[data-theme=light] .portrait__sq--e{background:var(--kw);opacity:.4}@media(max-width:720px){.portrait__stage{min-height:320px;padding:28px 16px}.portrait__sq--a{width:36px;height:36px}.portrait__sq--c{width:50px;height:50px}.portrait__meta-row{grid-template-columns:88px 1fr}}@media(prefers-reduced-motion:reduce){.portrait__sq{animation:none!important}}.stack-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:18px clamp(20px,4vw,56px);max-width:var(--max-w)}@media(min-width:640px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.stack-grid{grid-template-columns:repeat(3,1fr)}}.stack-card{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:16px;font-family:var(--mono);transition:all .3s var(--ease);position:relative;opacity:0;transform:translateY(10px)}.visible .stack-card{opacity:1;transform:translateY(0)}.stack-card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--kw),transparent);opacity:0;transition:opacity .3s var(--ease-fast)}.stack-card:hover{border-color:var(--line-strong);background:var(--bg-3);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stack-card:hover:before{opacity:.5}.stack-card__head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.stack-card__code{font-size:11px;color:var(--number);font-weight:600;letter-spacing:.04em}.stack-card__title{font-size:13.5px;color:var(--text);font-weight:500}.stack-card__items{display:flex;flex-direction:column;gap:4px}.stack-card__items li{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:baseline;padding:3px 0;font-size:12.5px;transition:color .2s var(--ease-fast)}.stack-card__items li:hover .stack-card__item-name{color:var(--kw)}.stack-card__item-code{color:var(--muted);font-size:10.5px;letter-spacing:.04em}.stack-card__item-name{color:var(--text-dim)}.work-list{padding:18px clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:18px;max-width:var(--max-w)}.work-entry{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;padding:20px 22px;font-family:var(--mono);opacity:0;transform:translateY(12px);transition:all .5s var(--ease);position:relative}.visible .work-entry{opacity:1;transform:translateY(0)}.work-entry:hover{border-color:var(--line-strong);background:var(--bg-2)}.work-entry--current{border-color:#a5b4fc40;background:linear-gradient(180deg,rgba(165,180,252,.04),var(--bg-1) 40%)}.work-entry--current:before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,var(--kw),transparent);opacity:.6}.work-entry__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.work-entry__idx{font-size:11px;color:var(--number);font-weight:600}.work-entry__role{font-family:var(--sans);font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:500;color:var(--text);letter-spacing:-.022em;line-height:1.15}.work-entry__live{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border:1px solid rgba(165,180,252,.3);background:#a5b4fc14;border-radius:99px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--kw)}.work-entry__pulse{width:6px;height:6px;border-radius:50%;background:var(--kw);box-shadow:0 0 8px var(--kw);animation:pulse 1.6s ease-in-out infinite}.work-entry__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.work-entry__company{color:var(--kw);font-weight:500}.work-entry__company a:hover{text-decoration:underline;text-underline-offset:3px}.work-entry__dot{opacity:.5}.work-entry__summary{font-family:var(--sans);font-size:14.5px;color:var(--text);line-height:1.65;margin-bottom:12px;max-width:60ch;font-weight:400;letter-spacing:-.005em}.work-entry__bullets{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.work-entry__bullets li{display:grid;grid-template-columns:16px 1fr;gap:10px;font-family:var(--sans);font-size:13.5px;color:var(--text-dim);line-height:1.7;align-items:baseline;letter-spacing:-.003em}.work-entry__bullet{color:var(--kw);font-family:var(--mono)}.work-entry__stack{display:flex;flex-wrap:wrap;gap:4px;padding-top:10px;border-top:1px dashed var(--line)}.work-entry__tech{font-family:var(--mono);font-size:11px;padding:2px 8px;background:var(--bg-3);border:1px solid var(--line-strong);border-radius:4px;color:var(--text-dim)}.work-entry:hover .work-entry__tech{color:var(--text)}.ch-list{padding:18px clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:10px;max-width:var(--max-w)}.ch{opacity:0;transform:translateY(10px);transition:all .5s var(--ease)}.visible .ch{opacity:1;transform:translateY(0)}.ch__link{display:grid;grid-template-columns:92px 14px 28px 1fr auto 36px;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;font-family:var(--mono);transition:all .3s var(--ease);position:relative;overflow:hidden}.ch__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(165,180,252,.06) 0%,transparent 60%);opacity:0;transition:opacity .4s var(--ease)}.ch__link:hover{border-color:var(--kw);background:var(--bg-3);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.ch__link:hover:before{opacity:1}.ch__key{color:var(--prop);font-size:13px}.ch__op{color:var(--op);font-size:13px}.ch__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:color .3s var(--ease-fast)}.ch__link:hover .ch__icon{color:var(--kw)}.ch__handle{display:flex;flex-direction:column;gap:2px;min-width:0}.ch__handle-platform{font-family:var(--sans);font-size:15.5px;font-weight:500;color:var(--text);letter-spacing:-.018em}.ch__handle-id{font-family:var(--mono);font-size:11.5px;color:var(--string)}.ch__note{font-family:var(--sans);font-size:12.5px;color:var(--muted);font-style:italic;text-align:right}.ch__arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);color:var(--text-dim);transition:all .4s var(--ease)}.ch__link:hover .ch__arrow{border-color:var(--kw);color:var(--kw);background:#a5b4fc14;transform:rotate(8deg)}@media(max-width:720px){.ch__link{grid-template-columns:auto 1fr 32px;grid-template-rows:auto auto;gap:6px 10px;padding:14px 16px}.ch__key,.ch__op{display:none}.ch__icon{grid-row:1 / 3}.ch__handle{grid-row:1;grid-column:2}.ch__note{grid-row:2;grid-column:2;text-align:left;font-size:11.5px}.ch__arrow{grid-row:1 / 3;grid-column:3;width:32px;height:32px}}@media(max-width:720px){.ln{padding-left:48px;padding-right:16px}.ln:before{width:36px;padding-right:10px;font-size:11px}.ln--in{padding-left:60px}.code{font-size:12px}.file__head{height:30px;padding:0 14px;font-size:10.5px}}@media(max-width:480px){.hero__display{margin-left:0;border-left:none;padding:24px 20px}.hero__rotate{font-size:11.5px;width:100%}}.app{transition:opacity .35s var(--ease),transform .35s var(--ease),filter .35s var(--ease)}.app--shake{animation:appShake .62s var(--ease-fast)}@keyframes appShake{0%{transform:translate(0)}15%{transform:translate(-6px) rotate(-.15deg)}30%{transform:translate(6px) rotate(.15deg)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.app--hidden{opacity:0;transform:scale(.5);filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.mini{position:fixed;bottom:clamp(24px,8vh,56px);left:50%;transform:translate(-50%);width:min(420px,92vw);z-index:200;animation:miniIn .5s var(--ease) both}.mini:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(165,180,252,.05),transparent 70%);z-index:-1;pointer-events:none}@keyframes miniIn{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.94);filter:blur(6px)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}.mini__surface{display:block;width:100%;background:var(--bg-1);border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff05 inset;cursor:pointer;text-align:left;font-family:var(--mono);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);padding:0}.mini__surface:hover{transform:translateY(-3px);border-color:var(--kw);box-shadow:0 40px 100px #0009,0 0 0 1px var(--kw) inset,0 0 60px #a5b4fc1f}.mini__surface:active{transform:translateY(-1px)}.mini__chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.mini__dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.mini__dot--red{background:#ff5f57}.mini__dot--yellow{background:#ffbd2e}.mini__dot--green{background:#28c840}.mini__title{margin-left:6px;font-size:11px;color:var(--text-dim);letter-spacing:.01em}.mini__body{padding:16px 18px;background:var(--bg)}.mini__code{margin:0;font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--text);white-space:pre;overflow:hidden}.mini__hint{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:var(--bg-2);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.mini__hint-key{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background:var(--bg-3);border:1px solid var(--line-strong);color:var(--text-dim);font-size:10px;letter-spacing:.06em}.mini__hint-or{opacity:.6}.toasts{position:fixed;bottom:calc(var(--status-h) + 16px);right:20px;z-index:250;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:min(420px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#0d0f17eb;border:1px solid var(--line-strong);border-radius:6px;font-family:var(--mono);font-size:12px;color:var(--text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px #00000073;animation:toastIn .32s var(--ease) both,toastOut .32s var(--ease) 3.28s both;pointer-events:auto}.toast--danger{border-color:#ef6b6b59;background:linear-gradient(180deg,#ef6b6b0f,#0d0f17eb)}.toast--danger .toast__prompt{color:var(--red)}.toast--success{border-color:#a6e3a14d}.toast--success .toast__prompt{color:var(--green)}.toast__prompt{color:var(--kw);font-weight:700;flex-shrink:0}.toast__text{color:var(--text);line-height:1.5}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@media(max-width:600px){.toasts{bottom:calc(var(--status-h) + 12px);right:12px;left:12px;max-width:calc(100vw - 24px)}.toast{font-size:11px}}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:var(--status-h);font-family:var(--mono);font-size:11px;color:var(--text-dim);text-transform:lowercase;letter-spacing:.04em;cursor:pointer;border-right:1px solid transparent;transition:background .2s var(--ease-fast),color .2s var(--ease-fast)}.theme-toggle:hover{background:var(--bg-3);color:var(--text)}.theme-toggle:active .theme-toggle__icon{transform:scale(.85) rotate(-12deg)}.theme-toggle__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--kw);transition:transform .4s var(--ease)}.theme-toggle:hover .theme-toggle__icon{transform:rotate(20deg)}.theme-toggle__label{font-weight:500}@media(max-width:720px){.theme-toggle__label{display:none}.theme-toggle{padding:0 6px}}:root[data-theme=light] body:before{background:radial-gradient(ellipse 70% 50% at 30% 0%,rgba(79,70,229,.05),transparent 70%),radial-gradient(ellipse 60% 60% at 80% 100%,rgba(30,102,245,.04),transparent 70%)}:root[data-theme=light] .chrome__bar{background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}:root[data-theme=light] .statusbar{background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}:root[data-theme=light] .hero__name-first{background:linear-gradient(135deg,var(--text) 0%,var(--kw) 100%);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .hero__caret{box-shadow:0 0 12px #4f46e540}:root[data-theme=light] .sidebar__user-avatar{background:linear-gradient(135deg,var(--kw),var(--fn));color:#fff}:root[data-theme=light] .status-pill{background:#40a02b1a;border-color:#40a02b4d;color:#2e7d1f}:root[data-theme=light] .work-entry--current{background:linear-gradient(180deg,rgba(79,70,229,.05),var(--bg-1) 40%);border-color:#4f46e533}:root[data-theme=light] .work-entry__live{background:#4f46e514;border-color:#4f46e538;color:#3730a3}:root[data-theme=light] .ch__link:hover{background:var(--bg-3);box-shadow:0 8px 24px var(--shadow)}:root[data-theme=light] .ch__link:hover .ch__arrow{background:#4f46e51a}:root[data-theme=light] .toast{background:#eff1f5f0;box-shadow:0 16px 40px var(--shadow)}:root[data-theme=light] .toast--danger{background:linear-gradient(180deg,#d20f390f,#eff1f5f0);border-color:#d20f394d}:root[data-theme=light] .sidebar__file--active:before{background:var(--kw)}:root[data-theme=light] .mini__surface{box-shadow:0 32px 80px var(--shadow-deep),0 0 0 1px #0000000a inset}:root[data-theme=light] .work-entry:hover,:root[data-theme=light] .stack-card:hover{box-shadow:0 8px 24px var(--shadow)}:root[data-theme=light] .ln:hover{background:#00000006}