@layer base, masthead, chapters, responsive, motion;

@layer base {
  :root { color-scheme:light; --ink:#332934; --soft:#786b78; --line:#f0d8e4; --rose:#ef6fa0; --rose-deep:#d94f87; --pink:#fff0f6; --cream:#fffaf7; --plum:#553b50; --max:1180px; }
  * { box-sizing:border-box; }
  html { scroll-behavior:smooth; scroll-padding-top:88px; }
  body { margin:0; background:#fff9fb; 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,summary { font:inherit; }
  :focus-visible { outline:3px solid #b33b71; outline-offset:4px; border-radius:5px; }
  ::selection { background:#ffd9e8; color:#4d2e42; }
}

@layer masthead {
  header.chruuovs { position:sticky; z-index:20; top:0; display:flex; align-items:center; gap:18px; min-height:70px; padding:0 max(24px,calc((100% - var(--max))/2)); border-bottom:1px solid #f4e4eb; background:#fffafcf2; backdrop-filter:blur(15px); }
  .fut619bh { display:inline-flex; align-items:center; gap:10px; font-size:16px; font-weight:900; letter-spacing:-.045em; white-space:nowrap; }
  .pffncs63 { display:grid; width:35px; height:35px; place-items:center; border:1px solid #ffd5e5; border-radius:12px 12px 12px 3px; background:linear-gradient(145deg,#fff,#ffdce9); color:#d7588d; font-size:19px; }
  header.chruuovs > p { margin:0 auto 0 0; color:#a28d9b; font:10px Georgia,"Noto Serif SC",serif; letter-spacing:.09em; }
  .rijakuo4 { position:relative; }
  .rijakuo4 > summary { display:flex; align-items:center; gap:8px; padding:10px 15px; border:1px solid #efd9e3; border-radius:999px; background:white; cursor:pointer; list-style:none; color:#604b5b; font-size:11px; font-weight:750; }
  .rijakuo4 > summary::-webkit-details-marker { display:none; }
  .rijakuo4 > summary span { color:var(--rose-deep); font-size:16px; transition:transform .2s; }
  .rijakuo4[open] > summary span { transform:rotate(45deg); }
  .jqfx323g { position:absolute; top:calc(100% + 10px); right:0; display:grid; grid-template-columns:repeat(3,minmax(100px,1fr)); gap:2px; width:min(550px,calc(100vw - 30px)); padding:13px; border:1px solid #f1dbe5; border-radius:16px; background:#fff; box-shadow:0 20px 45px #6b31501c; }
  .jqfx323g a { padding:10px 9px; border-radius:8px; color:#695968; font-size:10px; transition:background .18s,color .18s; }
  .jqfx323g a:hover { background:#fff0f6; color:#bb3e74; }
  .ptz03nha[href="#main"] { position:fixed; z-index:40; top:8px; left:8px; padding:9px 12px; border-radius:6px; background:white; transform:translateY(-150%); }
  .ptz03nha[href="#main"]:focus { transform:translateY(0); }
  main { width:min(var(--max),calc(100% - 52px)); margin-inline:auto; }
  section { padding:86px 0 94px; border-bottom:1px solid var(--line); }
  section > .latkvqce { display:grid; grid-template-columns:1fr 1.5fr auto; align-items:end; gap:25px; margin:0 0 32px; }
  .latkvqce > p { margin:0 0 5px; color:#ca638d; font-size:9px; font-weight:850; letter-spacing:.13em; }
  .latkvqce h2 { margin:0; font-size:clamp(29px,4vw,45px); line-height:1.22; letter-spacing:-.055em; }
  .latkvqce > span { justify-self:end; color:#a48c9a; font-size:9px; text-align:right; }
  h2 small { color:#a98096; font-family:Georgia,"Noto Serif SC",serif; font-size:.5em; font-weight:400; letter-spacing:0; }
  #hero { padding-top:56px; text-align:center; }
  .jr454weu { margin:0 auto 29px; }
  .jr454weu > p:first-child { display:flex; align-items:center; justify-content:center; gap:9px; margin:0 0 13px; color:#a47d93; font-size:10px; letter-spacing:.1em; }
  .jr454weu > p:first-child span { color:#d55087; font-weight:850; }
  .jr454weu > p:first-child i { color:#f09abb; font-size:15px; font-style:normal; }
  #hero h1 { margin:0; font-size:clamp(54px,8vw,96px); line-height:1; letter-spacing:-.09em; }
  #hero h1 a { color:#d74f86; text-decoration:underline; text-decoration-color:#ffc9dc; text-decoration-thickness:5px; text-underline-offset:8px; }
  #hero .jr454weu h2 { margin:13px 0 0; color:#563e50; font-size:clamp(26px,3.5vw,41px); line-height:1.4; letter-spacing:-.05em; }
  .jr454weu > p:last-child { max-width:620px; margin:13px auto 0; color:#827583; font-size:12px; line-height:1.9; }
  .xcsi8fd7 { position:relative; width:100%; height:clamp(350px,45vw,540px); margin:0; overflow:hidden; border-radius:5px 5px 42px 5px; background:#d98aa9; box-shadow:0 22px 50px #bb6d8a24; }
  .p8ah2nir { width:100%; height:100%; object-fit:cover; object-position:center 43%; }
  .xcsi8fd7:after { position:absolute; inset:40% 0 0; background:linear-gradient(0deg,#2d1830c9,transparent); content:""; pointer-events:none; }
  .l6y1iqk1 { position:absolute; z-index:1; bottom:30px; left:clamp(20px,5vw,55px); display:flex; flex-direction:column; align-items:flex-start; gap:6px; color:#fff; text-align:left; }
  .l6y1iqk1 span { color:#ffd7e5; font-size:9px; letter-spacing:.16em; }
  .l6y1iqk1 strong { font:500 clamp(24px,3.4vw,40px)/1.35 Georgia,"Noto Serif SC",serif; }
  .l6y1iqk1 small { color:#fff9; font-size:9px; }
  .f9y29u9k { position:absolute; top:20px; right:20px; padding:9px 11px; border:1px solid #ffffff91; color:white; font:9px/1.5 Georgia,serif; letter-spacing:.13em; }
  #hero > .w6uod5s4 { display:flex; align-items:center; justify-content:center; gap:23px; margin-top:22px; }
  .w6uod5s4 a:first-child { display:inline-flex; align-items:center; gap:14px; min-height:46px; padding:0 21px; border-radius:999px; background:linear-gradient(105deg,#d94f87,#f59ab8); color:white; font-size:11px; font-weight:850; box-shadow:0 9px 20px #cf588a2c; transition:transform .2s,box-shadow .2s; }
  .w6uod5s4 a:first-child:hover { transform:translateY(-3px); box-shadow:0 13px 26px #cf588a40; }
  .w6uod5s4 a:last-child { color:#77596c; font-size:10px; }
  .w6uod5s4 a:last-child:hover { color:#d94f87; }
  #hero > p.f9y29u9k { position:static; margin:16px 0 0; color:#9b8b97; font-size:9px; }
}

@layer chapters {
  #features { background:#fff5f8; }
  .de9clis8 { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }
  .blvkzq38 { display:grid; grid-template-columns:48px 1fr 20px; align-items:center; gap:16px; min-height:126px; padding:20px 22px; border:1px solid #f2d9e4; border-bottom:3px solid #f1bfd2; border-radius:4px 17px 17px 17px; background:#fff; box-shadow:0 7px 20px #af56751a; transition:transform .22s,box-shadow .22s; }
  .blvkzq38:nth-child(2) { background:#fffaf3; }
  .blvkzq38:nth-child(3) { background:#fff9fc; }
  .blvkzq38:hover { transform:translateY(-5px) rotate(-.3deg); box-shadow:0 14px 28px #af567526; }
  .blvkzq38 > span { color:#e493b1; font:italic 25px Georgia,serif; }
  .blvkzq38 h3 { margin:0 0 7px; font-size:13px; }
  .blvkzq38 p { margin:0; color:#827883; font-size:10px; line-height:1.8; }
  .blvkzq38 > b { color:#e295b2; font-size:14px; font-weight:400; }
  #recommended { background:#fff; }
  .g436mtch { display:flex; align-items:center; justify-content:space-between; margin:0 0 14px; }
  .g436mtch > p { margin:0; color:#8d667b; font:13px Georgia,serif; }
  .g436mtch > p span { color:#c5a6b5; }
  .g436mtch > div { display:flex; gap:7px; }
  .g436mtch button { width:35px; height:35px; border:1px solid #efd6e1; border-radius:50%; background:#fff; color:#8f5270; cursor:pointer; transition:background .2s,color .2s,transform .2s; }
  .g436mtch button:hover { background:#df5e91; color:white; transform:scale(1.07); }
  .z43l29el { display:grid; min-height:400px; overflow:hidden; background:#fff1f6; }
  .u2v8adiz { position:relative; display:grid; grid-area:1/1; grid-template-columns:.88fr 1fr; min-height:400px; overflow:hidden; background:#fff0f6; opacity:0; visibility:hidden; transform:translateX(22px) scale(.992); transition:opacity .45s ease,transform .55s ease,visibility .45s; }
  .u2v8adiz[aria-hidden="false"] { z-index:1; opacity:1; visibility:visible; transform:translateX(0) scale(1); }
  .u2v8adiz > img { width:100%; height:100%; min-height:400px; object-fit:cover; }
  .u2v8adiz > div { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(23px,5vw,60px); }
  .u2v8adiz > div p { margin:0; color:#c85b86; font-size:9px; font-weight:800; letter-spacing:.11em; }
  .u2v8adiz h3 { margin:12px 0 9px; color:#493544; font-size:clamp(27px,4vw,43px); letter-spacing:-.05em; }
  .u2v8adiz > div > span { max-width:390px; color:#786d79; font-size:11px; line-height:1.9; }
  .u2v8adiz a { margin-top:23px; color:#c34d7b; font-size:10px; font-weight:800; }
  .u2v8adiz a b { margin-left:7px; }
  #recommended > .f9y29u9k,#library > .f9y29u9k { position:static; margin:13px 0 0; color:#9b8b97; font-size:9px; }
  #library { background:#fff8fa; }
  .swmujjer { display:grid; grid-template-columns:repeat(2,1fr); gap:0 28px; border-top:1px solid #efdce4; }
  .swmujjer article { position:relative; min-height:138px; padding:19px 45px 18px 8px; border-bottom:1px solid #efdce4; transition:padding .18s,background .18s; }
  .swmujjer article:hover { padding-left:16px; background:#fff1f6; }
  .swmujjer article > span { color:#be7894; font-size:8px; letter-spacing:.08em; }
  .swmujjer h3 { margin:7px 0 5px; font-size:16px; }
  .swmujjer article p { margin:0; color:#827782; font-size:10px; line-height:1.75; }
  .swmujjer article a { display:inline-block; margin-top:10px; color:#c34d7b; font-size:9px; font-weight:800; }
  .swmujjer article a b { margin-left:5px; }
  #ranking { background:#fff0f6; }
  .ehbp2ril { position:relative; margin:0; padding:0; list-style:none; border-top:1px solid #e9c9d7; }
  .iiy308uq { display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:17px; min-height:82px; border-bottom:1px solid #e9c9d7; transition:padding .2s,background .2s; }
  .iiy308uq:hover { padding-inline:10px; background:#fff8fb; }
  .iiy308uq > span { color:#d46594; font:italic 28px Georgia,serif; }
  .iiy308uq h3 { margin:0 0 5px; font-size:14px; }
  .iiy308uq p { margin:0; color:#8e7d89; font-size:9px; }
  .iiy308uq p i { color:#e889ab; font-style:normal; }
  .iiy308uq > b { padding:6px 9px; border:1px solid #ebcedb; border-radius:999px; color:#a8768d; font-size:8px; font-weight:500; }
  #ranking > aside.f9y29u9k { position:static; margin:13px 0 0; padding-left:72px; color:#8f7d8b; font-size:9px; }
  #experience { background:#fff; }
  .lyxouz8s { display:grid; grid-template-columns:.85fr 1fr; align-items:center; gap:clamp(35px,8vw,100px); padding:42px clamp(22px,5vw,62px); border:1px solid #f0d6e2; border-radius:28px 4px 28px 28px; background:#fff5f8; transition:background .35s,color .35s; }
  .lyxouz8s[data-view="paper"] { background:#fffaf0; }
  .lyxouz8s[data-view="dusk"] { background:#342a3a; color:white; }
  .w256x1at { width:min(100%,300px); min-height:490px; justify-self:center; padding:16px 13px 12px; overflow:hidden; border:8px solid #312a33; border-radius:35px; background:#fff; box-shadow:0 20px 38px #592e451e; transition:background .35s; }
  [data-view="dusk"] .w256x1at { border-color:#211d2a; background:#292330; color:#fff; }
  .w256x1at > div { display:flex; justify-content:space-between; gap:8px; padding:3px 1px 12px; color:#826b7a; font-size:8px; }
  [data-view="dusk"] .w256x1at > div { color:#e2bdcf; }
  .w256x1at > img { width:100%; height:255px; object-fit:cover; border-radius:7px; }
  .w256x1at > p { margin:15px 5px 20px; color:#79546b; font:italic 15px/1.55 Georgia,"Noto Serif SC",serif; }
  [data-view="dusk"] .w256x1at > p { color:#ffd5e8; }
  .w256x1at > div:last-child { padding:12px 1px 0; border-top:1px solid #f0e4ea; }
  [data-view="dusk"] .w256x1at > div:last-child { border-color:#584657; }
  .lyxouz8s aside > p:first-child { color:#c45c86; font-size:8px; font-weight:800; letter-spacing:.14em; }
  [data-view="dusk"] aside > p:first-child { color:#ffc6dc; }
  .lyxouz8s aside h3 { margin:10px 0; font-size:22px; line-height:1.5; }
  .lyxouz8s aside > p:not(:first-child) { color:#786d78; font-size:10px; line-height:1.9; }
  [data-view="dusk"] aside > p:not(:first-child) { color:#d0c0cc; }
  .wfpbl4at { display:flex; flex-wrap:wrap; gap:7px; margin-top:19px; }
  .wfpbl4at button { padding:8px 12px; border:1px solid #ebccda; border-radius:999px; background:transparent; color:#79566b; cursor:pointer; font-size:9px; transition:background .18s,color .18s; }
  .wfpbl4at button[aria-pressed="true"] { border-color:#d7598c; background:#dc5d91; color:white; }
  [data-view="dusk"] .wfpbl4at button { border-color:#756276; color:#f2ddeb; }
  [data-view="dusk"] .wfpbl4at button[aria-pressed="true"] { background:#d7598c; color:white; }
  .lyxouz8s aside > small { display:block; margin-top:13px; color:#9b8b97; font-size:8px; line-height:1.7; }
  [data-view="dusk"] .lyxouz8s aside > small { color:#c7b7c4; }
  .vj7qfdli { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0; padding:0; list-style:none; counter-reset:route; }
  .wluy0yds { position:relative; min-height:195px; padding:22px 20px; border:1px solid #f0d9e3; border-radius:17px 17px 17px 3px; background:white; transition:transform .2s,box-shadow .2s; }
  .wluy0yds:hover { transform:translateY(-5px); box-shadow:0 14px 26px #9f54701a; }
  .wluy0yds > span { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; background:#ffe2ed; color:#c15180; font:11px Georgia,serif; }
  .wluy0yds h3 { margin:16px 0 7px; font-size:13px; }
  .wluy0yds p { min-height:37px; margin:0; color:#817781; font-size:10px; line-height:1.8; }
  .wluy0yds a { display:inline-block; margin-top:14px; color:#c34d7b; font-size:9px; font-weight:800; }
  .p369lz7c { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
  .bvl1jgwz { min-height:190px; padding:20px 19px; border:1px solid #f1dce5; border-radius:4px 22px 22px 22px; background:#fff; }
  .bvl1jgwz:nth-child(2) { margin-top:18px; background:#fff4f8; }
  .bvl1jgwz > span { color:#e695b3; font:48px/.7 Georgia,serif; }
  .bvl1jgwz blockquote { margin:13px 0 18px; font:13px/1.85 Georgia,"Noto Serif SC",serif; }
  .bvl1jgwz p { margin:0; color:#867b85; font-size:9px; }
  .bvl1jgwz small { color:#aa9ca6; }
  .z98i1zk8 { border-top:1px solid #efd9e3; }
  .z98i1zk8 details { border-bottom:1px solid #efd9e3; }
  .z98i1zk8 summary { position:relative; padding:18px 44px 18px 4px; cursor:pointer; list-style:none; font-size:11px; font-weight:750; }
  .z98i1zk8 summary::-webkit-details-marker { display:none; }
  .z98i1zk8 summary:after { position:absolute; top:50%; right:9px; color:#d35c8c; content:"＋"; font-size:18px; font-weight:400; transform:translateY(-50%); }
  .z98i1zk8 details[open] summary:after { content:"−"; }
  .z98i1zk8 details p { max-width:790px; margin:0; padding:0 38px 18px 4px; color:#7d727d; font-size:10px; line-height:1.9; }
  .gm7rjyv1 { position:relative; overflow:hidden; padding:43px clamp(25px,6vw,72px); border-radius:4px 38px 4px 38px; background:linear-gradient(120deg,#e75991,#f295b6 55%,#f5bdd0); color:white; }
  .gm7rjyv1:after { position:absolute; top:-110px; right:-50px; width:330px; height:330px; border:1px solid #ffffff70; border-radius:50%; box-shadow:0 0 0 28px #ffffff17,0 0 0 57px #ffffff12; content:""; }
  .gm7rjyv1 > p { margin:0 0 13px; color:#fff5f8; font-size:9px; letter-spacing:.14em; }
  .gm7rjyv1 h2 { position:relative; z-index:1; margin:0; font-size:clamp(37px,6vw,65px); line-height:1.25; letter-spacing:-.06em; }
  .gm7rjyv1 > div { position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 16px; margin:20px 0 16px; }
  .gm7rjyv1 > div span { color:#fff1f6; font-size:9px; }
  .gm7rjyv1 > div strong { color:#563947; font-size:12px; }
  .gm7rjyv1 > a { position:relative; z-index:1; display:inline-flex; align-items:center; gap:13px; padding:11px 16px; border-radius:999px; background:white; color:#bb4274; font-size:10px; font-weight:850; transition:transform .2s; }
  .gm7rjyv1 > a:hover { transform:translateY(-3px); }
  .gm7rjyv1 > small { position:relative; z-index:1; display:block; margin-top:14px; color:#fff6f9; font-size:8px; }
  #about { border-bottom:0; }
  .vc1et09h { max-width:850px; margin-left:auto; padding-left:35px; border-left:2px solid #f3c8d9; }
  .vc1et09h p { margin:0 0 16px; color:#786e79; font-size:10px; line-height:2.05; }
  .vc1et09h time { color:#b3537d; }
  footer.nejin9n1 { display:grid; grid-template-columns:1fr auto; gap:8px 22px; padding:28px max(24px,calc((100% - var(--max))/2)); border-top:1px solid #f0dce5; background:#fff0f6; }
  footer .fut619bh { grid-column:1; }
  footer > p { grid-column:1; margin:0; color:#907d8b; font-size:9px; }
  footer nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 16px; grid-column:2; grid-row:1 / span 2; }
  footer nav a,footer > div a { color:#846c7c; font-size:9px; }
  footer nav a:hover,footer > div a:hover { color:#c44178; }
  footer > small { grid-column:1 / -1; padding-top:13px; border-top:1px solid #ebd7e0; color:#9d8b98; font-size:8px; }
  footer > div { display:flex; grid-column:1 / -1; justify-content:space-between; gap:14px; padding-top:12px; border-top:1px solid #ebd7e0; color:#9d8b98; font-size:8px; }
  .x5o79um8 { display:none; }
  .xoicjbk5 { position:fixed; z-index:15; right:22px; bottom:22px; display:grid; width:39px; height:39px; place-items:center; border:1px solid #efcad9; border-radius:50%; background:#fff9fbeb; color:#bd4a7a; cursor:pointer; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .2s,transform .2s; }
  .xoicjbk5[data-visible="true"] { opacity:1; pointer-events:auto; transform:translateY(0); }
}

@layer responsive {
  @media (max-width:850px) {
    main { width:calc(100% - 38px); }
    section > .latkvqce { grid-template-columns:1fr 1.3fr; gap:12px 18px; }
    .latkvqce > span { grid-column:2; justify-self:start; }
    .lyxouz8s { gap:32px; padding:28px; }
  }
  @media (max-width:620px) {
    html { scroll-padding-top:74px; }
    header.chruuovs { min-height:62px; padding-inline:15px; }
    .fut619bh { font-size:14px; }
    .pffncs63 { width:32px; height:32px; font-size:16px; }
    header.chruuovs > p { display:none; }
    .rijakuo4 > summary { min-height:41px; padding-inline:12px; font-size:10px; }
    .jqfx323g { grid-template-columns:repeat(2,minmax(100px,1fr)); }
    main { width:calc(100% - 30px); }
    section { padding:61px 0 66px; }
    #hero { padding-top:42px; }
    #hero h1 { font-size:clamp(54px,15vw,78px); }
    #hero h1 a { text-decoration-thickness:3px; text-underline-offset:5px; }
    #hero .jr454weu h2 { font-size:28px; }
    .jr454weu > p:last-child { font-size:10px; }
    .xcsi8fd7 { height:355px; border-radius:4px 4px 28px 4px; }
    .p8ah2nir { object-position:58% center; }
    .l6y1iqk1 { bottom:20px; left:17px; }
    .l6y1iqk1 strong { font-size:24px; }
    #hero > .w6uod5s4 { gap:15px; }
    .w6uod5s4 a:first-child { min-height:43px; padding-inline:17px; font-size:10px; }
    section > .latkvqce { grid-template-columns:1fr; gap:7px; margin-bottom:22px; }
    .latkvqce > p { margin-bottom:0; }
    .latkvqce > span { grid-column:1; font-size:8px; }
    .latkvqce h2 { font-size:32px; }
    .de9clis8 { grid-template-columns:1fr; gap:9px; }
    .blvkzq38 { grid-template-columns:39px 1fr 16px; min-height:108px; gap:10px; padding:17px 14px; }
    .blvkzq38 > span { font-size:21px; }
    .blvkzq38 h3 { font-size:12px; }
    .blvkzq38 p { font-size:9px; }
    .g436mtch button { width:33px; height:33px; }
    .z43l29el { min-height:0; }
    .u2v8adiz { grid-template-columns:1fr; grid-template-rows:220px auto; min-height:0; }
    .u2v8adiz > img { min-height:0; height:220px; }
    .u2v8adiz > div { padding:19px 18px 23px; }
    .u2v8adiz h3 { margin:7px 0; font-size:25px; }
    .u2v8adiz > div > span { font-size:10px; }
    .u2v8adiz a { margin-top:14px; }
    .swmujjer { grid-template-columns:1fr; }
    .swmujjer article { min-height:128px; padding:16px 35px 15px 5px; }
    .swmujjer h3 { font-size:15px; }
    .swmujjer article p { font-size:9px; }
    .iiy308uq { grid-template-columns:37px 1fr auto; gap:9px; min-height:75px; }
    .iiy308uq > span { font-size:22px; }
    .iiy308uq h3 { font-size:12px; }
    .iiy308uq p { font-size:8px; }
    .iiy308uq > b { padding:5px 6px; font-size:7px; }
    #ranking > aside.f9y29u9k { padding-left:46px; }
    .lyxouz8s { grid-template-columns:1fr; gap:24px; padding:19px 15px 23px; border-radius:19px 4px 19px 19px; }
    .w256x1at { width:min(100%,275px); min-height:455px; }
    .w256x1at > img { height:226px; }
    .lyxouz8s aside h3 { font-size:19px; }
    .vj7qfdli { grid-template-columns:1fr; gap:9px; }
    .wluy0yds { min-height:0; padding:15px; }
    .wluy0yds > span { width:31px; height:31px; font-size:9px; }
    .wluy0yds h3 { margin:11px 0 5px; font-size:12px; }
    .wluy0yds p { min-height:0; font-size:9px; }
    .wluy0yds a { margin-top:10px; }
    .p369lz7c { grid-template-columns:1fr; gap:9px; }
    .bvl1jgwz,.bvl1jgwz:nth-child(2) { min-height:0; margin:0; padding:15px; }
    .bvl1jgwz blockquote { margin:10px 0 13px; font-size:12px; }
    .z98i1zk8 summary { font-size:10px; }
    .z98i1zk8 details p { font-size:9px; }
    .gm7rjyv1 { padding:30px 20px; border-radius:4px 25px 4px 25px; }
    .gm7rjyv1 h2 { font-size:43px; }
    .gm7rjyv1:after { right:-170px; top:auto; bottom:-180px; }
    .vc1et09h { padding-left:16px; }
    .vc1et09h p { font-size:9px; line-height:2; }
    footer.nejin9n1 { grid-template-columns:1fr; gap:8px; padding:24px 16px 82px; }
    footer nav { grid-column:1; grid-row:auto; justify-content:flex-start; gap:8px 12px; margin-top:7px; }
    footer > small,footer > div { grid-column:1; }
    footer > div { font-size:7px; }
    .x5o79um8 { position:fixed; z-index:25; right:10px; bottom:max(8px,env(safe-area-inset-bottom)); left:10px; display:flex; justify-content:space-around; padding:8px 6px calc(8px + env(safe-area-inset-bottom)); border:1px solid #efd8e3; border-radius:16px; background:#fffafcf2; box-shadow:0 8px 25px #6a3c511c; backdrop-filter:blur(12px); }
    .x5o79um8 a { display:flex; min-width:50px; flex-direction:column; align-items:center; gap:1px; color:#745768; font-size:8px; font-weight:750; }
    .x5o79um8 a span { color:#d45f90; font-size:14px; }
    .xoicjbk5 { right:14px; bottom:75px; }
  }
}

@layer motion {
  @supports (animation-timeline:view()) {
    [data-reveal] { animation:soft-entry linear both; animation-timeline:view(); animation-range:entry 0% cover 24%; }
    @keyframes soft-entry { from { opacity:.25; translate:0 18px; } to { opacity:1; translate:0 0; } }
  }
  @media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  }
}