/* Paper, type and breathing room. No dashboard icon pack or decorative emoji. */
.sidebar{width:208px}.sidebar nav{gap:3px}.sidebar nav a{padding:9px 15px;font-size:14px}.sidebar .nav-cut{font-family:KaiTi,STKaiti,serif;font-size:17px;width:26px;height:26px;display:grid;place-items:center;color:#923728;border:1px solid #ba847244;border-radius:50%}.sidebar-bottom{padding-top:12px}.sidebar-bottom button{display:block;font-size:12px}
main{margin-left:208px}.topbar{gap:16px}.preview-label{white-space:normal;text-align:right;font-size:12px}.welcome{background:#ede2cf;color:#622c25;min-height:460px;isolation:isolate;overflow:hidden}.welcome-copy{z-index:2;padding:50px 0 50px 38px;width:42%;pointer-events:none}.welcome-copy a{pointer-events:auto}.welcome h1{font-size:clamp(38px,4.4vw,66px);line-height:1.35;letter-spacing:.06em;text-shadow:0 2px 20px #f5ead8}.welcome p,.welcome .quiet-link{color:#653d32}.welcome .vertical-seal{color:#943b29;border-color:#b16d53}.landscape{position:absolute;right:-8%;top:0;width:76%;height:100%;opacity:.98;mask-image:linear-gradient(to right,transparent,#000 17%)}.landscape-stack{width:100%;height:100%;transform:perspective(1600px) rotateY(var(--turn,-3deg)) rotateX(var(--tilt,2deg)) scale(1.04);transition:transform .6s ease}.paper-relief{width:100%;height:100%;object-fit:cover;object-position:54% 50%;display:block}.relief-rim{position:absolute;inset:0;box-shadow:inset 0 0 55px 22px #e9dbc3;pointer-events:none}.learning-path{display:flex;align-items:center;justify-content:space-around;padding:24px 0;border-bottom:1px solid #bba48455;color:#96745e}.learning-path a{color:#7a4231;font-family:KaiTi,serif;font-size:20px}.learning-path span{opacity:.4}.craft-gates{display:none}.lesson-strip{margin-top:30px}
h1,h2,h3,summary,.profile-cut{font-family:'HYShangWeiShouShuW','汉仪尚巍手书W',KaiTi,STKaiti,'Noto Serif SC',serif}h1{letter-spacing:.04em}p{line-height:1.8}.paper-form{padding:28px;background:#fffcf3;border:1px solid #dfd3bf;box-shadow:0 5px 0 -3px #ddcfb9;margin-bottom:24px;min-width:0}.paper-form h2{margin:0 0 22px}.paper-form label,.video-form label{display:block;margin:16px 0 8px;color:#684d3d;font-size:14px}.paper-form input:not([type=checkbox]),.paper-form textarea,.paper-form select,.video-form select,.video-form input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #d6c6ae;border-radius:3px;background:#fffdf7;color:#48382f;font:inherit}.paper-form textarea{resize:vertical}.paper-form .button{margin-top:16px}.paper-form pre,pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8}.paper-form img{max-width:100%;height:auto}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.consent{display:flex!important;gap:8px;align-items:flex-start}.consent input{margin-top:5px}.paper-note{border-left:2px solid #aa543c;padding:12px 20px;color:#7c6958;font-size:13px}.lesson-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lesson-card{padding:28px;background:#fffcf2;border-bottom:3px double #ac6547;position:relative}.lesson-card h2{font-size:28px;margin:14px 0}.lesson-number{font-family:Georgia,serif;font-size:42px;color:#a8613f}.lesson-card p{font-size:15px;color:#705c4c}.lesson-card fieldset{border:0;padding:0;margin-top:22px}.lesson-card legend{line-height:1.6;margin-bottom:12px}.lesson-card label{display:block;margin:12px 0;font-size:14px}.lesson-card .button{margin-top:12px}.community-list{columns:2;column-gap:24px}.post-card{break-inside:avoid;background:#fffdf6;padding:26px;margin-bottom:24px;border:1px solid #dfd3bf}.post-card img{width:100%;max-height:320px;object-fit:contain}.post-card h2{font-size:26px;line-height:1.45}.post-card .post-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.post-meta{font-size:12px;color:#95735b}.post-actions{display:flex;gap:16px;flex-wrap:wrap;padding:14px 0}.post-card textarea{width:100%;box-sizing:border-box;background:#faf4e8;border:1px solid #ddcdb6;padding:10px;resize:vertical;font:inherit}.post-card details{margin-top:12px}.comment{border-top:1px solid #ddcdb6;padding:12px 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.filter-label{display:block;margin:16px 0}.profile-cover{padding:32px 40px;background:#8d3027;color:#f8ecd6;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;box-shadow:inset 0 0 0 7px #a14230,inset 0 0 0 8px #e9bd8855}.profile-cover h2{font-size:38px;margin:0}.profile-cut{font-size:78px;border:1px solid #d8ad7755;transform:rotate(-7deg);padding:0 20px}.profile-cover p{font-size:13px;max-width:600px}.record-row{padding:16px 0;border-bottom:1px solid #dfd3bf}.record-row time{color:#92775e;font-size:12px}.record-row summary{font-family:inherit;font-size:14px}.person-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e7ddcd;font-size:14px}.task-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.task-row span{color:#9b644c}.practice-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}.practice-controls p{flex-basis:100%;font-size:13px;margin:0}.video-form{padding:28px;background:#fffcf3;border:1px solid #dfd3bf}.video-form video,#camera-result{display:block;width:100%;max-width:760px;margin:24px auto}#camera-video{width:1px;height:1px;position:absolute;opacity:0;pointer-events:none}#ar-frame{width:100%;height:620px;border:1px solid #d9c8ae;background:#fffbf3}.craft-toolbar{flex-wrap:wrap}.craft-toolbar label{font-size:13px}.craft-toolbar select{max-width:200px}.craft-output .text-link{margin:8px}.saved-work .work-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}#auth-extra{margin-top:22px;text-align:left}#auth-extra summary{font-size:16px;color:#824533;cursor:pointer}#auth-extra .paper-form{padding:16px;margin-top:12px}#entry-message{font-size:14px}#entry-message a{color:#903b2a}.form-preview input:disabled{opacity:.7}.preview-note{line-height:1.5}.entry-inner{max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}.entry-inner .paper-form{background:transparent}.entry-inner select{max-width:100%}
.welcome{display:block;border-radius:2px;min-height:460px}.welcome-copy{position:relative;box-sizing:border-box}.welcome h1{white-space:nowrap}.hero-actions .button{white-space:nowrap}.landscape-stack{inset:0}.sidebar .nav-cut{flex-shrink:0}.sidebar nav{margin-top:35px}.sidebar{overflow-y:auto}.login-page main{margin-left:0}.login-page h1{letter-spacing:inherit}.login-page .entry-inner{scrollbar-width:thin}.login-page .button{padding:12px 20px;background:#973d2b;color:#fff4e0;border:0;cursor:pointer}.login-page .text-link{color:#8b4832;background:none;border:0;cursor:pointer;text-decoration:none}.login-page .paper-form{box-shadow:none}.login-page #auth-extra{max-height:400px;overflow:auto}
:focus-visible{outline:2px solid #a13b2d;outline-offset:4px}[hidden]{display:none!important}.button:disabled{opacity:.45;cursor:not-allowed}summary{cursor:pointer}#practice-report{padding:18px 0}#practice-report:empty{display:none}
@media(min-width:1600px){.welcome{min-height:540px}.welcome-copy{padding-left:60px}.landscape{right:-3%;width:73%}}
@media(max-width:1050px){.lesson-list{grid-template-columns:1fr}.split-panel{grid-template-columns:1fr}.welcome-copy{width:52%;padding-left:24px}.welcome h1{font-size:44px}.landscape{right:-20%;width:94%;opacity:.7}.community-list{columns:1}}
@media(max-width:760px){.sidebar{width:100%;position:sticky;top:0;z-index:10}.sidebar nav{display:flex;overflow:auto;flex-wrap:nowrap}.sidebar nav a{flex-shrink:0;padding:8px 11px;white-space:nowrap}.sidebar .nav-cut{display:none}.sidebar-bottom{display:none}main{margin-left:0}.topbar{padding-top:14px}.welcome{min-height:360px}.welcome-copy{width:62%;padding:30px 0 30px 22px}.welcome h1{font-size:38px}.welcome p{font-size:13px;max-width:170px}.landscape{width:110%;right:-40%;mask-image:linear-gradient(to right,transparent,#000 40%)}.learning-path{gap:6px;flex-wrap:wrap;padding:18px 0}.learning-path a{font-size:17px}.paper-form{padding:20px}.profile-cover{padding:26px 22px}.profile-cut{font-size:48px;padding:0 10px}.profile-cover h2{font-size:30px}.entry-inner{max-height:none}.entry{overflow:visible}.practice-controls{gap:12px}.lesson-card{padding:24px}.hero-actions{gap:14px}.hero-actions a{font-size:13px}}
@media(max-width:760px){.sidebar nav{scrollbar-width:none;margin-top:20px}.sidebar nav::-webkit-scrollbar{display:none}.welcome{min-height:550px}.welcome-copy{width:100%;padding:28px 25px}.welcome .vertical-seal{display:none}.welcome h1{font-size:34px}.welcome p{max-width:none}.landscape{width:100%;height:300px;top:auto;bottom:0;right:0;margin:0;opacity:1;mask-image:linear-gradient(to bottom,transparent,#000 20%)}.landscape-stack{inset:0}.hero-actions{margin-top:18px}.learning-path{flex-wrap:nowrap;justify-content:space-between}.learning-path a{font-size:15px;white-space:nowrap}.learning-path span{display:none}}
@media(prefers-reduced-motion:reduce){.landscape-stack{transform:none!important;transition:none}}

/* Six chapters in the sidebar; the individual tools sit within each chapter. */
.sidebar nav{gap:8px;margin-top:44px}
.sidebar nav a{min-height:52px;padding:12px 10px;gap:10px;white-space:nowrap}
.section-nav{display:flex;align-items:center;gap:32px;margin:-8px 0 30px;border-bottom:1px solid var(--line)}
.section-nav a{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:0 2px 13px;color:var(--muted);font:23px var(--hand);white-space:nowrap}
.section-nav a:hover{color:var(--red)}
.section-nav a[aria-current=page]{color:var(--red)}
.section-nav a[aria-current=page]::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--red)}
@media(max-width:760px){
  .sidebar{padding:14px 18px 10px;overflow:visible}
  .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:14px;overflow:visible}
  .sidebar nav a{justify-content:center;min-height:38px;padding:7px 4px;font-size:13px;gap:0;border-left:0;border-bottom:2px solid transparent}
  .section-nav{gap:28px;margin:-8px 0 24px}
  .section-nav a{font-size:21px;min-height:44px;padding-bottom:11px}
}
.site-legal{clear:both;text-align:center;padding:8px 16px 20px;font:12px/1.6 Arial,"Microsoft YaHei",sans-serif;color:#7a6b5a}.site-legal a{color:inherit;text-decoration:none}.site-legal a:hover,.site-legal a:focus-visible{text-decoration:underline}.login-page .site-legal{position:relative;z-index:5;margin-top:-18px}