@layer ground, cover, chapters, mobile, motion;

@layer ground {
  :root { color-scheme:light; --ink:#252825; --quiet:#737a72; --rule:#dcded6; --leaf:#496b55; --orange:#f17d57; --lime:#e9f1ae; --sheet:#fbfaf5; --wide:1120px; }
  * { box-sizing:border-box; }
  html { scroll-behavior:smooth; scroll-padding-top:92px; }
  body { margin:0; background:var(--sheet); color:var(--ink); font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
  img { display:block; max-width:100%; }
  a { color:inherit; text-decoration:none; }
  button { color:inherit; font:inherit; }
  :focus-visible { outline:3px solid #496b55; outline-offset:4px; border-radius:4px; }
  ::selection { background:#d9edc5; color:#273b2a; }
}

@layer cover {
  header.lcuz1uhq { position:sticky; z-index:15; top:0; display:flex; align-items:center; justify-content:space-between; min-height:67px; padding:0 34px; border-bottom:1px solid #e4e5df; background:#fbfaf5ed; backdrop-filter:blur(14px); }
  .zfvinhck { display:inline-flex; align-items:center; gap:10px; font-size:16px; font-weight:900; letter-spacing:-.05em; }
  .c14kg1wh { display:grid; width:34px; height:34px; place-items:center; border-radius:50% 50% 50% 8px; background:#e2efdb; color:#42674b; font-size:18px; }
  header.lcuz1uhq > p { margin:0; color:#8b9187; font:10px Georgia,"Noto Serif SC",serif; letter-spacing:.1em; }
  header.lcuz1uhq > a:last-child { color:#69766a; font-size:10px; }
  header.lcuz1uhq > a:last-child span { color:var(--orange); }
  .itt7npbo { position:fixed; z-index:12; top:50%; left:25px; width:132px; transform:translateY(-50%); }
  .itt7npbo > p { margin:0 0 14px 9px; color:#9ca096; font-size:9px; letter-spacing:.11em; }
  .itt7npbo > p span { color:var(--orange); }
  .p6p0a2tr { display:flex; flex-direction:column; align-items:stretch; gap:1px; }
  .p6p0a2tr a { display:flex; align-items:center; gap:9px; min-height:28px; padding:3px 7px; border-left:1px solid #d7d9d1; color:#888e85; font-size:10px; transition:color .2s,border .2s,transform .2s; }
  .p6p0a2tr a small { color:#a3a69d; font:9px Georgia,serif; }
  .p6p0a2tr a:hover,.p6p0a2tr a[aria-current="location"] { border-left:2px solid var(--orange); color:#303c32; transform:translateX(3px); }
  .p6p0a2tr a[aria-current="location"] small { color:var(--orange); }
  .tgxva3a3 { position:absolute; top:4px; left:-12px; width:2px; height:100%; overflow:hidden; background:#e3e4de; }
  .tgxva3a3 span { display:block; width:100%; height:100%; background:var(--orange); transform:scaleY(var(--reading,0)); transform-origin:top; }
  .afdoh0mw[href="#main"] { position:fixed; z-index:30; top:8px; left:8px; padding:9px 12px; background:white; transform:translateY(-150%); }
  .afdoh0mw[href="#main"]:focus { transform:translateY(0); }
  main { width:min(var(--wide),calc(100vw - 250px)); margin-left:clamp(180px,calc(50vw - 470px),400px); }
  section { padding:88px 0 94px; border-bottom:1px solid var(--rule); }
  #top { padding-top:65px; }
  .tkxtj6ie { max-width:900px; margin:0 auto 37px; }
  .t3gi5ujb { display:flex; align-items:center; gap:10px; margin:0 0 19px; color:#818a7f; font-size:10px; letter-spacing:.1em; }
  .t3gi5ujb span { color:#496b55; font-weight:850; }
  .t3gi5ujb i { color:var(--orange); font-style:normal; }
  h1 { margin:0; font-size:clamp(50px,7.1vw,91px); line-height:1.05; letter-spacing:-.08em; }
  h1 a { color:#496b55; text-decoration:underline; text-decoration-color:#bed9ab; text-decoration-thickness:5px; text-underline-offset:7px; }
  h1 em { color:#797d64; font-family:Georgia,"Noto Serif SC",serif; font-size:.78em; font-style:normal; font-weight:500; letter-spacing:-.055em; }
  .tkxtj6ie > p:not(.t3gi5ujb) { max-width:565px; margin:22px 0 0; color:var(--quiet); font-size:13px; line-height:2; }
  .ytk9zke7 { display:flex; flex-wrap:wrap; gap:19px; align-items:center; margin-top:24px; }
  .ytk9zke7 a:first-child { display:inline-flex; align-items:center; gap:16px; min-height:45px; padding:0 20px; border-radius:3px 18px 18px 18px; background:linear-gradient(110deg,#527b5b,#9bb66d); color:white; font-size:11px; font-weight:800; box-shadow:0 9px 20px #536b3a26; transition:transform .2s,box-shadow .2s; }
  .ytk9zke7 a:first-child:hover { transform:translateY(-3px); box-shadow:0 13px 26px #536b3a33; }
  .ytk9zke7 a:last-child { color:#647468; font-size:10px; transition:color .2s; }
  .ytk9zke7 a:last-child:hover { color:var(--orange); }
  .k3yvnp23 { position:relative; height:clamp(365px,47vw,555px); margin:0; overflow:hidden; background:#26332d; }
  .jmicn4ql { width:100%; height:100%; object-fit:cover; object-position:center 44%; opacity:.91; }
  .k3yvnp23:after { position:absolute; inset:35% 0 0; background:linear-gradient(0deg,#111a18d9,transparent); content:""; pointer-events:none; }
  .zxka11wg { position:absolute; z-index:1; bottom:30px; left:34px; display:flex; flex-direction:column; gap:7px; color:white; }
  .zxka11wg span { color:#d4e1bc; font-size:9px; letter-spacing:.16em; }
  .zxka11wg strong { font:500 clamp(24px,3.2vw,39px)/1.4 Georgia,"Noto Serif SC",serif; letter-spacing:.015em; }
  .zxka11wg small { color:#ffffffba; font-size:9px; }
  .npczr5sl { position:absolute; z-index:2; top:23px; right:22px; padding:9px 11px; border:1px solid #ffffff77; color:#fff; font:9px/1.6 Georgia,serif; letter-spacing:.13em; }
}

@layer chapters {
  section > .yi0f60kz { display:grid; grid-template-columns:75px 1.1fr .75fr; align-items:end; gap:20px; margin:0 0 35px; }
  .yi0f60kz > span { align-self:start; padding-top:8px; color:#7c8b7d; font:11px Georgia,"Noto Serif SC",serif; }
  .yi0f60kz > span i { color:var(--orange); font-style:normal; }
  h2 { margin:0; font-size:clamp(31px,4.3vw,52px); line-height:1.2; letter-spacing:-.065em; }
  h2 small { color:#788575; font-family:Georgia,"Noto Serif SC",serif; font-size:.48em; font-weight:400; letter-spacing:0; }
  .yi0f60kz > p { max-width:300px; justify-self:end; margin:0; color:var(--quiet); font-size:11px; line-height:1.9; }
  #qualities { padding-top:81px; }
  .uahttzpq { margin:0; padding:0; list-style:none; border-top:1px solid #d7dad2; }
  .urwqgi7u { display:grid; grid-template-columns:75px 1fr 1.5fr 25px; align-items:center; gap:14px; min-height:82px; border-bottom:1px solid #d7dad2; transition:padding .2s,background .2s; }
  .urwqgi7u:hover { padding-inline:12px; background:#f3f4ec; }
  .urwqgi7u > span { color:#91a08e; font:italic 19px Georgia,serif; }
  .urwqgi7u h3 { margin:0; font-size:14px; }
  .urwqgi7u p { margin:0; color:#798078; font-size:11px; line-height:1.7; }
  .urwqgi7u b { color:#9baf85; font-size:13px; font-weight:400; }
  #picks { padding-bottom:78px; }
  #picks .y0ac0ecm { display:flex; justify-content:space-between; align-items:center; margin:0 0 13px; }
  .y0ac0ecm p { margin:0; color:#526954; font:13px Georgia,serif; }
  .y0ac0ecm p span { color:#b1b5aa; }
  .y0ac0ecm > div { display:flex; gap:7px; }
  .y0ac0ecm button { width:37px; height:37px; border:1px solid #d7dcd1; border-radius:50%; background:transparent; cursor:pointer; transition:background .2s,color .2s,transform .2s; }
  .y0ac0ecm button:hover { background:#4d7558; color:white; transform:rotate(-8deg); }
  .dczbn236 { display:flex; gap:22px; overflow-x:auto; padding:2px 1px 14px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#bac9ae transparent; }
  .u8c085e1 { position:relative; flex:0 0 84%; height:clamp(340px,41vw,470px); overflow:hidden; background:#28342d; scroll-snap-align:start; }
  .wcgo01l9 { position:absolute; inset:0; margin:0; }
  .wcgo01l9:after { position:absolute; inset:25% 0 0; background:linear-gradient(0deg,#101811e8,transparent); content:""; }
  .wcgo01l9 img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.3,1); }
  .u8c085e1:hover .wcgo01l9 img { transform:scale(1.035); }
  .wcgo01l9 figcaption { position:absolute; z-index:1; right:clamp(20px,5vw,58px); bottom:35px; left:clamp(20px,5vw,58px); color:white; }
  .wcgo01l9 small { color:#d4e1bc; font-size:9px; letter-spacing:.12em; }
  .wcgo01l9 h3 { margin:8px 0 4px; font-size:clamp(26px,4vw,44px); letter-spacing:-.05em; }
  .wcgo01l9 p { max-width:480px; margin:0; color:#ffffffcf; font-size:11px; line-height:1.8; }
  #library .m8a2b48t { border-top:1px solid #d8dbd3; }
  .m8a2b48t a { display:grid; grid-template-columns:145px 190px 1fr 24px; align-items:center; gap:17px; min-height:75px; border-bottom:1px solid #d8dbd3; transition:padding .18s,background .18s; }
  .m8a2b48t a:hover { padding-inline:12px; background:#f1f3e9; }
  .m8a2b48t a span { color:#969b91; font-size:9px; letter-spacing:.07em; }
  .m8a2b48t a strong { font-size:15px; }
  .m8a2b48t a em { color:#777e76; font-size:11px; font-style:normal; }
  .m8a2b48t a b { color:#76916d; font-weight:400; }
  #ranking { display:grid; grid-template-columns:.8fr 1fr; gap:35px 60px; align-items:start; }
  #ranking > .yi0f60kz { display:block; margin:0; }
  #ranking .yi0f60kz > span { display:block; margin-bottom:15px; }
  #ranking .yi0f60kz > p { margin-top:17px; }
  .tszd5gv7 { margin:0; padding:0; list-style:none; border-top:1px solid #d7dad2; }
  .qhqkjnr5 { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:12px; min-height:85px; border-bottom:1px solid #d7dad2; }
  .qhqkjnr5 > span { color:#7e9b78; font:italic 25px Georgia,serif; }
  .qhqkjnr5 h3 { margin:0 0 5px; font-size:14px; }
  .qhqkjnr5 p { margin:0; color:#838a80; font-size:10px; }
  .qhqkjnr5 p i { color:var(--orange); font-style:normal; }
  .qhqkjnr5 > b { padding:5px 8px; border:1px solid #e1e3dc; color:#848b81; font-size:8px; font-weight:500; white-space:nowrap; }
  #ranking > .afdoh0mw { grid-column:2; justify-self:end; margin:-25px 0 0; color:#92988f; font-size:9px; }
  #experience .tvsqc0lg { display:grid; grid-template-columns:1.05fr .8fr; align-items:center; gap:clamp(30px,8vw,100px); padding:48px clamp(25px,5vw,65px); background:#eef0e4; }
  .hoy604gl { width:min(100%,440px); justify-self:center; padding:18px 18px 13px; border:1px solid #d7dbce; background:#fffefa; box-shadow:12px 13px 0 #d9e0d0; }
  .hoy604gl > div { display:flex; justify-content:space-between; gap:12px; padding:4px 2px 13px; color:#727a70; font-size:9px; }
  .hoy604gl > img { width:100%; height:275px; object-fit:cover; }
  .hoy604gl > p { margin:15px 0; color:#435747; font:italic 17px/1.55 Georgia,"Noto Serif SC",serif; }
  .hoy604gl > div:last-child { padding:12px 2px 0; border-top:1px solid #e6e7df; color:#838a80; }
  #experience aside > p:first-child { color:#779272; font-size:9px; letter-spacing:.14em; }
  #experience aside h3 { margin:11px 0; font-size:25px; line-height:1.5; letter-spacing:-.04em; }
  #experience aside > p:not(:first-child) { color:#727a70; font-size:11px; line-height:1.9; }
  #experience aside a { display:inline-block; margin-top:9px; color:#517557; font-size:10px; font-weight:800; }
  .frqkqpky { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:0; padding:0; list-style:none; }
  .frqkqpky:before { position:absolute; top:20px; right:12%; left:12%; height:1px; background:#d9ddd3; content:""; }
  .xyqrgxkr { position:relative; z-index:1; padding-top:54px; }
  .xyqrgxkr > span { position:absolute; top:0; left:0; display:grid; width:41px; height:41px; place-items:center; border:1px solid #bfcdb8; border-radius:50%; background:var(--sheet); color:#55745a; font:12px Georgia,serif; }
  .xyqrgxkr h3 { margin:4px 0 9px; font-size:15px; }
  .xyqrgxkr p { min-height:43px; margin:0; color:#7a8178; font-size:10px; line-height:1.8; }
  .xyqrgxkr a { display:inline-block; margin-top:14px; color:#557a5c; font-size:10px; font-weight:800; }
  .huepv4pk { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
  .huepv4pk article { position:relative; padding:17px 3px 0; border-top:1px solid #cfd5c9; }
  .huepv4pk article > span { color:#91aa7f; font:48px/.7 Georgia,serif; }
  .huepv4pk blockquote { margin:13px 0 20px; font:15px/1.9 Georgia,"Noto Serif SC",serif; }
  .huepv4pk article p { margin:0; color:#858c82; font-size:9px; }
  .huepv4pk article small { color:#a4a99f; }
  .y98x0b2v { border-top:1px solid #d7dad2; }
  .y98x0b2v details { border-bottom:1px solid #d7dad2; }
  .y98x0b2v summary { position:relative; padding:19px 50px 19px 4px; cursor:pointer; list-style:none; font-size:12px; font-weight:750; }
  .y98x0b2v summary::-webkit-details-marker { display:none; }
  .y98x0b2v summary:after { position:absolute; top:50%; right:9px; color:#6d896b; content:"＋"; font-size:18px; font-weight:400; transform:translateY(-50%); transition:transform .2s; }
  .y98x0b2v details[open] summary:after { transform:translateY(-50%) rotate(45deg); }
  .y98x0b2v details p { max-width:740px; margin:0; padding:0 35px 19px 4px; color:#757c73; font-size:11px; line-height:1.9; }
  .emddu9gs { position:relative; overflow:hidden; padding:45px clamp(25px,6vw,75px); background:#26352e; color:white; }
  .emddu9gs:after { position:absolute; right:-45px; bottom:-120px; width:330px; height:330px; border:1px solid #ffffff30; border-radius:50%; box-shadow:0 0 0 28px #ffffff0c,0 0 0 58px #ffffff08; content:""; }
  .emddu9gs > p { margin:0 0 15px; color:#d8e3c7; font-size:9px; letter-spacing:.14em; }
  .emddu9gs > p i { color:#f39872; font-style:normal; }
  .emddu9gs h2 { font-size:clamp(39px,6vw,69px); }
  .emddu9gs > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:9px 18px; margin:22px 0 18px; }
  .emddu9gs > div span { color:#bec9bd; font-size:10px; }
  .emddu9gs > div strong { color:#fff1c1; font-size:12px; }
  .emddu9gs > a { position:relative; z-index:1; display:inline-flex; align-items:center; gap:12px; padding:11px 16px; border-radius:3px 14px 14px 14px; background:linear-gradient(110deg,#e47c57,#eaa55e); color:#282e29; font-size:10px; font-weight:850; transition:transform .2s; }
  .emddu9gs > a:hover { transform:translateY(-3px); }
  .emddu9gs > small { display:block; position:relative; z-index:1; margin-top:16px; color:#c0c8bd; font-size:9px; }
  #about .yi0f60kz { grid-template-columns:75px 1fr; }
  #about .yi0f60kz > p { display:none; }
  .i6pfj3er { max-width:800px; margin-left:95px; }
  .i6pfj3er p { margin:0 0 16px; color:#697269; font-size:11px; line-height:2.08; }
  .i6pfj3er p:last-child { margin-top:21px; color:#90968e; font-size:9px; }
  footer.rdxqw09i { display:grid; grid-template-columns:1fr auto; gap:8px 24px; padding:29px max(30px,calc((100vw - var(--wide))/2)); background:#f0f1e9; }
  footer .zfvinhck { grid-column:1; }
  footer > p { margin:0; color:#777f74; font-size:10px; }
  footer nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 18px; grid-column:2; grid-row:1 / span 2; }
  footer nav a,footer > div a { color:#737d70; font-size:9px; }
  footer nav a:hover,footer > div a:hover { color:#de7655; }
  footer > small { grid-column:1 / -1; padding-top:14px; border-top:1px solid #dfe1d8; color:#90978d; font-size:9px; }
  footer > div { display:flex; grid-column:1 / -1; justify-content:space-between; gap:15px; padding-top:13px; border-top:1px solid #dfe1d8; color:#92988f; font-size:9px; }
  .xeg72p89 { display:none; }
  .nf1z8yfd { position:fixed; z-index:11; right:22px; bottom:23px; display:grid; width:40px; height:40px; place-items:center; border:1px solid #d8ddd2; border-radius:50%; background:#fbfaf5e8; color:#456b50; cursor:pointer; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .2s,transform .2s; }
  .nf1z8yfd[data-visible="true"] { opacity:1; pointer-events:auto; transform:translateY(0); }
}

@layer mobile {
  @media (max-width:1060px) {
    main { width:calc(100vw - 235px); margin-left:205px; }
    .itt7npbo { left:18px; width:165px; }
    .p6p0a2tr a { font-size:9px; }
  }
  @media (max-width:760px) {
    html { scroll-padding-top:125px; }
    header.lcuz1uhq { min-height:61px; padding-inline:17px; }
    header.lcuz1uhq > p { display:none; }
    .itt7npbo { position:sticky; top:61px; width:100%; padding:8px 14px; border-bottom:1px solid #e2e4dc; background:#fbfaf5f2; transform:none; backdrop-filter:blur(12px); }
    .itt7npbo > p,.tgxva3a3 { display:none; }
    .p6p0a2tr { flex-direction:row; gap:7px; overflow-x:auto; scrollbar-width:none; }
    .p6p0a2tr::-webkit-scrollbar { display:none; }
    .p6p0a2tr a { flex:0 0 auto; min-height:31px; gap:5px; padding:4px 8px; border:1px solid #e0e3da; border-radius:999px; font-size:9px; }
    .p6p0a2tr a small { font-size:8px; }
    .p6p0a2tr a:hover,.p6p0a2tr a[aria-current="location"] { border:1px solid #9eb39a; transform:none; }
    main { width:calc(100% - 34px); margin:0 auto; }
    section { padding:65px 0 70px; }
    #top { padding-top:49px; }
    .tkxtj6ie { margin-bottom:25px; }
    h1 { font-size:clamp(48px,13vw,75px); }
    h1 a { text-decoration-thickness:3px; text-underline-offset:5px; }
    .tkxtj6ie > p:not(.t3gi5ujb) { font-size:12px; }
    .k3yvnp23 { height:360px; }
    .zxka11wg { bottom:23px; left:20px; }
    .zxka11wg strong { font-size:26px; }
    section > .yi0f60kz { grid-template-columns:42px 1fr; gap:10px; margin-bottom:24px; }
    .yi0f60kz > span { grid-row:1 / span 2; padding-top:6px; font-size:9px; }
    .yi0f60kz > p { grid-column:2; justify-self:start; margin-top:2px; font-size:10px; }
    h2 { font-size:34px; }
    h2 small { font-size:.45em; }
    .urwqgi7u { grid-template-columns:42px 1fr 24px; gap:8px; min-height:75px; }
    .urwqgi7u > span { grid-row:1 / span 2; font-size:16px; }
    .urwqgi7u h3 { align-self:end; font-size:13px; }
    .urwqgi7u p { grid-column:2; align-self:start; font-size:10px; }
    .urwqgi7u b { grid-column:3; grid-row:1 / span 2; }
    .urwqgi7u:hover { padding-inline:6px; }
    .u8c085e1 { flex-basis:93%; height:365px; }
    .wcgo01l9 figcaption { right:20px; bottom:20px; left:20px; }
    .wcgo01l9 h3 { font-size:29px; }
    .wcgo01l9 p { font-size:10px; }
    .m8a2b48t a { grid-template-columns:1fr 20px; gap:5px 12px; min-height:79px; padding-block:12px; }
    .m8a2b48t a span { grid-column:1; }
    .m8a2b48t a strong { grid-column:1; grid-row:2; font-size:14px; }
    .m8a2b48t a em { grid-column:1; grid-row:3; font-size:10px; }
    .m8a2b48t a b { grid-column:2; grid-row:1 / span 3; }
    .m8a2b48t a:hover { padding-inline:7px; }
    #ranking { display:block; }
    #ranking > .yi0f60kz { margin-bottom:22px; }
    .qhqkjnr5 { grid-template-columns:36px 1fr auto; gap:9px; min-height:75px; }
    .qhqkjnr5 > span { font-size:21px; }
    .qhqkjnr5 h3 { font-size:12px; }
    .qhqkjnr5 p { font-size:9px; }
    .qhqkjnr5 > b { font-size:7px; }
    #ranking > .afdoh0mw { margin:13px 0 0; }
    #experience .tvsqc0lg { grid-template-columns:1fr; gap:29px; padding:22px 15px 27px; }
    .hoy604gl { padding:12px; box-shadow:7px 8px 0 #d9e0d0; }
    .hoy604gl > img { height:220px; }
    .hoy604gl > div { font-size:8px; }
    #experience aside h3 { font-size:21px; }
    .frqkqpky { grid-template-columns:1fr; gap:17px; }
    .frqkqpky:before { top:20px; bottom:22px; left:20px; width:1px; height:auto; }
    .xyqrgxkr { min-height:94px; padding:4px 0 0 59px; }
    .xyqrgxkr > span { width:41px; height:41px; }
    .xyqrgxkr h3 { margin:3px 0 6px; font-size:13px; }
    .xyqrgxkr p { min-height:0; font-size:10px; }
    .xyqrgxkr a { margin-top:8px; font-size:9px; }
    .huepv4pk { grid-template-columns:1fr; gap:23px; }
    .huepv4pk article { padding-top:11px; }
    .huepv4pk article > span { font-size:40px; }
    .huepv4pk blockquote { margin:10px 0 12px; font-size:14px; }
    .y98x0b2v summary { padding-block:17px; font-size:11px; }
    .y98x0b2v details p { font-size:10px; }
    .emddu9gs { padding:32px 21px; }
    .emddu9gs h2 { font-size:46px; }
    .emddu9gs:after { right:-155px; bottom:-155px; }
    #about .yi0f60kz { grid-template-columns:42px 1fr; }
    .i6pfj3er { margin-left:52px; }
    .i6pfj3er p { font-size:10px; line-height:2; }
    footer.rdxqw09i { grid-template-columns:1fr; gap:9px; padding:25px 17px 83px; }
    footer nav { grid-column:1; grid-row:auto; justify-content:flex-start; gap:8px 14px; margin-top:8px; }
    footer > small,footer > div { grid-column:1; }
    footer > div { font-size:8px; }
    .xeg72p89 { position:fixed; z-index:18; right:11px; bottom:max(8px,env(safe-area-inset-bottom)); left:11px; display:flex; justify-content:space-around; padding:8px 6px calc(8px + env(safe-area-inset-bottom)); border:1px solid #dfe2d9; border-radius:14px; background:#fbfaf5f2; box-shadow:0 8px 24px #343f311c; backdrop-filter:blur(12px); }
    .xeg72p89 a { display:flex; min-width:52px; flex-direction:column; align-items:center; gap:2px; color:#596a59; font-size:8px; font-weight:750; }
    .xeg72p89 a span { color:#71936d; font-size:14px; }
    .nf1z8yfd { right:15px; bottom:78px; }
  }
}

@layer motion {
  [data-reveal] { transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }
  html[data-enhanced="true"] [data-reveal]:not([data-arrived="true"]) { opacity:0; transform:translateY(18px); }
  @keyframes page-note { from { opacity:.5; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
  .u8c085e1[data-active="true"] { animation:page-note .35s ease both; }
  @media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
    html[data-enhanced="true"] [data-reveal]:not([data-arrived="true"]) { opacity:1; transform:none; }
  }
}