@font-face{font-family:Portfolio Sans;font-style:normal;font-weight:45 930;font-display:swap;src:url(/fonts/portfolio-sans.woff2)format("woff2")}@font-face{font-family:Portfolio Display;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/portfolio-display.woff2)format("woff2")}:root{--ink:#1f2328;--ink-soft:#25292e;--paper:#fff;--paper-raised:#f6f8fa;--accent:#0f7b5f;--accent-on-light:#0f7b5f;--accent-soft:#e3f1eb;--success:#1a7f37;--muted:#59636e;--line:#d0d7de;--mono:"SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Portfolio Sans", "Pretendard Variable", monospace;--sans:"Portfolio Sans", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Portfolio Display", "Noto Serif KR", AppleMyungjo, Batang, serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0}body,button,a{font-family:var(--sans)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1[tabindex="-1"]:focus,#main-content[tabindex="-1"]:focus{outline:none}.skip-link{z-index:1000;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;padding:11px 16px;font-size:13px;font-weight:700;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-180%);box-shadow:0 1px 3px #1f23281f}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--portfolio-bg:#f6f7f9;--portfolio-surface:#fff;--portfolio-text:#1b1f27;--portfolio-muted:#59606b;--portfolio-line:#d6dbe2;--portfolio-accent:#0f7b5f;--portfolio-signature:#f4d35e;--portfolio-content-width:1200px;--portfolio-gutter:48px;--portfolio-section-title:38px;--portfolio-section-weight:600;--portfolio-section-leading:1.3;--portfolio-section-tracking:-.03em;--portfolio-subtitle:24px;--portfolio-body:18px;--portfolio-small:16px;--portfolio-caption:14px}:is(.portfolio-page,main.case-showcase,.knowledge-page,.not-found) :is(h2,h3,h4){text-wrap:balance}:is(.portfolio-page,main.case-showcase,.knowledge-page,.not-found){--paper:var(--portfolio-bg);--paper-raised:var(--portfolio-surface);--ink:var(--portfolio-text);--ink-soft:#2b3037;--muted:var(--portfolio-muted);--line:var(--portfolio-line);--line-strong:#aeb7c2;--accent:var(--portfolio-accent);--accent-on-light:var(--portfolio-accent);--accent-soft:#e3f1eb;--success:#1a7f37;font-family:var(--sans);font-size:var(--portfolio-body);word-break:keep-all;overflow-wrap:break-word;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body:has(.portfolio-page,main.case-showcase,.knowledge-page,.not-found){background:var(--portfolio-bg)}html:has(.portfolio-page,main.case-showcase,.knowledge-page,.not-found){scroll-padding-bottom:76px}@media (width<=700px){:root{--portfolio-gutter:24px;--portfolio-section-title:28px}}#root{min-height:100vh}code{font-family:var(--mono)}.route-loading{background:var(--portfolio-bg);min-height:100vh;color:var(--portfolio-muted);font-family:var(--sans);font-size:var(--portfolio-small);place-items:center;display:grid}.not-found{background:var(--paper);min-height:100svh;color:var(--ink)}.not-found__main{width:min(var(--portfolio-content-width), calc(100% - var(--portfolio-gutter) * 2));align-content:center;justify-items:start;min-height:calc(100svh - 76px);margin-inline:auto;padding:72px 0 120px;display:grid}.not-found__code{color:var(--muted);font-size:var(--portfolio-caption);margin:0 0 12px;font-weight:500}.not-found h1{font-family:var(--display);letter-spacing:-.045em;word-break:keep-all;margin:0;font-size:54px;font-weight:600;line-height:1.2}.not-found__lead{color:var(--muted);font-size:var(--portfolio-body);word-break:keep-all;margin:18px 0 0;line-height:1.7}.not-found__home{min-height:44px;color:var(--accent);font-size:var(--portfolio-small);align-items:center;gap:8px;margin-top:20px;font-weight:600;display:inline-flex}.not-found__home:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=800px){.not-found__main{min-height:calc(100svh - 132px)}}@media (width<=700px){.not-found__main{align-content:start;min-height:0;padding:56px 0 96px}.not-found h1{font-size:34px}}.site-nav{z-index:100;width:100%;height:76px;padding:0 max(var(--portfolio-gutter,48px), calc((100% - var(--portfolio-content-width,1200px)) / 2));border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--sans);grid-template-columns:1fr auto 1fr;align-items:center;margin:0;display:grid;position:relative}.site-nav--home{transition:transform .2s;position:fixed;inset:0 0 auto}.site-nav .site-nav__brand{width:max-content;color:var(--ink);align-items:center;gap:12px;display:inline-flex}.site-nav__avatar{outline-offset:2px;border-radius:50%;outline:1px solid #0000;width:32px;height:32px;transition:outline-color .18s;display:block;overflow:hidden}.site-nav__avatar img{object-fit:cover;width:100%;height:100%;display:block}.site-nav__brand:hover .site-nav__avatar,.site-nav__brand:focus-visible .site-nav__avatar{outline-color:var(--accent)}.site-nav__brand strong{font-family:var(--display);font-size:20px;font-weight:600}.site-nav__links,.site-nav__actions{align-items:center;gap:32px;display:flex}.site-nav__links{color:var(--ink);font-size:15px;font-weight:500}.site-nav__actions{justify-self:end;gap:24px}.site-nav .site-nav__links a,.site-nav .site-nav__contact{min-height:44px;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:500;transition:color .18s,border-color .18s;display:inline-flex;position:relative}.site-nav__links a:after{background:var(--accent);content:"";transform-origin:0;height:1px;transition:transform .18s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.site-nav .site-nav__links a:hover,.site-nav .site-nav__links a:focus-visible,.site-nav .site-nav__links a[aria-current=location],.site-nav .site-nav__links a[aria-current=page],.site-nav .site-nav__contact:hover,.site-nav .site-nav__contact:focus-visible{color:var(--accent)}.site-nav__links a:hover:after,.site-nav__links a:focus-visible:after,.site-nav__links a[aria-current=location]:after,.site-nav__links a[aria-current=page]:after{transform:scaleX(1)}.site-nav .site-nav__contact{color:var(--accent);font-weight:650}.site-nav .site-nav__contact:hover{text-underline-offset:4px;text-decoration:underline}.site-nav__context{color:var(--muted);font-size:var(--portfolio-small,16px);white-space:nowrap}.site-nav a:focus-visible,.site-nav summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=1080px){.site-nav{grid-template-columns:1fr auto auto;gap:32px}.site-nav__links{gap:22px}}@media (width<=800px){.site-nav{grid-template-columns:1fr auto;row-gap:8px;height:132px;padding-top:12px;padding-bottom:10px}.site-nav__links{border-top:1px solid var(--line);scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;padding:8px 4px 6px;overflow-x:auto}.site-nav__links::-webkit-scrollbar{display:none}.site-nav__links a:focus-visible{outline-offset:2px}.site-nav--home .site-nav__links{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.site-nav--home .site-nav__links:focus-within{-webkit-mask-image:none;mask-image:none}.site-nav__actions{grid-area:1/2;gap:16px}.site-nav--home.site-nav--compact{transform:translateY(-64px)}.site-nav--home.site-nav--compact:focus-within{transform:none}}@media (width<=560px){.site-nav{column-gap:16px;padding-left:20px;padding-right:20px}.site-nav__links{gap:18px}.site-nav .site-nav__links a,.site-nav .site-nav__contact{font-size:14px}.site-nav__actions{gap:12px}.site-nav .site-nav__contact{padding-left:10px;padding-right:10px}}@media (prefers-reduced-motion:reduce){.site-nav--home,.site-nav__avatar,.site-nav__links a,.site-nav__links a:after,.site-nav__contact{transition:none}}.portfolio-page{--home-width:1224px;--home-gutter:48px;--home-nav-height:76px;--home-section-gap:112px;--timeline-label-width:104px;--timeline-row:54px;--timeline-bar:38px;--timeline-track:#e3e7ec;--timeline-learning:#8f99a5;background:var(--paper);min-height:100vh;color:var(--ink)}.portfolio-page :is(.home-intro,.home-section,.home-contact){width:min(100% - var(--home-gutter) * 2, var(--home-width));margin-inline:auto}.portfolio-page :is(#career,#work,#more,#skills,#contact){scroll-margin-top:calc(var(--home-nav-height) + 16px)}.portfolio-page a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-intro{padding-top:calc(var(--home-nav-height) + 48px)}.home-intro__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 56px;display:flex}.home-intro__lead{flex:640px;min-width:0}.home-intro__name{align-items:center;gap:12px;margin:0;font-size:17px;font-weight:600;display:flex}.home-intro__name img{object-fit:cover;border-radius:50%;width:44px;height:44px}.home-intro h1{max-width:820px;font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;word-break:keep-all;margin:18px 0 0;font-size:50px;font-weight:500;line-height:1.25}.home-intro__phrase{display:inline-block}.home-intro__side{flex:0 430px;min-width:0}.home-intro__side>p{word-break:keep-all;margin:0;font-size:16.5px;line-height:1.75}.home-intro__contact{color:var(--muted);flex-wrap:wrap;gap:4px 20px;margin:14px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.home-intro__contact a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px}.home-intro__contact a:hover{text-decoration-color:currentColor}.career-timeline{margin:40px 0 0}.career-timeline__chart{padding-top:84px;position:relative}.career-timeline__axis{top:0;bottom:0;right:0;left:var(--timeline-label-width);pointer-events:none;position:absolute;overflow:hidden}.career-timeline__year{top:0;left:calc(var(--at) * 1%);color:var(--muted);font-family:var(--display);font-variant-numeric:lining-nums;font-size:52px;font-weight:400;line-height:1;position:absolute;transform:translate(-50%)}.career-timeline__year:after{border-left:1px dashed var(--line);content:"";height:100vh;position:absolute;top:64px;left:50%}.career-timeline__now{top:54px;left:calc(var(--at) * 1%);background:var(--ink);color:var(--paper-raised);white-space:nowrap;padding:1px 6px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%)}.career-timeline__now:after{border-left:2px solid var(--ink);content:"";height:100vh;position:absolute;top:100%;left:50%}.career-timeline__lane{grid-template-columns:var(--timeline-label-width) minmax(0, 1fr);border-top:1px solid var(--line);padding:8px 0;display:grid}.career-timeline__lane:last-child{border-bottom:1px solid var(--line)}.career-timeline__lane-title{color:var(--muted);margin:0;padding-top:19px;font-size:13px;font-weight:600}.career-timeline__lane ol{margin:0;padding:0;list-style:none}.career-timeline__item{height:var(--timeline-row);color:var(--ink);display:block;position:relative}.career-timeline__track{position:absolute;inset:0}.career-timeline__bar{top:calc((var(--timeline-row) - var(--timeline-bar)) / 2);left:calc(var(--from) * 1%);width:calc((var(--to) - var(--from)) * 1%);min-width:4px;height:var(--timeline-bar);background:var(--accent);border-radius:3px;position:absolute}.career-timeline__lane--career .career-timeline__bar{background:var(--ink)}.career-timeline__lane--learning .career-timeline__bar{background:var(--timeline-learning)}.career-timeline__bar-label{display:none}.career-timeline__item--inside .career-timeline__bar-label{color:#fff;white-space:nowrap;align-items:center;height:100%;padding:0 10px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.career-timeline__lane--learning .career-timeline__item--inside .career-timeline__bar-label{color:var(--ink)}.career-timeline__label{top:calc((var(--timeline-row) - var(--timeline-bar)) / 2);height:var(--timeline-bar);white-space:nowrap;align-items:center;gap:10px;font-size:15px;display:flex;position:absolute}.career-timeline__item--before .career-timeline__label{right:calc((100 - var(--from)) * 1% + 12px);flex-direction:row-reverse}.career-timeline__item--after .career-timeline__label{left:calc(var(--to) * 1% + 12px)}.career-timeline__name{font-weight:650}.career-timeline__item--inside .career-timeline__name,.career-timeline__period{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.career-timeline__note{color:var(--muted);font-size:14.5px}a.career-timeline__item:hover .career-timeline__bar{filter:brightness(1.15)}a.career-timeline__item:hover .career-timeline__name,a.career-timeline__item:focus-visible .career-timeline__name{text-underline-offset:4px;text-decoration:underline}.career-timeline figcaption{text-align:right;color:var(--muted);margin-top:14px;font-size:13.5px}.home-section{padding-top:var(--home-section-gap)}.home-section__head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:28px;display:flex}.home-section__head h2{font-family:var(--display);font-size:var(--portfolio-section-title);font-weight:var(--portfolio-section-weight);letter-spacing:var(--portfolio-section-tracking);line-height:var(--portfolio-section-leading);margin:0}.home-section__head p{color:var(--muted);margin:0;font-size:15px}.home-section h3{font-family:var(--display);letter-spacing:-.02em;word-break:keep-all;font-weight:600}.home-section h3 a{color:inherit}.home-section h3 a:hover{text-underline-offset:5px;text-decoration:underline}.home-section :where(.home-card,.home-feature,.home-more__item)>p{word-break:keep-all;margin:10px 0 0;font-size:16px;line-height:1.8}.home-section .home-card__meta{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.home-section .home-card__scope{color:var(--muted);margin:4px 0 2px;font-size:14.5px}.home-section .home-card__check{color:var(--muted);margin-top:14px;font-size:15px;line-height:1.7}.home-card__check strong{color:var(--ink);font-weight:650}.home-section .home-card__links{flex-wrap:wrap;gap:6px 22px;margin-top:auto;padding-top:14px;display:flex}.home-card__links a,.home-list a{color:var(--accent);font-size:15px;font-weight:600}.home-card__links a:hover,.home-list a:hover{text-underline-offset:4px;text-decoration:underline}.home-career{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.home-career>li,.home-features>li,.home-more>li{display:flex}.home-card,.home-feature,.home-more__item{flex-direction:column;flex:1;min-width:0;display:flex}.home-card{border:1px solid var(--line);background:var(--paper-raised);border-radius:4px;padding:28px 32px 30px}.home-career__card h3{margin:6px 0 0;font-size:28px;line-height:1.35}.home-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;margin:0;padding:0;list-style:none;display:grid}.home-feature h3{letter-spacing:-.03em;margin:22px 0 6px;font-size:36px;line-height:1.2}.home-shot{margin:0}.home-shot a{border:1px solid var(--line);background:var(--paper-raised);border-radius:4px;display:block;overflow:hidden}.home-shot img{aspect-ratio:3/2;object-fit:cover;object-position:top left;width:100%;height:auto;transition:transform .24s}.home-shot--card img{aspect-ratio:16/10}.home-shot a:hover img{transform:scale(1.015)}.home-shot figcaption{color:var(--muted);word-break:keep-all;margin-top:8px;font-size:13px}.home-shot figcaption strong{color:var(--ink-soft);font-weight:600}.home-shot--text .home-shot__text{aspect-ratio:16/10;border:1px solid var(--line);background:var(--paper-raised);font-family:var(--display);border-radius:4px;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.home-more{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;margin:0;padding:0;list-style:none;display:grid}.home-more__item .home-card__meta{margin-top:14px;font-size:13px}.home-more__item h3{margin:2px 0 0;font-size:21px;line-height:1.35}.home-section .home-more__item>p:not([class]){font-size:14.5px;line-height:1.7}.home-section .home-more__item .home-card__check{margin-top:6px;font-size:13.5px}.home-more__item .home-card__links{gap:4px 16px;padding-top:10px}.home-more__item .home-card__links a{font-size:14px}.home-columns{flex-wrap:wrap;gap:24px 56px;display:flex}.home-list{flex:420px;min-width:0;margin:0;padding:0;list-style:none}.home-list li{border-top:1px solid var(--line);padding:14px 0}.home-list h3{font-family:var(--sans);letter-spacing:0;margin:2px 0 0;font-size:16px;font-weight:650}.home-list p{color:var(--ink-soft);word-break:keep-all;margin:2px 0 0;font-size:15px;line-height:1.7}.home-list .home-list__meta{color:var(--muted);margin:0;font-size:13px}.home-list a{font-size:14.5px}.home-section .activity{margin:48px 0 0}.activity__head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:16px;display:flex}.activity__head h3{font-family:var(--sans);letter-spacing:0;margin:0;font-size:16px;font-weight:650}.activity__head p{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 0 auto;font-size:13.5px}.activity__grid{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.activity__week{grid-template-rows:16px repeat(7,auto);grid-template-columns:minmax(0,1fr);gap:3px;display:grid}.activity__month{color:var(--muted);white-space:nowrap;font-size:10px;line-height:16px;overflow:visible}.activity__day{aspect-ratio:1;background:#e6e9ed;border-radius:2px;width:100%;max-width:14px;display:block}.activity__day--1{background:#c4e4d6}.activity__day--2{background:#86c8ad}.activity__day--3{background:#3f9e7d}.activity__day--4{background:#0f7b5f}.activity__day--empty{visibility:hidden}.activity__legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;margin:12px 0 0;font-size:12px;display:flex}.activity__legend .activity__day{width:12px;height:12px}.home-contact{margin-top:var(--home-section-gap);border-top:2px solid var(--ink);padding:36px 0 56px}.home-contact h2{color:var(--muted);margin:0 0 10px;font-size:15px;font-weight:600}.home-contact__email{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:40px;font-weight:500}.home-contact__email:hover{text-underline-offset:8px;text-decoration:underline}.home-contact__links{flex-wrap:wrap;gap:6px 28px;margin:14px 0 0;padding:0;font-size:18px;list-style:none;display:flex}.home-contact__links a{color:var(--ink)}.home-contact__links li:last-child a{color:var(--accent);font-weight:600}.home-contact__links a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=1100px){.career-timeline__chart{flex-direction:column;padding-top:0;display:flex}.career-timeline__axis{order:2;height:18px;margin-top:8px;position:relative;left:auto;overflow:visible}.career-timeline__year{font-family:var(--sans);font-size:11.5px;top:0}.career-timeline__year:after,.career-timeline__now{display:none}.career-timeline__lane{border-top:0;padding:0;display:block}.career-timeline__lane:last-child{border-bottom:0}.career-timeline__lane-title{margin:22px 0 4px;padding:0;font-size:13px;font-weight:700}.career-timeline__item{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name period""track track""note note";height:auto;padding:12px 0;display:grid}.career-timeline__label{display:contents}.career-timeline__item .career-timeline__name,.career-timeline__period{clip:auto;width:auto;height:auto;position:static;overflow:visible}.career-timeline__name{white-space:normal;grid-area:name;font-size:15px}.career-timeline__period{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:period;font-size:12.5px}.career-timeline__note{white-space:normal;grid-area:note;margin-top:6px;font-size:13.5px;line-height:1.5}.career-timeline__track{background:var(--timeline-track);grid-area:track;height:8px;margin-top:8px;position:relative}.career-timeline__bar{border-radius:0;min-width:5px;height:100%;top:0}.career-timeline__item--inside .career-timeline__bar-label{display:none}}@media (width<=1180px){.home-more{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.home-career,.home-features{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.home-more{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.portfolio-page{--home-nav-height:132px}.home-intro{padding-top:calc(var(--home-nav-height) + 28px)}}@media (width<=700px){.portfolio-page{--home-gutter:20px;--home-section-gap:64px}.home-intro__name{font-size:15px}.home-intro__name img{width:40px;height:40px}.home-intro h1{margin-top:16px;font-size:29px;line-height:1.35}.home-intro__side>p{font-size:15.5px}.home-card{padding:20px}.home-career__card h3{font-size:22px}.home-feature h3{margin-top:16px;font-size:28px}.home-section :where(.home-card,.home-feature)>p{font-size:15px;line-height:1.75}.activity__week:nth-child(-n+32){display:none}.activity__day{max-width:none}.activity__head p{margin-left:0}.home-contact__email{font-size:26px}.home-contact__links{font-size:16px}}@media (prefers-reduced-motion:reduce){.home-shot img{transition:none}}.scroll-to-top{right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;border:1px solid var(--portfolio-line);background:var(--portfolio-surface);width:44px;height:44px;color:var(--portfolio-text);cursor:pointer;border-radius:8px;place-items:center;padding:0;animation:.16s ease-out both scroll-to-top-enter;display:inline-grid;position:fixed}.scroll-to-top:hover{border-color:var(--portfolio-accent);color:var(--portfolio-accent)}.scroll-to-top:active{transform:translateY(1px)}.scroll-to-top:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:3px}@keyframes scroll-to-top-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.scroll-to-top{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.scroll-to-top{animation:none}}@media print{.scroll-to-top{display:none!important}}