.portfolio-reader{--paper:#f6f7f2;--ink:#252839;--muted:#626778;--line:#d9dce0;--sheet:#fff;--accent:#265bdc;--tint:#e8edfa;--rose:#265bdc;--sage:#626778;--id-butter:#f2d98d;--serif:Georgia, "Songti SC", "STSong", serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ease:cubic-bezier(.22,.68,0,1.02);background:var(--paper);min-height:100dvh;color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}.portfolio-reader *{box-sizing:border-box}.portfolio-reader a{text-decoration:none}.portfolio-reader :is(a,button,[tabindex]):focus-visible{outline-offset:5px;outline:2px solid #265bdc}.portfolio-reader button{font-family:var(--sans)}.portfolio-reader :is(h1,h2,h3){font-weight:500}.reader-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f6f7f2ed;position:sticky;top:0}.reader-header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(1176px,100% - 80px);min-height:78px;margin:auto;display:grid}.reader-back{justify-self:start;align-items:center;gap:10px;font-size:13px;display:flex}.reader-back svg{transition:transform .22s var(--ease)}.reader-back:hover svg{transform:translate(-4px)}.reader-brand{letter-spacing:-.055em;align-items:center;gap:12px;font:600 29px/1 Georgia,serif;display:flex}.reader-brand>span:last-child{color:#e67d63;margin-left:-12px}.reader-brand-symbol{background:#265bdc;border-radius:10px 12px 10px 11px;justify-content:center;align-items:center;gap:2px;width:29px;height:29px;display:flex;transform:rotate(-7deg);box-shadow:inset 0 2px 3px #ffffff7b,0 3px 7px #172e5b2b}.reader-brand-symbol i{background:#f9f6ea;border-radius:5px;width:4px;height:12px}.reader-brand-symbol i:nth-child(2){height:17px;transform:translateY(2px)}.reader-brand-symbol i:nth-child(3){height:8px;transform:translateY(-2px)}.reader-header .site-utilities{font:12px/1 var(--sans);justify-self:end;align-items:center;gap:12px;display:flex}.reader-header .language-switch{border:1px solid #cdd1da;border-radius:12px;align-items:center;margin:0;padding:3px;display:flex}.reader-header .language-switch button{min-width:32px;min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px}.reader-header .language-switch button[aria-pressed=true]{color:#265bdc;background:#e1e7f5}.reader-header .language-switch i{display:none}.reader-header .linkedin-link{border:1px solid #cdd1da;border-radius:12px;place-items:center;width:36px;height:38px;display:grid}.reader-header .linkedin-link span{display:none}.reader-header :is(button,.linkedin-link):active{transform:scale(.94)}.portfolio-reader .id-tile{transition:transform .3s var(--ease)}.portfolio-reader :is(.case-footer,.essay-next) a:hover .id-tile,.portfolio-reader .essay-next:hover .id-tile{transform:rotate(2deg)translateY(-3px)}@media (max-width:700px){.reader-header-inner{gap:12px;width:calc(100% - 36px);min-height:68px}.reader-brand{gap:8px;font-size:25px}.reader-brand-symbol{width:25px;height:25px}.reader-brand>span:last-child{margin-left:-8px}.reader-back{gap:6px;font-size:12px}.reader-header .site-utilities{gap:7px}.reader-header .linkedin-link{display:none}.reader-header .language-switch button{min-width:30px}}@media (prefers-reduced-motion:reduce){html:has(.portfolio-reader){scroll-behavior:auto}.portfolio-reader *,.portfolio-reader :before,.portfolio-reader :after{transition:none!important;animation:none!important}}