@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:"Noto Serif SC",Songti SC,SimSun,serif;color:#282625;background:#f7f4ed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.page{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:#fff7ea url(/images/paper-texture.svg) repeat}.page:before{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:37.5vw;pointer-events:none;background:url(/images/landscape-bottom.png) center bottom / 100% 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%);mask-image:linear-gradient(to bottom,transparent,#000 30%)}.header{width:min(100% - 112px,1370px);height:106px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding-top:34px;position:relative;z-index:2}.header-brand,.brand,.header nav,.language button{display:flex;align-items:center}.brand{gap:16px;text-decoration:none;font-size:35px;line-height:1;font-weight:700;letter-spacing:.06em;white-space:nowrap}.brand svg,.side-verse svg,.dialog-lotus{color:#b75749}.header-line{height:29px;width:1px;background:#a49b91;margin:0 24px 0 27px}.motto{color:#76716a;font-size:14px;letter-spacing:.13em;white-space:nowrap}.header nav{gap:29px;padding-top:6px;font-size:13px;white-space:nowrap;letter-spacing:.08em}.header nav button,.header nav a{padding:0;border:0;background:none;text-decoration:none}.header nav button:hover,.header nav a:hover,.learn-link:hover{color:#b75749}.header nav .account-link{color:#a74740}.nav-line{width:1px;height:22px;background:#aea59a;margin:0 4px}.language{position:relative}.language button{gap:4px}.language-menu{position:absolute;z-index:3;top:29px;right:0;padding:12px 15px;background:#fffdf9;box-shadow:0 6px 20px #50433729}.main{width:min(100% - 170px,1320px);min-height:803px;margin:0 auto;display:grid;grid-template-columns:minmax(450px,1fr) minmax(495px,580px) 50px;gap:38px;position:relative;z-index:1}.intro{padding-top:168px}h1{margin:0 0 30px;font-size:clamp(44px,4vw,67px);line-height:1.25;letter-spacing:.025em;white-space:nowrap}.subtitle{margin:0 0 66px;color:#55514c;font-size:clamp(16px,1.4vw,21px);line-height:1.9;letter-spacing:.075em;white-space:nowrap}.upload-button{width:383px;max-width:100%;height:76px;display:flex;justify-content:center;align-items:center;gap:24px;border:1px solid #ad514a;border-radius:9px;background:#b9564e;color:#fffaf6;font-size:20px;letter-spacing:.13em;transition:background .2s,transform .2s}.upload-button:hover{background:#a64740;transform:translateY(-2px)}.learn-link{display:flex;align-items:center;gap:10px;width:max-content;margin-top:42px;padding:0 0 4px;border:0;border-bottom:1px solid #877f76;background:none;font-size:16px;letter-spacing:.1em}.poem{margin-top:97px;color:#88827c;font-size:14px;line-height:2;letter-spacing:.12em}.poem span{display:block;width:47px;height:1px;margin-bottom:18px;background:#999187}.visual{position:relative;padding-top:43px}.compare{width:100%;height:720px;position:relative;overflow:hidden;border-radius:15px;background:#ddd5c9;box-shadow:0 1px 4px #61564b1a}.layer{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.compare>.layer{position:absolute;top:0;right:0;bottom:0;left:0}.before{position:absolute;inset:0 auto 0 0;overflow:hidden}.before-image{width:580px;max-width:none}.split{position:absolute;top:0;bottom:0;width:3px;transform:translate(-50%);background:#fffefa;box-shadow:0 0 3px #51483d44;pointer-events:none}.split span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:#fffdf8;color:#35312e;box-shadow:0 1px 10px #44372e55;font-family:Georgia,serif;font-size:27px;letter-spacing:-.17em;padding-right:5px}.compare input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.sample-label{position:absolute;top:15px;right:15px;padding:6px 10px;background:#fffaf2d9;color:#62594f;font-size:11px;letter-spacing:.1em}.compare-caption{position:absolute;left:calc(100% - 166px);top:50%;transform:translateY(-50%);width:250px;margin:0;color:#4c4741;font-size:12px;white-space:nowrap;pointer-events:none}.compare-caption:before{content:"";display:inline-block;width:70px;height:1px;background:#9b958d;vertical-align:middle;margin-right:11px}.upload-feedback{margin:15px 0;color:#97635f;font-size:11px;white-space:nowrap}.side-verse{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:150px;color:#615a54;font-size:16px;letter-spacing:.18em}.side-verse span{writing-mode:vertical-rl}.side-verse svg{margin-top:35px}footer{width:min(100% - 112px,1370px);margin:0 auto;padding:29px 0 38px;display:flex;justify-content:flex-end;align-items:center;gap:18px;position:relative;z-index:1;color:#847d74;font-size:14px;letter-spacing:.22em}footer span{width:85px;height:1px;background:#938b82}.hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.shade{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#201d1bc9}.dialog{width:min(100%,510px);position:relative;padding:45px 49px 35px;border-radius:10px;background:#f8f5ed;box-shadow:0 20px 70px #0004}.info-dialog{width:min(100%,690px);max-height:calc(100svh - 44px);overflow-y:auto}.info-dialog p{font-size:15px}.info-body p{margin:0 0 14px}.faq-list{margin:22px 0 0}.faq-list dt{margin-top:20px;color:#322e2a;font-size:15px;font-weight:700}.faq-list dd{margin:8px 0 0;color:#59534d;font-size:14px;line-height:1.85}.source-card{margin-top:17px;padding:16px 18px 15px;border:1px solid #dfd5c8;background:#fffcf6a6}.source-card h3{margin:0 0 3px;font-size:17px;font-weight:700}.source-ref{color:#908579;font-size:11px;letter-spacing:.05em}.source-label{display:block;margin-top:10px;color:#92877b;font-size:11px;letter-spacing:.12em}.source-card blockquote{margin:7px 0 9px;padding-left:14px;border-left:2px solid #ba6b5c;color:#a74740;font-size:18px;letter-spacing:.04em}.source-card p{margin:0}.info-body .source-note{margin:17px 0 0;color:#887d70;font-size:12px}.close{position:absolute;top:20px;right:20px;border:0;background:none;color:#5d5750}.dialog h2{margin:10px 0 18px;font-size:28px}.dialog p{color:#59534d;font-size:14px;line-height:1.9}.placeholder{min-height:115px;display:grid;place-items:center;margin:27px 0;border:1px solid #d8cec0;background:#f1ede5;color:#8b8176;font-size:14px;letter-spacing:.1em}.agree{display:flex;align-items:center;gap:11px;font-size:13px;cursor:pointer}.agree input{position:absolute;opacity:0;width:0;height:0}.checkbox{width:20px;height:20px;display:grid;place-items:center;border:1px solid #9d8f82;color:#fff}.agree input:checked+.checkbox{background:#b9564e;border-color:#b9564e}.agree input:focus-visible+.checkbox{outline:2px solid #b9564e;outline-offset:3px}.dialog-action{width:100%;min-height:52px;margin-top:26px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:#b9564e;color:#fffdf9;letter-spacing:.12em}.dialog-action:disabled{opacity:.42;cursor:not-allowed}.dialog small{display:block;margin-top:18px;color:#958b81;text-align:center;font-size:11px}button:focus-visible,a:focus-visible{outline:2px solid #a94741;outline-offset:4px}@media(max-width:1200px){.header{width:calc(100% - 64px)}.main{width:calc(100% - 80px);grid-template-columns:minmax(350px,1fr) minmax(410px,1fr) 30px;gap:20px}h1,.subtitle{white-space:normal}.compare{height:650px}.before-image{width:calc((100vw - 150px)/2)}footer{width:calc(100% - 64px)}}@media(max-width:850px){.page:before{height:270px;background-size:auto 270px}.header{width:calc(100% - 40px);height:92px;padding-top:26px}.brand{font-size:28px}.brand svg{width:25px}.header-line,.motto,.header nav>button,.header nav>a,.nav-line{display:none}.header nav>.account-link{display:inline}.main{width:calc(100% - 40px);min-height:auto;display:flex;flex-direction:column}.intro{padding-top:42px}h1{font-size:clamp(37px,7vw,56px);margin-bottom:19px}.subtitle{margin-bottom:35px;font-size:16px}.upload-button{width:100%;height:66px;font-size:17px}.learn-link{margin-top:28px}.poem,.side-verse{display:none}.visual{padding-top:60px}.compare{height:min(118vw,600px)}.before-image{width:calc(100vw - 40px)}.compare-caption{position:static;width:auto;transform:none;padding-top:14px;text-align:center}.compare-caption:before{display:none}footer{width:calc(100% - 40px);padding-top:72px;font-size:12px}footer span{width:40px}}@media(max-width:480px){.intro{padding-top:22px}h1{font-size:35px}.subtitle{font-size:15px}.upload-button{gap:12px}.dialog{padding:39px 25px 28px}}