html,body{background:#f6f2e9;color:#2e4139}html{scroll-behavior:smooth}:root{--bg:#f6f2e9;--ink:#2e4139;--muted:#737e70;--line:#dedfd0;--dark:#3e5948;--green:#b6c89a;--curve:cubic-bezier(.22,1,.36,1)}body{font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;line-height:20px}h1,h2,h3{font-weight:600;text-wrap:balance}p{text-wrap:pretty}button,a{-webkit-tap-highlight-color:transparent}button{transition:transform .5s var(--curve),background-color .3s var(--curve),color .3s var(--curve),opacity .3s var(--curve)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #768e5d;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:24px;z-index:100;background:white;padding:12px 16px;color:var(--ink)}.skip-link:focus{top:16px}main{padding:0;max-width:1280px;margin:0 auto;min-height:70vh}.site-header{margin:24px auto 0;padding:12px 16px;max-width:1200px;border-radius:16px;border:1px solid #ffffffb3;background:#fbf9f1e8;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:16px;z-index:6;box-shadow:0 8px 32px #454f3610}.brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.brand>span{font-size:24px;line-height:32px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-size:10px;line-height:16px;letter-spacing:1px;font-weight:400}.main-nav{display:flex;gap:8px}.nav{padding:8px 12px;min-height:44px;border-radius:8px;color:#687263;font-size:14px;line-height:20px;font-weight:500;background:transparent;white-space:nowrap}.nav.active{background:#e8eddd;color:#304c3a}.nav:hover{background:#e9eddf}.header-right{display:flex;align-items:center;gap:16px}.research-entry{background:transparent;font-size:12px;line-height:16px;color:#697568;padding:8px 0}.research-entry span{margin-left:4px}.avatar{width:40px;height:40px;background:#dce6c8;color:#506044;font-size:14px}.menu-toggle{display:none}.landing-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;align-items:center;padding:48px 40px 32px;position:relative;gap:0}.hero-copy{z-index:2;padding-bottom:32px}.intro-label{display:flex;gap:8px;align-items:center;font-size:12px;line-height:16px;color:#617153;margin-bottom:24px}.live-dot{width:8px;height:8px;background:#859e65;border-radius:50%;box-shadow:0 0 0 4px #e4e9d7}.hero-copy h1{font-size:60px;line-height:1;font-weight:600;letter-spacing:-2px;max-width:680px;margin:0 0 32px;color:#25372e}.hero-copy h1 span{display:block;margin-top:16px;color:#6b7e54;background:linear-gradient(90deg,#3d503b,#91a176);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:16px;line-height:24px;color:#697364;max-width:680px;margin:0 0 32px}.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.primary{font-size:16px;line-height:24px;font-weight:600;padding:8px 12px;min-height:48px;border-radius:8px;background:#3e5948;color:#fff;box-shadow:0 4px 12px #3e594814;display:inline-flex;align-items:center;justify-content:center;gap:16px}.primary svg{width:20px;height:20px}.primary:hover{background:#526e58;transform:translateY(-2px)}.start-main{min-width:192px}.cta-note{font-size:12px;line-height:16px;color:#737e70}.hero-proof{display:flex;align-items:center;gap:8px;color:#77806e;font-size:12px;line-height:16px;margin-top:24px;flex-wrap:wrap}.hero-proof svg{width:16px;height:16px}.hero-proof>span{color:#a5aa9c}.character-stage{position:relative;min-height:560px;isolation:isolate;transition:background-color .5s var(--curve);border-radius:32px}.scene-disc{position:absolute;inset:48px 8px 48px;background:#e8e8d4;border-radius:50%;z-index:-2;transition:background-color .5s var(--curve)}.orbit{position:absolute;inset:24px 0 24px;border-radius:50%;border:1px solid #a2ae8230;transform:rotate(-20deg);z-index:-1}.orbit-two{inset:64px -16px 64px;transform:rotate(25deg)}.companion-position{position:absolute;inset:0;display:grid;place-items:center}.companion{width:100%;aspect-ratio:1;border:0;padding:0;background:none;position:relative;transform:rotate(var(--tilt,0deg));transition:transform .8s var(--curve);touch-action:pan-y;filter:drop-shadow(0 24px 12px #67754e16)}.companion:hover{background:none}.companion-body{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.companion-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pupils{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .3s var(--curve)}.eye-blink{transform-origin:489px 365px;animation:eyeBlink 7s var(--curve) infinite}.glasses{opacity:0;transform:translateY(-10px);transition:opacity .3s var(--curve),transform .5s var(--curve)}.with-glasses .glasses{opacity:1;transform:translateY(0)}.companion-smile{transition:transform .3s var(--curve);transform-origin:490px 435px}.petted{animation:petNod .9s var(--curve)}.petted .companion-smile{transform:scale(1.2)}.pet-particles{position:absolute;inset:0;pointer-events:none}.pet-particles:before,.pet-particles:after{content:'✧';position:absolute;top:30%;left:25%;font-size:36px;color:#b29058;opacity:0}.pet-particles:after{left:75%;top:40%;font-size:24px}.petted .pet-particles:before,.petted .pet-particles:after{animation:petSpark .9s var(--curve)}.speech{position:absolute;right:0;top:16px;background:#fffdf7;border:1px solid #e5e3d7;box-shadow:0 8px 24px #5c664512;padding:12px 16px;border-radius:16px;font-size:12px;line-height:16px;max-width:240px;transform:rotate(4deg);transition:opacity .3s var(--curve),transform .5s var(--curve)}.speech:after{content:'';width:12px;height:12px;background:#fffdf7;position:absolute;bottom:-6px;left:32px;transform:rotate(45deg);border-right:1px solid #e5e3d7;border-bottom:1px solid #e5e3d7}.speech.speaking{transform:translateY(-8px) rotate(0deg)}.character-caption{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:12px;color:#6d7c5c;line-height:16px}.caption-dot{width:6px;height:6px;background:#91a877;border-radius:50%}.character-caption>span:last-child{font-size:18px}.scene-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fdfbf2cc;color:#6f785f;padding:8px 12px;border:1px solid #e4e4d4;border-radius:20px;min-height:40px;font-size:12px;line-height:16px}.control-button svg{width:16px;height:16px}.control-button:hover,.control-button[aria-pressed=true]{background:#e2e8d2;color:#3e5948}.scene-botanical{position:absolute;bottom:80px;width:80px;height:160px;z-index:-1}.botanical-left{left:-8px;transform:rotate(-20deg)}.botanical-right{right:-8px;transform:scaleX(-1) rotate(-12deg)}.scene-star{position:absolute;color:#c0aa70}.scene-star svg{width:24px;height:24px}.star-one{top:64px;left:32px}.star-two{right:16px;top:45%}.star-three{bottom:112px;left:48px;transform:scale(.6)}.evening .scene-disc{background:#dddbe7}.evening .scene-star{color:#9a85b3}.evening .scene-botanical{opacity:.7}.journey-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;margin:16px 40px 0;background:#efefdf;border-radius:16px;border:1px solid #e6e6d6}.journey-strip>div:first-child{display:flex;align-items:center;gap:16px}.strip-index{font-size:36px;line-height:40px;color:#74865b;font-weight:500}.journey-strip strong{font-size:14px;font-weight:500}.journey-strip p{font-size:12px;line-height:16px;color:#7b846d;margin:4px 0 0}.journey-beads{display:flex;gap:8px}.bead{width:36px;height:36px;background:#e3e6d3;border-radius:50%;font-size:12px;line-height:16px;color:#859070;padding:0;display:grid;place-items:center}.bead.current{box-shadow:0 0 0 4px #f6f5e9;border:1px solid #93a078;color:#4c643f}.bead.complete{background:#8eaa6f;color:white}.bead svg{width:18px;height:18px}.text-button{background:none;padding:8px 0;color:#586d4a;font-size:14px;line-height:20px;display:inline-flex;align-items:center;gap:8px}.text-button svg{width:18px;height:18px}.text-button:hover{transform:translateX(4px)}.tagline-section{text-align:center;padding:96px 24px 80px}.tagline-section .tiny{font-size:12px;line-height:16px;letter-spacing:2px;color:#8b967a}.tagline-section h2{font-size:36px;line-height:40px;max-width:680px;margin:24px auto;display:flex;justify-content:center;flex-wrap:wrap}.reveal-word{opacity:.3;transition:opacity .5s var(--curve)}.reveal-word.revealed{opacity:1}.tagline-section p{font-size:14px;line-height:20px;color:#859075;margin:0}.explore-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:16px;padding:0 40px}.explore-grid article{padding:24px;border-radius:16px;display:flex;flex-direction:column}.daily-feature{background:#e5ead7}.together-feature{background:#e9e6da}.medal-feature{background:#f1e8d4;text-align:center}.feature-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;color:#758065}.tiny{font-size:12px;line-height:16px;letter-spacing:1px}.feature-top .tiny{font-size:10px;line-height:16px;letter-spacing:1px}.explore-grid h2{font-size:24px;line-height:32px;margin:32px 0 16px}.explore-grid p{font-size:14px;line-height:20px;color:#7a826e;margin:0 0 24px}.feature-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:12px;color:#7b8769}.round-arrow{width:40px;height:40px;border-radius:50%;background:#6a8456;color:#fff;display:grid;place-items:center}.round-arrow svg{width:18px;height:18px}.class-summary{display:flex;align-items:center;gap:16px}.class-summary strong{font-size:48px;line-height:1;font-weight:500}.class-summary small{font-size:18px}.class-summary p{font-size:12px;line-height:16px;margin:0}.together-feature>.text-button{margin-top:auto}.hero-medal{margin:24px auto 16px;border-radius:50%;width:80px;height:80px;background:#e4d6ad;outline:1px solid #b9a67a;outline-offset:-8px;display:grid;place-items:center;box-shadow:0 8px 12px #8f734117}.hero-medal svg{width:40px;height:40px;stroke:#947b45}.medal-feature h3{font-size:18px;line-height:28px;margin:0 0 8px}.medal-feature>.text-button{justify-content:center;margin-top:auto}.how-section{padding:96px 40px 80px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.section-title h2{font-size:30px;line-height:36px;margin:0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.how-grid article{opacity:.4;transform:translateY(24px);transition:transform .6s var(--curve),opacity .6s var(--curve)}.how-grid article.revealed{opacity:1;transform:translateY(0)}.how-grid article>span{font-size:12px;color:#98a084}.how-grid h3{font-size:20px;line-height:28px;margin:16px 0 12px}.how-grid p{font-size:14px;line-height:20px;color:#7a836e;max-width:280px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;padding:64px 40px;background:#efeee4;border-radius:24px;margin:0 40px}.faq-section h2{font-size:30px;line-height:36px;margin:24px 0}.faq-section details{border:1px solid #dce0cf;border-radius:8px;margin:0 0 8px;padding:16px;background:#f7f6ed}.faq-section summary{font-size:14px;line-height:20px;cursor:pointer}.faq-section details p{font-size:14px;line-height:20px;color:#748066;padding-top:12px;margin-bottom:0}.last-invite{text-align:center;padding:80px 24px}.last-invite h2{font-size:30px;line-height:36px;margin:0 0 24px}.demo-bar{margin:0 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:12px;color:#8c937e}.demo-bar>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.demo-bar button{background:none;color:#78846b;display:flex;align-items:center;gap:4px;font-size:12px;padding:8px 0}.demo-bar svg{width:16px;height:16px}.site-footer{max-width:1200px;margin:24px auto 0;padding:32px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:#8b927d}.site-footer>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.site-footer button{font-size:12px;color:inherit;padding:0;background:none}.site-footer button:hover{color:#3e5948}body:not([data-page=home]) main{padding:64px 40px;max-width:1160px}.card{border:1px solid #e5e6dc;background:#fcfbf6;border-radius:16px;padding:24px;box-shadow:none}.secondary{padding:8px 12px;font-size:14px;line-height:20px;border-radius:8px;min-height:44px}.head h1{font-size:30px;line-height:36px}.head p,.subtle,.notice,.timeline p,.lower p,.task p{font-size:14px;line-height:20px}.rankrow{grid-template-columns:32px 1fr 160px 64px}.rankrow small{font-size:12px;line-height:16px}.rankrate{font-size:24px;line-height:32px}.rankno{font-family:inherit}.tabrow button{min-height:44px;font-size:14px;line-height:20px;padding:8px 16px}.modal-back{padding:24px;animation:fadeIn .3s var(--curve)}.modal{border-radius:24px;padding:32px}.modal h2{font-size:24px;line-height:32px}.modal p,.modal li{font-size:14px;line-height:20px}.choice{font-size:16px;line-height:24px;padding:16px;border-radius:8px}.question{font-size:20px;line-height:28px}.modal .actions{flex-wrap:wrap;gap:8px}.progress{height:8px;margin:12px 0;border-radius:8px}.stat{font-size:36px;line-height:40px}.notice{padding:16px;margin-top:24px;border-radius:8px}.toast{font-size:14px;line-height:20px;border-radius:8px;padding:12px 24px}.hero{background-color:#e7ead8}.pill{font-size:12px;line-height:16px}.landing-hero>.hero-copy{animation:arrive .8s var(--curve) both}.character-stage{animation:arrive 1s var(--curve) .1s both}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes eyeBlink{0%,43%,46%,100%{transform:scaleY(1)}44%,45%{transform:scaleY(.08)}}@keyframes petNod{0%,100%{transform:rotate(var(--tilt,0deg)) scale(1)}35%{transform:rotate(-4deg) scale(1.04)}65%{transform:rotate(3deg) scale(.98)}}@keyframes petSpark{0%{opacity:0;transform:translateY(0) scale(.5)}40%{opacity:1}100%{opacity:0;transform:translateY(-48px) scale(1.4)}}
@media(min-width:1440px){.site-header{max-width:1280px}.landing-hero{padding-top:64px;min-height:700px}.hero-copy h1{font-size:72px}.character-stage{min-height:600px}.site-footer{max-width:1200px}}
@media(max-width:1024px){.site-header{margin:16px 24px 0;gap:12px}.brand small{display:none}.research-entry{display:none}.landing-hero{padding:40px 32px;min-height:600px}.hero-copy h1{font-size:48px;line-height:1;letter-spacing:-1px}.hero-sub{font-size:14px;line-height:20px}.character-stage{min-height:480px}.speech{max-width:200px;right:8px}.character-caption{font-size:10px}.journey-strip{margin:0 32px;padding:24px;flex-wrap:wrap}.journey-strip>.text-button{display:none}.explore-grid{padding:0 32px;grid-template-columns:1fr 1fr}.medal-feature{display:none}.how-section{padding:80px 32px}.faq-section{margin:0 32px;padding:40px 32px;gap:32px}.demo-bar{margin:0 32px}.site-footer{margin:24px 32px}.hero-proof{font-size:10px;gap:4px}.hero-proof svg{width:14px;height:14px}.scene-controls{gap:4px}.control-button{padding:8px;font-size:10px}.how-grid{gap:24px}}
@media(max-width:640px){.site-header{margin:12px 16px 0;padding:8px 12px;top:8px;gap:8px;border-radius:16px}.brand>span{font-size:20px;line-height:28px}.brand svg{width:32px;height:32px}.header-right{gap:12px}.avatar{width:32px;height:32px;font-size:12px}.main-nav{position:fixed;inset:-12px -16px auto;height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#f6f2e9f5;backdrop-filter:blur(24px);padding:80px 32px;opacity:0;pointer-events:none;transform:translateY(-12px);transition:transform .5s var(--curve),opacity .3s var(--curve);z-index:-1}.main-nav .nav{font-size:24px;line-height:32px;text-align:left;padding:16px;transform:translateY(24px);opacity:0;transition:transform .5s var(--curve),opacity .3s var(--curve)}.main-nav .nav:nth-child(2){transition-delay:60ms}.main-nav .nav:nth-child(3){transition-delay:120ms}.main-nav .nav:nth-child(4){transition-delay:180ms}.menu-open .main-nav{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-open .main-nav .nav{transform:translateY(0);opacity:1}.menu-toggle{display:grid;align-content:center;gap:6px;background:transparent;width:40px;height:40px;padding:8px;z-index:8}.menu-toggle span{height:2px;width:24px;background:#405542;display:block;transition:transform .5s var(--curve)}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.landing-hero{grid-template-columns:1fr;min-height:0;padding:40px 24px 24px;gap:8px}.hero-copy{padding:0;text-align:center}.intro-label{justify-content:center;margin-bottom:24px;font-size:12px}.hero-copy h1{font-size:36px;line-height:40px;letter-spacing:-1px;margin:0 0 24px}.hero-copy h1 span{margin-top:8px}.hero-sub{font-size:14px;line-height:20px;margin-bottom:24px}.hero-cta{justify-content:center;gap:12px}.primary{font-size:16px;line-height:24px;min-height:48px}.hero-proof{justify-content:center;font-size:10px;margin-top:16px;gap:4px}.character-stage{min-height:400px;max-width:420px;width:100%;margin:16px auto 0}.companion-position{inset:0 0 8px}.scene-disc{inset:40px 8px 48px}.orbit{inset:32px 0}.orbit-two{inset:64px -8px}.scene-botanical{width:64px;height:128px;bottom:80px}.speech{top:0;right:0;max-width:200px;font-size:10px;line-height:16px;padding:8px 12px}.scene-star svg{width:18px;height:18px}.star-one{left:16px;top:48px}.star-three{bottom:96px;left:32px}.character-caption{bottom:48px;font-size:10px}.control-button{min-height:44px;font-size:12px;padding:8px 12px}.scene-controls{gap:8px;bottom:-4px}.journey-strip{margin:16px 24px 0;padding:24px;gap:24px;justify-content:center}.journey-strip>div:first-child{width:100%;justify-content:center}.journey-beads{width:100%;justify-content:center;gap:8px}.bead{width:32px;height:32px}.tagline-section{padding:64px 24px 48px}.tagline-section h2{font-size:30px;line-height:36px;max-width:340px;margin:24px auto}.tagline-section h2 span:nth-child(5){margin-left:8px}.explore-grid{padding:0 24px;grid-template-columns:1fr;gap:16px}.explore-grid article{padding:24px}.explore-grid h2{margin:24px 0 16px;font-size:24px;line-height:32px}.together-feature h2 br{display:none}.class-summary{margin-bottom:16px}.how-section{padding:64px 24px}.section-title{display:block;margin-bottom:32px}.section-title h2{font-size:24px;line-height:32px;margin-top:16px}.how-grid{grid-template-columns:1fr;gap:24px}.how-grid article{position:relative;padding-left:48px}.how-grid article>span{position:absolute;left:0;top:4px}.how-grid h3{margin:0 0 8px;font-size:18px;line-height:28px}.how-grid p{margin:0;max-width:none}.faq-section{display:block;padding:32px 24px;margin:0 24px;border-radius:16px}.faq-section h2{font-size:24px;line-height:32px;margin:16px 0 24px}.faq-section h2 br{display:none}.faq-section details{padding:16px 12px}.last-invite{padding:64px 24px}.last-invite h2{font-size:24px;line-height:32px}.demo-bar{margin:0 24px;display:block}.demo-bar>div{gap:16px;margin-top:8px}.site-footer{margin:16px 24px;display:block;padding:24px 0;font-size:12px;line-height:16px}.site-footer>div{gap:16px;margin-top:16px}body:not([data-page=home]) main{padding:40px 24px}.head h1{font-size:24px;line-height:32px}.mini-grid{gap:8px}.mini-grid .card{padding:12px}.mini-grid .stat{font-size:24px;line-height:32px}.rankrow{grid-template-columns:24px 1fr 56px;gap:8px}.rankrow .progress{display:none}.rankname{font-size:14px;line-height:20px}.rankrate{font-size:20px;line-height:28px}.rankrow small{font-size:12px;line-height:16px}.modal-back{padding:16px}.modal{padding:24px}.modal .actions{gap:8px}.card{padding:24px}.timeline .card{align-items:start}.timeline .secondary,.timeline .primary{font-size:12px;white-space:nowrap}.feature-top .tiny{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.reveal-word,.how-grid article{opacity:1;transform:none}.companion{transform:none!important}.pupils{transform:none!important}.landing-hero>.hero-copy,.character-stage{opacity:1;transform:none}}
.character-stage{overflow:clip}.hero-copy h1{background:linear-gradient(90deg,#25372e,#657260);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy h1 span{display:inline;background:linear-gradient(90deg,#3d503b,#91a176);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy h1 br{display:block}.character-caption{z-index:2;background:#f7f4e8d9;padding:4px 8px;border-radius:16px;bottom:56px}.scene-controls{z-index:3;bottom:4px}.scene-disc{inset:48px 16px 56px}.orbit-one{inset:40px 24px}.orbit-two{inset:72px 24px}.companion-body{pointer-events:none}.companion{filter:drop-shadow(0 16px 12px #67754e14)}
@media(max-width:640px){.character-caption{bottom:52px;font-size:10px}.scene-controls{bottom:0}.hero-copy h1 span{display:inline}.hero-copy h1{font-size:36px;line-height:40px}.speech{right:8px;top:4px}.character-stage{min-height:416px}.companion-position{inset:0 0 16px}.scene-disc{inset:48px 8px 56px}}
@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@media(max-width:640px){.main-nav{visibility:hidden}.menu-open .main-nav{visibility:visible}}
@media(pointer:coarse){.character-caption{font-size:0}.character-caption:after{content:'轻轻点我，和我打个招呼';font-size:12px}.character-caption>span:last-child{display:none}}
.scale-library{padding:42px 0 12px}.scale-library .section-title p{font-size:13px;color:#778174;line-height:1.7}.scale-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.scale-entry{position:relative;padding:30px;border:1px solid #d6ddc9;background:linear-gradient(135deg,#e8eddc,#f6f4e8);border-radius:20px;overflow:hidden}.scale-entry:nth-child(2){background:linear-gradient(135deg,#e1eae6,#f4f0e7)}.scale-entry h3{font-size:24px;margin:17px 0 13px}.scale-entry p{font-size:13px;color:#6c7b6a}.scale-state{display:block;color:#6f7c65;font-size:12px;margin:23px 0 17px}.scale-entry button{min-height:44px}.sas-journal-link+.sas-journal-link{margin-top:18px}@media(max-width:640px){.scale-library-grid{grid-template-columns:1fr;gap:14px}.scale-entry{padding:25px}.scale-entry h3{font-size:22px}.scale-library{padding-top:28px}}