@font-face{font-family:Caveat;src:url(/fonts/caveat.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.paper-terminal{color:#3d3a2e;width:400px;max-width:100%;font:9px/13px var(--font-mono);text-align:left;overflow-wrap:anywhere;background:#f2efcb;box-shadow:0 12px 40px #00000029}.terminal-bar{align-items:center;gap:5px;padding:8px 10px;display:flex}.terminal-bar button,.terminal-bar i{background:#e5675b;border:0;border-radius:50%;width:7px;height:7px;padding:0}.terminal-bar i:nth-child(2){background:#e5b94e}.terminal-bar i:nth-child(3){background:#63c457}.terminal-heading{align-items:start;gap:10px;padding:10px 14px 0;display:flex}.terminal-heading svg{flex-shrink:0}.terminal-heading span{color:#8a8571}.terminal-writing{white-space:pre-wrap;min-height:136px;padding:59px 14px 22px}.terminal-status{color:#8a8571;justify-content:space-between;padding:8px 14px 14px;display:flex}.terminal-status span:first-child{color:#c4785c}.terminal-cursor{animation:1s step-end infinite terminal-caret}@keyframes terminal-caret{50%{opacity:0}}.terminal-backdrop{z-index:100;background:#0003;position:fixed;inset:0}.terminal-dialog{z-index:101;outline:none;width:min(400px,100vw - 32px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.terminal-dialog .terminal-bar button{cursor:pointer;position:relative}.terminal-dialog .terminal-bar button:after{content:"";position:absolute;inset:-8px}.hat-secret{z-index:2;aspect-ratio:220/80;cursor:pointer;background:0 0;border:0;height:7.5%;position:absolute;top:14.5%;left:50%;transform:translate(-50%)}.hat-secret:focus-visible{outline:1px dashed var(--color-ink);outline-offset:4px}.portrait-interaction{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.portrait-interaction:focus-visible{outline:1px solid var(--color-ink);outline-offset:4px}.about-hover{z-index:90;pointer-events:none;max-width:calc(100vw - 32px);position:fixed}.paper-photo{color:#4a4744;text-align:center;background:#fdfcf9;width:260px;max-width:100%;padding:14px 14px 12px;transform:rotate(-4deg);box-shadow:0 14px 44px #0000002e}.paper-photo-placeholder{aspect-ratio:1;object-fit:cover;background:#dedad4;width:100%;height:auto;display:block}.paper-photo p{margin-top:12px;font:20px/22px Caveat,cursive;transform:rotate(-1.5deg)}@media (max-width:767px){.paper-terminal{font-size:11px;line-height:14px}.terminal-writing{min-height:150px}}@media (prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}.paper-terminal{border-radius:10px;overflow:hidden}.about-hover{opacity:0;transition:opacity .28s,transform .4s cubic-bezier(.22,1,.36,1);transform:scale(.45)}.about-hover.is-visible{opacity:1;transform:scale(1)}.terminal-dialog{transition:opacity .28s,scale .4s cubic-bezier(.22,1,.36,1)}.terminal-dialog[data-starting-style],.terminal-dialog[data-ending-style]{opacity:0;scale:.85}.terminal-backdrop{transition:opacity .28s}.terminal-backdrop[data-starting-style],.terminal-backdrop[data-ending-style]{opacity:0}@media (prefers-reduced-motion:reduce){.about-hover,.terminal-dialog,.terminal-backdrop{transition:none;transform:none}.terminal-dialog{transform:translate(-50%,-50%)}}.paper-terminal{border-radius:4px;font-size:12px;line-height:18px}.about-hover{transition:opacity .32s,transform .52s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.about-hover{transition:none}}@media (min-width:768px){.terminal-dialog{width:min(640px,100vw - 64px);max-height:calc(100svh - 64px);overflow-y:auto}.terminal-dialog .paper-terminal{width:100%;font-size:14px;line-height:21px}.terminal-dialog .terminal-writing{min-height:0;padding:24px 20px 20px}.terminal-dialog .terminal-heading,.terminal-dialog .terminal-status{padding-inline:20px}}.terminal-dialog .terminal-heading{align-items:center;gap:16px}.terminal-dialog .terminal-heading svg{width:68px;height:44px}.terminal-dialog .terminal-heading strong{font-weight:700}.terminal-author{color:#8a8571;margin-bottom:8px;font-size:11px;line-height:16px;display:block}@media (max-width:767px){.terminal-dialog .terminal-heading{gap:12px}.terminal-dialog .terminal-heading svg{width:51px;height:33px}}@media (min-width:768px){.terminal-dialog .paper-terminal{flex-direction:column;min-height:360px;display:flex}.terminal-dialog .terminal-status{margin-top:auto}}.portfolio-share{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.portfolio-share button{font:inherit;color:#3d3a2e;cursor:pointer;background:0 0;border:1px solid;padding:6px 10px}.portfolio-share button:hover{color:#fff;background:#000;border-color:#000}.portfolio-share button:focus-visible{outline-offset:3px;outline:2px solid #c4785c}.portfolio-share [role=status]{min-height:14px;font-size:11px;line-height:14px}.portfolio-share input{max-width:100%;font:inherit;background:0 0;border:1px solid}.terminal-status{align-items:center;gap:16px}.about-hover.is-interactive.is-visible{pointer-events:auto}.terminal-mito-link{color:#3d3a2e;white-space:nowrap;border:1px solid;padding:6px 10px}.terminal-mito-link:hover{color:#fff;background:#000;border-color:#000}.terminal-mito-link:focus-visible{outline-offset:3px;outline:2px solid #c4785c}.paper-browser{color:#3d3a2e;width:340px;max-width:100%;font:400 12px/18px var(--font-mono);text-align:left;background:#fdfcf9;border-radius:4px;overflow:hidden;box-shadow:0 12px 40px #00000029}.browser-address{color:#8a8571;text-overflow:ellipsis;white-space:nowrap;background:#edeae4;border-radius:3px;margin:0 10px 14px;padding:5px 10px;font-size:12px;line-height:18px;overflow:hidden}.browser-event{border-left:3px solid #c4785c;margin:0 14px 18px;padding:0 14px 2px}.browser-event-title{color:#3d3a2e;font-size:12px;font-weight:400;line-height:18px}.browser-event-time{color:#8a8571}.browser-event-actual{color:#c4785c}.browser-status{color:#8a8571;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px 14px;display:flex}.browser-link{text-transform:var(--button-text-transform);color:#3d3a2e;white-space:nowrap;border:1px solid;padding:6px 10px}.browser-link:hover{color:#fff;background:#000;border-color:#000}.browser-link:focus-visible{outline-offset:3px;outline:2px solid #c4785c}.paper-browser{color:#3c4043;font:400 13px/20px var(--font-sans);background:#fff}.paper-browser .browser-address{color:#5f6368;font:400 14px/20px var(--font-sans);background:#f1f3f4;align-items:center;gap:10px;padding:8px 12px;display:flex}.browser-google-mark{color:#4285f4;font-size:18px;font-weight:600}.paper-browser .browser-event{border-left-color:#4285f4;padding-block:4px}.paper-browser .browser-event-title{font:500 16px/24px var(--font-sans);color:#202124}.paper-browser .browser-event-time,.paper-browser .browser-status,.paper-browser .browser-event-actual{color:#5f6368}.paper-browser a.browser-link{font:500 12px/18px var(--font-sans);text-transform:none;letter-spacing:0;color:#1967d2;background:#e8f0fe;border-color:#0000;border-radius:4px}.paper-browser a.browser-link:hover{color:#174ea6;background:#d2e3fc}
