@charset "UTF-8";
:root{--paper:#f7f6ee;--ink:#26392e;--muted:#657067;--line:#d9ded1;--lime:#deed91;--sage:#e9eedf;--orange:#f2b36c;--hand:"LXGW WenKai TC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:hover{text-decoration:none;color:#54713a}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #698236;outline-offset:5px}::selection{background:var(--lime)}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:10px 20px;background:var(--ink);color:white}.skip:focus{top:10px}.site-header{height:104px;max-width:1360px;margin:auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-weight:800;font-size:19px;letter-spacing:1px;line-height:1.2}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:2.1px;margin-top:7px}.brand-symbol{font-family:var(--hand);font-size:38px;position:relative}.brand-symbol>span{font:19px Arial;position:absolute;right:-6px;top:-8px}.site-header nav{display:flex;gap:34px;font-size:13px}.member-link{display:flex;align-items:center;gap:12px;font-size:12px;border:1px solid var(--ink);border-radius:40px;padding:10px 20px}.user-icon{font-size:21px;line-height:1}.section-shell{max-width:1240px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:44px;align-items:center;padding-top:78px;padding-bottom:85px;min-height:675px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;display:flex;align-items:center;gap:10px}.tiny-star{font-size:24px;line-height:1}.hero h1{font-family:var(--hand);font-size:clamp(40px,4.7vw,65px);font-weight:400;line-height:1.48;letter-spacing:0;margin:27px 0 20px}.underlined{position:relative;z-index:0;white-space:nowrap}.underlined:after{content:"";position:absolute;bottom:7px;left:0;right:-5px;height:17px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.hero-copy>p{font-size:13px;line-height:2.1;color:var(--muted);margin-bottom:27px}.button{border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:5px;padding:13px 24px;min-height:48px;font-size:13px;font-weight:500;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#3b5141}.button.light{background:transparent;color:var(--ink)}.button.light:hover{background:var(--sage)}.button.full{width:100%;justify-content:center}.hero-footnote{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:22px}.dot{width:6px;height:6px;background:#718d3c;border-radius:50%;display:inline-block}.hero-art{height:465px;position:relative;background-color:#e8eddc;background-image:linear-gradient(#26392e08 1px,transparent 1px),linear-gradient(90deg,#26392e08 1px,transparent 1px);background-size:24px 24px;border-radius:150px 150px 12px 12px;padding:40px 30px 20px}.art-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;padding:0 38px}.paper-note{position:absolute;top:115px;left:29px;right:45px;height:255px;padding:20px 27px;transform:rotate(-5deg);background:#fcfcf3;box-shadow:3px 10px 18px #26392e12}.paper-note:before{content:"";height:23px;width:94px;position:absolute;top:-11px;left:37%;background:#c7d3bba6;transform:rotate(3deg)}.note-date{font-size:8px;letter-spacing:1.8px}.paper-note p{font-family:var(--hand);font-size:32px;line-height:1.65;margin:22px 0;white-space:nowrap}.note-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;font-family:var(--hand);font-size:12px}.scribble-flower{position:absolute;right:8px;top:11px;color:#e6a062;font-size:56px;transform:rotate(12deg)}.sticky-note{position:absolute;right:-12px;bottom:48px;background:var(--lime);padding:22px 26px;font-family:var(--hand);font-size:18px;line-height:1.6;transform:rotate(9deg);box-shadow:2px 6px 10px #26392e12}.sticky-note span{display:block;text-align:right;font-size:29px;line-height:1}.art-stamp{position:absolute;right:36px;top:48px;border:1px solid var(--ink);border-radius:50%;width:73px;height:73px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--hand);font-size:15px;line-height:1.5;transform:rotate(14deg)}.art-caption{position:absolute;left:25px;right:25px;bottom:14px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px}.art-pencil{position:absolute;left:35px;bottom:67px;width:150px;height:9px;background:#af784c;border:2px solid #95673f;transform:rotate(20deg);border-radius:3px}.art-pencil:after{content:"";position:absolute;right:-18px;top:-2px;border-left:18px solid #d5bb8a;border-top:4px solid transparent;border-bottom:5px solid transparent}.word-ribbon{background:var(--lime);border-top:1px solid #cbdc80;border-bottom:1px solid #cbdc80;padding:14px 0;display:flex;gap:49px;justify-content:center;white-space:nowrap;overflow:hidden;font-family:var(--hand);font-size:18px}.word-ribbon b{font:22px Arial;font-weight:400}.try-section{padding-top:85px;padding-bottom:75px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}h2{font-family:var(--hand);font-size:34px;font-weight:400;line-height:1.4;letter-spacing:1px;margin:14px 0 0}.section-heading>p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.type-playground{background:#fffef8;border:1px solid #bbc6b1;border-radius:8px;overflow:hidden}.playground-toolbar{display:flex;align-items:center;gap:32px;padding:19px 25px;border-bottom:1px solid var(--line);font-size:11px}.playground-toolbar label{display:flex;align-items:center;gap:15px}.playground-toolbar select{background:var(--sage);border:0;border-radius:4px;padding:8px 25px 8px 12px;font-size:12px;color:var(--ink)}input[type=range]{accent-color:var(--ink);width:110px}.size-control{margin-left:auto}.text-button{background:none;border:0;padding:6px;color:var(--ink);font-size:11px}.type-playground textarea{display:block;resize:vertical;width:100%;min-height:200px;border:0;background:transparent;color:var(--ink);font-family:var(--hand);font-size:52px;padding:41px 32px;line-height:1.6;outline-offset:-4px}.playground-footer{padding:10px 25px 16px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.try-caption{display:flex;justify-content:space-between;gap:16px;font-size:10px;margin-top:15px;color:var(--muted)}.try-caption a{border-bottom:1px solid var(--line)}.collection-section{padding:70px 0 80px;background:#ecf0e4}.pill{display:inline-flex;border-radius:30px;padding:5px 13px;font-size:10px;letter-spacing:1px;background:var(--lime);white-space:nowrap}.pill.outline{border:1px solid var(--ink);background:none;font-size:9px}.product-feature{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.product-specimen{background:#f2b772;aspect-ratio:1.18;padding:24px 27px;border-radius:7px;position:relative;overflow:hidden}.specimen-top,.specimen-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px}.big-handwriting{font-family:var(--hand);font-size:106px;line-height:1.1;letter-spacing:8px;position:absolute;inset:62px 20px 40px 45px;transform:rotate(-6deg)}.big-handwriting span{padding-left:55px}.big-handwriting i{font-style:normal;position:absolute;right:2px;bottom:0;color:#fff8e8}.specimen-bottom{position:absolute;bottom:23px;left:27px;right:27px;font-family:var(--hand);font-size:12px;letter-spacing:1px}.specimen-bottom span{font-size:23px}.product-copy h3{font-family:var(--hand);font-size:35px;font-weight:400;line-height:1.4;margin:18px 0}.product-copy>p{font-size:13px;color:var(--muted);max-width:380px}.product-details{font-size:12px;margin:28px 0}.product-details>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #cfd8c6;padding:12px 0}.product-details dt{color:var(--muted)}.product-details dd{margin:0;text-align:right}.product-copy>.small-muted{font-size:10px}.small-muted{color:var(--muted);font-size:12px}.faq-section{padding-top:85px;padding-bottom:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-doodle{font:44px var(--hand);transform:rotate(-8deg);color:#77856a;display:inline-block;margin:38px 20px}.faq-doodle span{display:block;font-size:13px;margin-top:8px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:2;color:var(--muted);margin:16px 35px 5px 0}.faq-list p a{text-decoration:underline}.site-footer{background:var(--ink);color:#f5f5e9;padding:43px max(40px,calc((100vw - 1160px)/2)) 20px}.site-footer a:hover{color:var(--lime)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:36px}.footer-top>p{font-family:var(--hand);font-size:19px}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:9px;color:#bbc5b7;border-top:1px solid #69776970;padding-top:19px}.footer-bottom>div{display:flex;gap:24px}.footer-bottom>span:last-child{letter-spacing:1.4px}.auth-shell{max-width:1050px;padding:65px 30px 80px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;min-height:640px}.auth-aside{background:var(--sage);border-radius:80px 8px 8px 8px;padding:45px 36px;position:relative;overflow:hidden}.auth-aside h1{font-family:var(--hand);font-size:35px;font-weight:400;line-height:1.6}.auth-aside p{font-size:13px;color:var(--muted)}.auth-aside small{font-size:9px;position:absolute;bottom:25px;left:36px;letter-spacing:1px}.auth-drawing{font:85px var(--hand);transform:rotate(-10deg);margin-top:15px;line-height:1.4}.auth-drawing span{background:var(--lime);padding:0 20px;display:inline-block;font-size:70px;transform:rotate(16deg);margin-left:20px}.auth-drawing i{position:absolute;top:-30px;right:5px;font-style:normal;color:#d99452;font-size:48px}.auth-card{padding-top:14px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:23px}.auth-card h2{font-size:31px;margin:0 0 8px}.auth-card form{margin-top:27px}form label{display:block;font-size:12px;margin-bottom:18px}form label>input:not([type=checkbox]),form label>textarea,form label>select{display:block;width:100%;border:1px solid #c7cebf;border-radius:5px;background:#fffef9;padding:12px;margin-top:7px;color:var(--ink);font-size:14px}form label>textarea{resize:vertical;min-height:100px}form input::placeholder{color:#8a9286;font-size:12px}.check-label{display:flex;gap:10px;align-items:flex-start;line-height:1.8}.check-label input{margin-top:5px;accent-color:var(--ink)}.check-label a{text-decoration:underline}.form-message{font-size:12px;line-height:1.8;margin-top:15px;color:#9e442f}.form-message.success{color:#3e6428}.auth-links{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-top:22px}.inner-page{padding-top:55px;padding-bottom:85px;min-height:650px}.inner-page h1,.legal-page h1{font-family:var(--hand);font-size:43px;font-weight:400;line-height:1.5;margin:13px 0 26px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.page-heading p{font-size:13px;color:var(--muted)}.steps{display:flex;justify-content:space-between;gap:20px;list-style:none;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:35px}.steps .active{font-weight:600;color:var(--ink)}.checkout-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.panel{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fffef8}.panel h2{font-size:25px;margin:8px 0 20px}.panel h3{font-size:17px;margin:0 0 15px}.panel>p{font-size:13px;color:var(--muted)}.checkout-mini{font:43px var(--hand);background:var(--sage);padding:25px;margin:20px 0;border-radius:5px;letter-spacing:4px}.summary-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0}.order-summary .button{margin-bottom:12px}.order-summary .text-link{font-size:12px;margin-top:20px;display:inline-block}.empty-state{padding:48px 25px;text-align:center;background:var(--sage);border:1px dashed #b5c0a8;border-radius:8px}.empty-state .empty-mark{font-family:var(--hand);font-size:40px}.empty-state h2{font-size:27px;margin:12px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:22px}.alert{padding:16px 20px;border-radius:5px;background:#f6e8c9;border:1px solid #dfd2b3;font-size:12px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.account-section{margin:35px 0}.account-section>h2{font-size:27px;margin-bottom:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px;background:#fffef8}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{padding:13px 17px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--sage);font-weight:500;font-size:11px}tr:last-child td{border-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.metric{background:#fffef8;border:1px solid var(--line);border-radius:6px;padding:22px}.metric span{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:29px;margin-top:8px;font-weight:400}.admin-tabs{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.admin-tabs button{border:1px solid var(--line);border-radius:25px;background:transparent;padding:8px 20px;font-size:12px;color:var(--ink)}.admin-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.font-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.font-card h3{font-family:var(--hand);font-size:23px;margin:0}.font-card p{font-size:12px;color:var(--muted);margin-bottom:0}.legal-page{max-width:850px;padding-top:55px;padding-bottom:85px;min-height:650px}.legal-page h2{font-family:inherit;font-size:20px;margin-top:35px}.legal-page p{color:#546152;font-size:14px;line-height:2}.legal-page p a{text-decoration:underline}.loading-state{padding:50px 20px;text-align:center;color:var(--muted);font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border:1px solid #6c7e61;border-radius:8px;padding:14px 24px;z-index:100;font-size:13px;width:max-content;max-width:90%;box-shadow:0 8px 25px #0002}.password-panel{max-width:500px}.version-note{font-size:11px;color:var(--muted)}
@media(min-width:1400px){.hero{padding-top:86px;padding-bottom:92px}.hero-art{height:495px}.paper-note{top:125px}}
@media(max-width:1000px){.site-header{padding:0 30px}.site-header nav{gap:20px}.hero{gap:27px}.hero-art{height:425px;padding:30px 20px}.art-meta{padding:0 15px;font-size:7px}.paper-note{left:18px;right:20px;padding:25px 18px;height:235px}.paper-note p{font-size:27px}.art-stamp{right:23px;top:35px}.sticky-note{font-size:15px;padding:18px 20px}.hero h1{font-size:48px}.product-feature{gap:40px}.big-handwriting{font-size:88px;left:25px;top:60px}.big-handwriting span{padding-left:40px}.product-copy h3{font-size:30px}.auth-shell{gap:40px}.auth-aside{padding:38px 28px}.auth-aside h1{font-size:30px}.auth-drawing{font-size:65px}.auth-drawing span{font-size:52px}.footer-top>p{font-size:16px}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{height:84px;padding:0 22px;gap:12px}.brand{font-size:15px;gap:11px}.brand small{font-size:8px;letter-spacing:1px}.brand-symbol{font-size:30px}.brand-symbol>span{font-size:15px}.site-header nav{display:none}.member-link{padding:8px 12px;gap:8px;font-size:11px}.section-shell{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:40px;gap:40px}.hero h1{font-size:clamp(32px,10.7vw,47px);margin-top:20px}.hero-copy>p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-art{max-width:490px;width:100%;height:405px;margin:auto;border-radius:100px 100px 8px 8px}.paper-note{left:22px;right:38px;top:105px;height:235px}.paper-note p{font-size:29px}.sticky-note{right:-8px;bottom:37px}.art-stamp{right:36px;top:35px;width:66px;height:66px;font-size:14px}.art-pencil{bottom:48px;width:115px}.word-ribbon{font-size:15px;gap:30px;padding:12px 0}.try-section{padding-top:53px;padding-bottom:48px}.section-heading{align-items:flex-start;gap:17px;margin-bottom:24px}.section-heading>p{display:none}h2{font-size:28px;margin-top:12px}.playground-toolbar{padding:12px 15px;gap:15px;flex-wrap:wrap}.playground-toolbar label{gap:8px}.playground-toolbar select{padding:7px;font-size:11px}.size-control{margin-left:auto;font-size:10px}input[type=range]{width:70px}.playground-toolbar .text-button{margin-left:auto;padding:0}.type-playground textarea{font-size:42px;min-height:230px;padding:25px 21px}.playground-footer{font-size:8px;gap:15px;padding:10px 15px 12px}.try-caption{font-size:9px;flex-direction:column;gap:5px}.try-caption a{align-self:flex-start}.collection-section{padding:48px 0}.collection-section .section-heading{align-items:center}.collection-section h2{font-size:27px}.pill.outline{font-size:7px;padding:4px 9px;letter-spacing:.5px}.product-feature{grid-template-columns:1fr;gap:30px}.product-specimen{aspect-ratio:1.15}.big-handwriting{font-size:108px;left:45px;top:53px}.product-copy h3{font-size:31px}.product-details{margin:22px 0}.product-copy .button{width:100%}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:60px}.faq-doodle{display:none}.faq-list summary{font-size:13px}.site-footer{padding:32px 24px 20px}.footer-top{flex-wrap:wrap;padding-bottom:25px;row-gap:22px}.footer-top>p{order:3;width:100%;margin:0;font-size:15px}.footer-top>a:last-child{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:8px}.footer-bottom>div{gap:18px}.footer-bottom>span:last-child{width:100%;font-size:7px}.auth-shell{display:block;padding:38px 24px 60px;min-height:650px}.auth-aside{display:none}.auth-card{max-width:420px;margin:auto;padding:0}.auth-card h2{font-size:31px}.inner-page{padding-top:35px;padding-bottom:55px}.inner-page h1,.legal-page h1{font-size:32px}.page-heading{align-items:flex-start;gap:15px}.page-heading .button{padding:9px 12px;font-size:11px;min-height:40px}.steps{gap:12px;flex-wrap:wrap;font-size:10px}.steps li{width:calc(50% - 12px)}.checkout-grid,.admin-grid{grid-template-columns:1fr}.panel{padding:23px}.checkout-mini{font-size:35px}.alert{align-items:flex-start;flex-direction:column;gap:10px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:17px}.metric strong{font-size:24px}.admin-tabs button{padding:7px 14px;font-size:11px}.font-card{align-items:flex-start;flex-direction:column}.legal-page{padding-top:35px;padding-bottom:55px}.legal-page h2{font-size:18px}.legal-page p{font-size:13px}.empty-state{padding:32px 20px}}
@media(max-width:380px){.hero h1{font-size:clamp(32px,10.7vw,40px)}.paper-note p{font-size:25px}.big-handwriting{font-size:93px;left:27px}.playground-toolbar{gap:10px}.size-control{margin-left:0}.member-link .user-icon{display:none}.hero-art{height:380px}.paper-note{height:220px}.note-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}