/* Mounted scrolls, rice paper, brush display type and quiet motion. */
:root{--paper:#f5f0e5;--panel:#fbf7ec;--ink:#2e392e;--green:#41533e;--line:#e3dac7;--gold:#a18a58;--brush:'ZenDisplay','ZenKai','ZenDisplayComplete','ZenWenKai','ZenRare','ZenVariant',serif;--title:'ZenTitle','ZenSerif','ZenRare','ZenVariant','Noto Serif CJK SC','Songti SC',serif;--seal:#9b483b}
body{background-color:var(--paper);background-image:radial-gradient(ellipse at 90% 5%,#d9d5bc40,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%236b5733' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.sidebar{background:#e9e8db;border-color:#d9dccb}.brand{font-family:var(--brush);font-size:37px;letter-spacing:5px;line-height:1.15}.brand small{margin-top:12px;font-size:9px}.brand-mark{color:#475940}.side-quote{font-family:var(--brush);font-size:20px;line-height:2;letter-spacing:3px;color:#7d876b}.tiny-seal{border-color:var(--seal);color:var(--seal);font-family:var(--brush);transform:rotate(-5deg)}.side-label{color:#828974}.nav-item{color:#68745f}.nav-item.active{background:#d7dfca;color:#344a32}.topbar{background:#f8f4e990;border-color:#e1dac9}.breadcrumb,.top-actions{color:#858b77}
.greeting h1,.page-heading h1{font-family:var(--brush);font-size:37px;font-weight:400;line-height:1.4;letter-spacing:2px;color:#2d3b2b}.greeting p,.page-heading p{color:#7d866f;line-height:1.9}.greeting .daily-pill{border-color:#d3ceb9;background:#f9f4e6;color:#7e8868}.eyebrow{color:#9b8351}.greeting{margin-bottom:32px}
.hero{margin:10px 12px 0;border:1px solid #c4b78f;border-radius:2px;min-height:345px;overflow:visible;background:#e9e8d4;box-shadow:0 9px 25px #6e613a13,inset 0 0 0 7px #d8cfb160,inset 0 0 0 9px #a89b6c30;isolation:isolate}.hero-art{border-radius:2px;opacity:.85;filter:sepia(.12)}.hero:before{content:'';position:absolute;inset:9px 15px;border:1px solid #ab9e744d;pointer-events:none;z-index:1}.hero-copy{padding:36px 44px;z-index:2}.hero .eyebrow{font-size:10px;letter-spacing:5px;color:#7d865e}.hero h2{font-family:var(--brush);font-size:56px;font-weight:400;line-height:1.35;letter-spacing:5px;margin:16px 0 15px;color:#293b2b;-webkit-text-stroke:.3px currentColor}.hero p{color:#6f7c60;font-size:12px;line-height:2.1;letter-spacing:1px;margin:15px 0 23px}.hero .primary-btn{padding:13px 23px;border:1px solid #344b32;box-shadow:0 3px 7px #293b2415}.resume-text{color:#899273}.hero-seal{background:var(--seal);border:1px solid #a5634a;outline:1px solid #9b483b88;outline-offset:3px;color:#fff5dc;font-family:var(--brush);font-size:13px;line-height:1.25;top:37px;right:55px;padding:7px 5px;letter-spacing:3px;z-index:2;box-shadow:1px 2px 0 #823d2920}.hero-caption{color:#6a795a;right:29px;bottom:25px;font-family:var(--brush);font-size:13px;letter-spacing:3px}
.scroll-rod{position:absolute;top:-9px;bottom:-9px;width:16px;border-radius:5px;background:linear-gradient(90deg,#736043 0%,#bca47a 22%,#e0cda2 44%,#b39a6c 64%,#705c3d 100%);z-index:3;box-shadow:2px 1px 4px #4d3e3020;pointer-events:none}.rod-left{left:-8px}.rod-right{right:-8px}.scroll-rod:before,.scroll-rod:after{content:'';position:absolute;left:-3px;right:-3px;height:11px;background:linear-gradient(90deg,#594633,#ad9165 42%,#6b523a);border:1px solid #756044;border-radius:3px}.scroll-rod:before{top:-7px}.scroll-rod:after{bottom:-7px}
.section-title{margin-bottom:19px}.section-title h2{font-family:var(--title);font-weight:700;font-size:20px;color:#34432f;line-height:1.7}.section-title h2 small{color:#8e947c;font-size:10px;font-weight:400;letter-spacing:.2px}.section-title h2:before{content:'';width:3px;height:15px;display:inline-block;background:#a34f3c;margin-right:10px;vertical-align:-1px;border-radius:1px}.intent-card{background:#fbf7ec;border-color:#e0d8c4;border-radius:3px;padding:21px 15px;box-shadow:0 2px 2px #61563c03}.intent-card strong{font-family:var(--title);font-size:15px;font-weight:700;color:#45553a}.intent-card small{color:#92977c}.intent-card:hover{background:#eeeedd;box-shadow:0 5px 15px #544b2910;transform:translateY(-3px)}.intent-icon{background:#e6ead7;color:#74875f}.intent-card .chevron{color:#a1aa8d}
.sutra-card{border-radius:3px;border-color:#ded4bd;background:linear-gradient(120deg,#fffdf5,#f6f0e1);box-shadow:0 3px 10px #6a5a3810;transition:transform .25s,box-shadow .25s}.sutra-card:hover{transform:translateY(-4px);box-shadow:0 10px 21px #68553417}.sutra-top{gap:22px}.book-cover{width:80px;height:123px;border:0;border-radius:1px;background:linear-gradient(90deg,#d3c9a9,#f0e6c9 15%,#f8efda 50%,#e6dbbb);color:#40533b;box-shadow:3px 4px 7px #6e5e361c;overflow:visible}.book-cover.sand{background:linear-gradient(90deg,#d7c2a4,#f2e3c9 18%,#f4e8d2 65%,#e4ceb0);color:#755d3f}.book-cover:before{inset:10px 9px;border-color:#9c9c7145}.book-cover .cover-title{font-family:var(--brush);font-size:26px;letter-spacing:4px}.book-cover:after{color:#9b513c;right:14px;bottom:10px;font-family:var(--brush);font-size:7px}.cover-rod{position:absolute;height:7px;left:-5px;right:-5px;border-radius:2px;background:linear-gradient(#8c7852,#cfbd95 38%,#8c7852);box-shadow:1px 1px 2px #68553525}.cover-rod-top{top:-4px}.cover-rod-bottom{bottom:-4px}.book-info h3{font-family:var(--title);font-size:22px;font-weight:700;color:#35462f;letter-spacing:2px}.book-info p{color:#828d72}.tag{color:#6f8356;background:#e5ebd8}.tag.gold{background:#eee3cb;color:#9c7942}.source-link{color:#7d8969}.book-meta{color:#8a9478}.sutra-card .start-book{color:#556c43;border-color:#e3dac5;font-weight:600}
.quote-card{border-radius:2px;border:1px solid #d1c29e;background:linear-gradient(90deg,#e8dfc6,#f2ead5 10%,#f6efdb 65%,#e8dfc6);box-shadow:0 4px 13px #7e684217;padding-top:27px}.quote-card:before,.quote-card:after{content:'';position:absolute;height:7px;left:0;right:0;background:linear-gradient(#8a7550,#c6b089 40%,#907951)}.quote-card:before{top:0}.quote-card:after{bottom:0}.quote-card .quote-symbol{color:#ac9561}.quote-card blockquote{font-family:var(--brush);font-size:26px;line-height:1.9;letter-spacing:3px;color:#556440}.quote-card cite{color:#8e805d}.quote-card p{color:#8d8b70}.stats-strip{background:#eaeadd;border-color:#d6dbc5;border-radius:3px}.stats-message strong{font-family:var(--title);font-weight:700;font-size:14px;color:#5d6e4a}.stats strong{font-size:24px;color:#5e7549}.stats small{color:#879273}.stats-message p{color:#91967c}
.page-heading{margin-bottom:30px}.page-heading h1{font-size:43px}.sound-info h3{font-family:var(--title);font-weight:700}.sound-card{background:var(--panel);border-color:#dbd2bd;border-radius:3px}.sound-art{background:radial-gradient(circle,#e8eadb,#dce2cb)}.sound-art.rain{background:radial-gradient(circle,#e8e9df,#d5ded4)}.sound-art.wind{background:radial-gradient(circle,#f0e9d6,#e3d9bc)}.filter-pill{border-color:#d8cfb9;color:#7b8469}.filter-pill.active{background:#dfe5ce;border-color:#a6b493;color:#4c6540}.intro-note{background:#e8eadb}.work-card{background:var(--panel);border-color:#ded5c0;border-radius:3px}.work-card h3{font-family:var(--title);font-weight:700}.empty-state h2,.standard-dialog h2{font-family:var(--brush);font-size:31px;font-weight:400}.empty-state{background:#f4f0e2;border-color:#cec9b1}.draft-banner{background:#e8ead9;border-color:#d5dcc1;border-radius:3px}.control-heading,.writer-header strong{font-family:var(--title);font-weight:700}.writer-header strong{font-size:17px}.writer-dialog{background:#f3eddd;border-color:#ccc1a1}.writer-toolbar{background:#f1eddd}.writer-controls{background:#eae9d9}.writing-area{background:radial-gradient(ellipse at center,#eee9d7,#e2dfca)}.paper-wrap{position:relative;box-shadow:0 5px 22px #6354301c;border-color:#c7b990}.paper-wrap:before,.paper-wrap:after{content:'';position:absolute;left:0;right:0;height:4px;background:linear-gradient(#ab9263,#e4cfa5 50%,#b19a71);pointer-events:none;z-index:1}.paper-wrap:before{top:0}.paper-wrap:after{bottom:0}.writer-controls .control-hint{color:#899375}.secondary-btn{background:#f6f2e4;border-color:#cbd0b7}.secondary-btn:hover{background:#e8ebd8}footer{color:#8c947b}
/* Motion is reserved for entering and browsing; the practice surface stays still. */
@keyframes scroll-unroll{from{clip-path:inset(-20px 16% -20px 16%);opacity:.25}to{clip-path:inset(-20px -20px -20px -20px);opacity:1}}
@keyframes ink-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes seal-imprint{from{opacity:0;transform:scale(1.2) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(-3deg)}}
main>.greeting,main>.page-heading{animation:ink-arrive .55s ease-out backwards}.hero{animation:scroll-unroll .9s cubic-bezier(.22,.7,.3,1) backwards}.hero-copy h2{animation:ink-arrive .7s .15s ease-out backwards}.hero-seal{animation:seal-imprint .55s .45s ease-out backwards}main>.section,main>.lower-grid,main>.stats-strip,main>.sound-grid,main>.works-grid{animation:ink-arrive .65s .12s ease-out backwards}.intent-card{transition:transform .22s,box-shadow .22s,background .22s}.intent-card:nth-child(2){transition-delay:15ms}.intent-card:nth-child(3){transition-delay:30ms}main .primary-btn{transition:transform .2s,background .2s,box-shadow .2s}main .primary-btn:hover{box-shadow:0 5px 12px #35452b25}main .primary-btn:active{transform:translateY(1px) scale(.98)}
@media(min-width:1500px){.hero{min-height:375px}.hero h2{font-size:65px}.hero-copy{padding-left:52px}.greeting h1{font-size:42px}.quote-card blockquote{font-size:28px}}
@media(max-width:1200px){.brand{font-size:32px}.hero h2{font-size:52px}.hero-copy{padding:35px}.section-title h2 small{font-size:9px}.book-info h3{font-size:21px}}
@media(max-width:800px){.brand{font-size:28px}.hero h2{font-size:45px}.hero-copy{padding:32px}.hero{min-height:330px}.greeting h1{font-size:33px}.section-title h2{font-size:19px}.intent-card strong{font-size:14px}}
@media(max-width:560px){.greeting h1{font-size:30px;letter-spacing:1px}.greeting{margin-bottom:29px}.greeting p{font-size:10px}.greeting .daily-pill{margin-top:27px}.hero{margin:8px 8px 0;min-height:345px}.hero-copy{padding:26px 25px 25px}.hero h2{font-size:43px;line-height:1.3;letter-spacing:3px;margin:20px 0 17px}.hero .eyebrow{font-size:8px;letter-spacing:3px}.hero p{font-size:10px;line-height:2.1;max-width:210px;margin:0 0 23px}.hero .primary-btn{padding:12px 17px;font-size:11px}.resume-text{display:block;font-size:9px;margin:10px 0 0 3px}.hero-seal{right:23px;top:26px;font-size:11px;padding:5px 3px;outline-offset:2px}.hero-caption{right:17px;bottom:22px;font-size:11px}.scroll-rod{width:11px;top:-6px;bottom:-6px}.rod-left{left:-6px}.rod-right{right:-6px}.scroll-rod:before,.scroll-rod:after{height:8px;left:-2px;right:-2px}.scroll-rod:before{top:-5px}.scroll-rod:after{bottom:-5px}.section{margin-top:29px}.section-title{margin-bottom:16px}.section-title h2{font-size:18px;line-height:1.6}.section-title h2:before{height:13px;margin-right:8px;width:2px}.section-title h2 small{font-size:8px;margin-left:7px}.intent-card{padding:17px 10px;gap:8px}.intent-card strong{font-size:13px}.intent-card small{font-size:8px}.sutra-card{padding:20px 16px;min-height:290px}.book-cover{width:66px;height:100px;margin-left:4px}.book-cover .cover-title{font-size:24px}.book-info h3{font-size:20px}.sutra-top{gap:20px}.book-meta{font-size:8px}.stats-message strong{font-size:13px}.page-heading h1{font-size:37px}.writer-header strong{font-size:13px}.empty-state h2{font-size:28px}.standard-dialog h2{font-size:28px}.sound-info h3{font-size:19px}.sound-card{grid-template-columns:110px 1fr}.writer-dialog,.writer-toolbar,.writing-area,.paper-wrap{animation:none}.writer-controls{background:#eae9da}}
@media(max-width:360px){.greeting h1{font-size:27px}.greeting .daily-pill{font-size:8px;padding:6px 7px}.greeting p{font-size:9px}.hero h2{font-size:38px}.hero-copy{padding-left:22px}.hero .eyebrow{letter-spacing:2px}.hero-seal{right:19px}.section-title h2{font-size:16px}.section-title h2 small{font-size:7px;margin-left:4px}.intent-card strong{font-size:12px}.intent-card{gap:6px;padding:16px 8px}.intent-icon{width:28px;height:28px}.sutra-card{padding:20px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hero-art-frame{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:2px}

.hero-seal{transform:rotate(-3deg)}

/* Keep an entire display phrase in one face when the brush font lacks a glyph. */
.complete-calligraphy{font-family:"ZenDisplayComplete","ZenWenKai","ZenRare","ZenVariant",serif!important}