:root{--cat-atlas:url('/assets/lion_cute_atlas_v2.webp')}
@font-face{font-family:PreviewSerif;src:url('/assets/fonts/NotoSerifTC-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PreviewSerif;src:url('/assets/fonts/NotoSerifTC-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f7f5ec;--ink:#163d38;--sage:#93a78e;--jade:#567c69;--clay:#b56746;--line:#d8d9cd;--gold:#c48f49;--good:#297a4c;--bad:#a84540;--sha:#1d1a16;--empty:#e9edee;--fade:#4a4540}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:PreviewSerif,"Noto Serif TC",serif;font-size:16px;line-height:1.8}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--clay);outline-offset:4px}button{color:inherit}svg{display:block}figure{margin:0}img{max-width:100%}::selection{background:#caddce}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.028;background-image:url("/assets/paper.svg")}
.shell{width:min(1180px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:.12em}.lotus{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.header-tools{display:flex;align-items:center;gap:25px;font-size:14px}.header-tools a{border-bottom:1px solid transparent}.header-tools a:hover{border-color:var(--jade)}.motion-toggle{background:transparent;border:0;padding:8px 0;font-size:13px}.demo-mark{border:1px solid var(--line);padding:2px 9px;font-size:12px;white-space:nowrap;border-radius:20px}
.hero{position:relative;display:grid;grid-template-columns:44% 56%;grid-template-areas:"copy art" "form art";padding-top:46px;padding-bottom:48px;isolation:isolate;min-height:830px}.hero-copy{grid-area:copy;padding-top:12px;z-index:2}.hero h1{font-size:clamp(82px,8.6vw,116px);font-weight:400;line-height:1.03;letter-spacing:.08em;margin:10px 0 24px}.hero h1 span{display:block}.subtitle{font-size:20px;letter-spacing:.09em;margin:0 0 24px;line-height:1.6}.small-rule{display:block;width:68px;height:1px;background:var(--clay);margin:24px 0}.foreword{font-size:15px;line-height:2;max-width:440px;margin:0;color:#50645b}.foreword details{display:contents}.foreword summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.foreword p{margin:12px 0 0}.birth-form{grid-area:form;position:relative;z-index:2;width:min(100%,420px);align-self:end;margin-top:28px}.input-row{display:flex;gap:11px;align-items:center;min-height:55px;border:1px solid #c9cebf;border-radius:4px;padding:0 14px;margin-bottom:10px;background:rgba(250,249,241,.72)}.field-icon{width:21px;height:21px;flex-shrink:0;stroke:var(--ink);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.input-row label{font-size:13px;white-space:nowrap;color:#59685e;min-width:56px}.input-row input,.input-row select{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);padding:11px 2px;border-radius:0;font-size:16px}.input-row select{appearance:auto}.primary{width:100%;border:0;background:var(--clay);color:#fffaf0;border-radius:4px;padding:14px 24px;letter-spacing:.13em;transition:background .2s,transform .2s;min-height:54px}.primary:hover{background:#a75839;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.form-note{font-size:12px;line-height:1.8;color:#637267;margin:12px 0 0}.status{font-size:13px;min-height:23px;margin:5px 0;color:var(--clay)}
.hero-art{grid-area:art;position:relative;align-self:stretch;min-height:740px;margin-left:-18px;pointer-events:none}.sage-plane{position:absolute;inset:0 1% 7% 18%;background:#a5b3a0;border-radius:55% 0 0 0;opacity:.76;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 18%)}.aura{position:absolute;width:63%;aspect-ratio:1;top:6%;left:21%;border-radius:50%;background:#f4edd6;box-shadow:0 0 60px #f4edd652;animation:auraBreath 7s ease-in-out infinite}.clay-plane{position:absolute;right:0;top:29%;width:13%;height:21%;background:#b66a48;opacity:.69}.hero-figure{position:absolute;bottom:1%;left:6%;width:94%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.88);animation:figureIn 1100ms cubic-bezier(.2,.7,.2,1) both}.architecture{position:absolute;left:-14%;bottom:1%;width:95%;height:46%;color:#b6c3ac;opacity:.5;transform:translateZ(0)}.ground-line{position:absolute;bottom:0;left:-8%;right:1%;height:26px;border-block:1px solid #aebca4;transform:skewY(-6deg);opacity:.6}.leaf{position:absolute;right:-4%;bottom:3%;width:29%;height:28%;color:#789481;opacity:.78;transform-origin:50% 100%;animation:leafSway 8s ease-in-out infinite}.hero-art:after{content:"";position:absolute;right:13%;top:44%;width:48px;height:48px;pointer-events:none;border-radius:50%;background:#ffeac83b;filter:blur(8px);animation:lotusLight 6s ease-in-out infinite}.hero-copy,.birth-form{animation:copyIn 800ms ease-out both}.birth-form{animation-delay:160ms}
.section{padding:46px 0 62px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--jade);margin:0 0 6px}.section h2{font-size:34px;letter-spacing:.12em;font-weight:400;line-height:1.4;margin:0}.section-heading .text-button{border:0;border-bottom:1px solid #abb8aa;background:transparent;font-size:13px;padding:2px 0}.result-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:54px;align-items:start}.compass{position:relative;padding:24px}.compass .cardinal{position:absolute;font-size:13px;color:#617568;letter-spacing:.1em}.north{top:-5px;left:50%;transform:translateX(-50%)}.south{bottom:-5px;left:50%;transform:translateX(-50%)}.west{left:1px;top:50%;transform:translateY(-50%)}.east{right:1px;top:50%;transform:translateY(-50%)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.cell{aspect-ratio:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px 5px;border:1px solid #c9cebf;color:var(--ink);background:var(--empty);overflow:hidden}.cell .direction{font-size:15px;letter-spacing:.08em;margin-bottom:4px}.cell .kind{font-size:11px;letter-spacing:.04em;opacity:.85;margin-bottom:9px}.cell .names{font-size:16px;font-weight:700;line-height:1.7}.cell .names span{display:block}.cell .fade{font-weight:400;color:var(--fade)}.cell.good{background:var(--good);border-color:var(--good);color:white}.cell.good .fade{color:#c5e4d1}.cell.bad{background:var(--bad);border-color:var(--bad);color:white}.cell.bad .fade{color:#f2c9c5}.cell.sha{background:var(--sha);border-color:var(--sha);color:#fff}.cell.sha .names{color:var(--gold)}.cell.center{background:#f3f0ea;border-color:#d8d9cd}.cell.center .lotus{width:35px;height:35px;color:var(--gold);margin:0 0 8px}.cell.center .kind{display:none}.cell.center .names{font-size:14px;font-weight:400;color:var(--fade)}.is-revealing .cell{animation:cellReveal 600ms cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 75ms)}.is-revealing .result-summary{animation:copyIn 700ms 280ms both}.result-summary{padding-top:18px}.value-block{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.value-label{font-size:13px;color:#69806e;margin-bottom:3px}.value{font-size:29px;line-height:1.45;letter-spacing:.03em}.rahu-line{font-size:17px;margin-top:6px}.time-note{font-size:12px;color:#607266;line-height:1.9;margin:9px 0 0}.list-block{margin:22px 0}.list-block h3{font-size:16px;font-weight:700;margin:0 0 7px;letter-spacing:.06em}.list-block.good-list h3{color:var(--good)}.list-block.bad-list h3{color:var(--bad)}.list-block p{margin:3px 0;font-size:14px}.sha-line{margin-top:20px;border-left:2px solid var(--gold);padding-left:12px;font-size:15px}.notes{font-size:12px;color:var(--fade);margin-top:20px;line-height:1.9}.sentence{margin-top:36px;padding:22px 25px;background:#efeee2;border-left:2px solid var(--gold);font-size:17px;line-height:1.9}
.table-wrap{overflow-x:auto;border-block:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:15px;min-width:750px}th{text-align:left;padding:14px 13px;font-weight:400;background:#e7ece2;color:#4a6252;font-size:13px;white-space:nowrap}td{padding:12px 13px;border-top:1px solid #e0e2d7;white-space:nowrap}td:first-child{min-width:140px}.house-n{display:inline-block;width:25px;color:#69806e;font-size:12px}.action{font-size:13px}.action.good{color:var(--good)}.action.bad{color:var(--bad)}.action.neutral{color:#7a8376}.state-good{color:var(--good)}.state-bad{color:var(--bad)}.table-note{font-size:12px;color:#607266;margin:12px 0 0}.save-row{display:flex;align-items:center;justify-content:space-between;margin-top:32px;gap:24px}.save-row p{font-size:13px;color:#637267;margin:0}.save-button{background:var(--jade);border:0;color:#fffaf0;border-radius:3px;min-width:200px;padding:12px 24px;letter-spacing:.12em}
.motion-section{padding-top:32px;padding-bottom:44px}.motion-section h2{font-size:24px}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.motion-card{border-top:1px solid #b6c2af;padding-top:17px}.motion-card .step{font-size:12px;letter-spacing:.13em;color:#718471}.motion-card h3{font-size:19px;font-weight:400;letter-spacing:.08em;margin:6px 0 12px}.motion-card p{font-size:13px;color:#66796b;line-height:1.9;margin:12px 0 0}.motion-art{height:140px;display:flex;align-items:center;justify-content:center;background:#eeefe4;position:relative;overflow:hidden}.mini-figure{height:132px;object-fit:contain;z-index:1}.mini-aura{position:absolute;top:12px;left:50%;transform:translateX(-50%);height:95px;aspect-ratio:1;background:#e5d8b6;border-radius:50%;animation:miniBreath 7s ease-in-out infinite}.mini-grid{display:grid;grid-template-columns:repeat(3,24px);gap:3px}.mini-grid span{width:24px;height:24px;background:var(--jade);opacity:.75;animation:miniCell 4s ease-in-out infinite;animation-delay:calc(var(--i) * 120ms)}.mini-grid span:nth-child(5){background:#d5d5c6}.motion-in .mini-figure{animation:miniIn 4s ease-in-out infinite}.reveal{transition:opacity 700ms ease,transform 700ms ease}.ready .reveal{opacity:0;transform:translateY(14px)}.ready .reveal.in-view{opacity:1;transform:none}.site-footer{padding:26px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#6b7a6b}.site-footer p{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes figureIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes copyIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes auraBreath{0%,100%{transform:scale(.97);opacity:.66}50%{transform:scale(1.035);opacity:.95}}@keyframes lotusLight{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.6;transform:scale(1.08)}}@keyframes leafSway{0%,100%{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}@keyframes cellReveal{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@keyframes miniBreath{0%,100%{opacity:.5;scale:.96}50%{opacity:.9;scale:1.04}}@keyframes miniIn{0%,15%{opacity:.2;transform:translateY(6px)}35%,85%{opacity:1;transform:none}100%{opacity:.2;transform:translateY(6px)}}@keyframes miniCell{0%,15%,100%{opacity:.15}40%,85%{opacity:.85}}
.quiet *,.quiet *:before,.quiet *:after{animation:none!important;transition:none!important}.quiet{scroll-behavior:auto}.quiet .reveal{opacity:1!important;transform:none!important}
@media(min-width:1500px){.hero-art{margin-left:0}.hero{min-height:865px}}
@media(max-width:900px){.shell{width:calc(100% - 56px)}.header-tools{gap:16px}.header-tools a{display:none}.hero{grid-template-columns:47% 53%;min-height:785px}.hero h1{font-size:88px}.subtitle{font-size:16px}.hero-art{margin-right:-22px;min-height:725px}.foreword{font-size:14px}.result-layout{gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.compass{padding:19px}.cell{padding:10px 3px}.cell .names{font-size:13px}.value{font-size:23px}.cell .direction{font-size:13px}.motion-grid{gap:15px}}
@media(max-width:640px){.shell{width:calc(100% - 40px)}.site-header{min-height:74px;gap:14px}.brand{font-size:17px;gap:9px}.brand .lotus{width:27px;height:27px}.header-tools{gap:12px}.motion-toggle{font-size:11px}.demo-mark{display:none}.hero{display:flex;flex-direction:column;min-height:0;padding-top:23px;padding-bottom:33px}.hero-copy{padding-top:0}.hero h1{font-size:78px;line-height:1.04;letter-spacing:.1em;margin:10px 0 17px}.subtitle{font-size:15px;letter-spacing:.06em;margin-bottom:0}.small-rule{margin:17px 0}.foreword{font-size:13px;max-width:none;line-height:1.9}.hero-art{width:calc(100% + 10px);height:443px;min-height:0;align-self:center;margin:15px -5px 0}.hero-figure{left:10%;width:90%;height:100%}.sage-plane{left:26%;bottom:3%}.aura{width:58%;top:5%;left:28%}.architecture{bottom:1%;left:0;width:90%;height:47%}.leaf{right:-2%;bottom:1%;width:24%;height:26%}.ground-line{left:0;right:0}.hero-art:after{right:11%;top:43%}.birth-form{width:100%;margin-top:20px;align-self:stretch}.input-row{min-height:54px}.form-note{font-size:11px}.section{padding:30px 0 40px}.section-heading{margin-bottom:22px;gap:14px}.section h2{font-size:26px;letter-spacing:.06em}.eyebrow{font-size:11px}.result-layout{display:block}.compass{padding:19px;margin-bottom:27px}.cell{padding:11px 3px;aspect-ratio:1}.cell .direction{font-size:13px;margin-bottom:3px}.cell .kind{font-size:10px;margin-bottom:6px}.cell .names{font-size:13px;line-height:1.6}.cell.center .lotus{width:26px;height:26px;margin-bottom:5px}.cell.center .names{font-size:12px}.result-summary{padding-top:4px}.value{font-size:27px}.value-block{padding-bottom:15px;margin-bottom:16px}.lists-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list-block{margin:8px 0 10px}.list-block h3{font-size:14px}.list-block p{font-size:12px}.sha-line{font-size:14px;margin-top:13px}.notes{font-size:11px;margin-top:14px}.sentence{font-size:15px;padding:18px;margin-top:26px}.save-row{align-items:stretch;flex-direction:column;gap:14px;margin-top:24px}.save-button{width:100%}.table-note{font-size:11px}.motion-grid{grid-template-columns:1fr;gap:24px}.motion-card{display:grid;grid-template-columns:1fr 120px;column-gap:14px;padding-top:12px}.motion-card .step,.motion-card h3,.motion-card p{grid-column:1}.motion-card h3{font-size:18px;margin:5px 0}.motion-card p{font-size:12px;margin:2px 0 0}.motion-art{grid-column:2;grid-row:1/4;height:124px}.mini-figure{height:120px}.site-footer{flex-direction:column;gap:10px;font-size:10px;padding-top:21px}.hero-copy,.birth-form{animation-duration:650ms}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}


.hero h1 .title-line{display:block;white-space:nowrap}.title-char{display:inline-block;font-style:normal;animation:titleReveal 850ms cubic-bezier(.16,.7,.2,1) both;animation-delay:calc(var(--char) * 190ms)}.title-playing .title-char{animation-name:titleRevealAgain}.lion-stage{height:180px;position:relative;overflow:hidden;margin-top:-40px;margin-bottom:12px;pointer-events:none;border-bottom:1px solid #c8d2bc}.lion-stage:before{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#a8b99b 15%,#a8b99b 85%,transparent)}.lion-guide{position:absolute;left:0;bottom:-44px;width:192px;height:256px;will-change:transform}.lion-sprite{width:100%;height:100%;background-image:var(--lion-atlas);background-size:400% 200%;background-repeat:no-repeat;background-position:0 100%;transform-origin:center}.lion-stage .explore-hint{position:absolute;font-size:10px;color:#869781;left:8px;bottom:12px;letter-spacing:.12em}.mini-title{font-size:31px;line-height:1.3;letter-spacing:.06em;color:var(--ink)}.mini-title i{font-style:normal;display:inline-block;animation:miniTitle 4s ease-out infinite;animation-delay:calc(var(--char) * 170ms)}.mini-lion{position:absolute;width:132px;height:176px;bottom:-31px;background-image:var(--lion-atlas);background-size:400% 200%;background-repeat:no-repeat;animation:miniLionLook 5s steps(1,end) infinite}.motion-replay{border:0;background:transparent;border-bottom:1px solid var(--sage);font-size:13px;padding:3px 0;white-space:nowrap}.quiet .title-char{opacity:1;filter:none;clip-path:none;transform:none}.quiet .mini-title i{opacity:1;transform:none}
@keyframes titleReveal{from{opacity:0;transform:translateY(24px);filter:blur(3px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;filter:blur(0);clip-path:inset(0)}}@keyframes titleRevealAgain{from{opacity:0;transform:translateY(24px);filter:blur(3px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;filter:blur(0);clip-path:inset(0)}}@keyframes miniTitle{0%,10%,100%{opacity:0;transform:translateY(13px)}35%,85%{opacity:1;transform:none}}@keyframes miniLionLook{0%,20%,100%{background-position:0 100%}25%,45%{background-position:33.333333% 100%}50%,70%{background-position:66.666667% 100%}75%,95%{background-position:100% 100%}}
@media(max-width:640px){.lion-stage{height:132px;margin-top:-14px;margin-bottom:4px}.lion-guide{width:144px;height:192px;bottom:-33px}.mini-title{font-size:24px}.motion-replay{font-size:12px}.motion-section .section-heading{align-items:center}}
@media(prefers-reduced-motion:reduce){.title-char{opacity:1;filter:none;clip-path:none;transform:none}.mini-title i{opacity:1;transform:none}}
.mini-lion{width:120px;height:160px;bottom:-29px;background-position:0 100%}


.hero h1.ink-heading{font-size:0;line-height:0;margin:0 0 14px;width:min(100%,430px)}.hero-copy{animation:none}.ink-stage{position:relative;display:block;padding-bottom:42px;overflow:hidden;isolation:isolate}.ink-title{position:relative;width:100%;height:auto;aspect-ratio:1;z-index:2;pointer-events:none;overflow:visible}.ink-path{stroke-dasharray:100;stroke-dashoffset:100;animation:inkWrite 230ms linear both;animation-delay:var(--delay)}.ink-complete{opacity:0;animation:inkSettle 320ms 4100ms forwards}.ink-heading.rewriting .ink-path{animation-name:inkWriteAgain}.ink-heading.rewriting .ink-complete{animation-name:inkSettleAgain}.title-cat{position:absolute;top:0;left:0;width:33.5%;aspect-ratio:3/4;height:auto;padding:0;border:0;background:transparent;z-index:1;line-height:normal;will-change:transform;transform-origin:50% 83%;overflow:visible;pointer-events:auto}.title-cat:disabled{opacity:0}.cat-sprite{display:block;width:100%;height:100%;background-image:var(--cat-atlas);background-size:400% 300%;background-repeat:no-repeat;transform-origin:center}.subtitle{animation:subtitleIn 650ms 4420ms both}.foreword>span{display:none}.mini-cat{width:116px;height:154.6667px;background-image:var(--cat-atlas);background-size:400% 300%;background-position:100% 50%;background-repeat:no-repeat}.mini-ink{width:112px;height:112px}.motion-replay{font-size:12px}.quiet .ink-path{stroke-dashoffset:0}.quiet .ink-complete{opacity:1}.quiet .subtitle{opacity:1;transform:none}.quiet .title-cat{opacity:1}.quiet .title-cat:disabled{opacity:0}
@keyframes inkWrite{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes inkWriteAgain{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes inkSettle{to{opacity:1}}@keyframes inkSettleAgain{to{opacity:1}}@keyframes subtitleIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes catRollPreview{0%,15%,100%{background-position:0 100%}25%,50%{background-position:33.333333% 100%}65%,80%{background-position:66.666667% 100%}90%{background-position:100% 100%}}
@media(max-width:640px){.hero h1.ink-heading{width:min(100%,338px);margin-top:0}.ink-stage{padding-bottom:30px}.title-cat{width:33.5%;height:auto}.mini-cat{width:100px;height:133.3333px}.mini-ink{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.ink-path{stroke-dashoffset:0}.ink-complete{opacity:1}.subtitle{opacity:1;transform:none}}
html{scrollbar-gutter:stable}.hero-figure,.birth-form,.aura,.leaf,.hero-art:after{animation:none}.reveal{transition:opacity 700ms ease}.ready .reveal{transform:none}@keyframes cellReveal{from{opacity:0}to{opacity:1}}
.hero-copy{position:relative}.hero-compass{position:absolute;left:calc(100% - 90px);top:260px;width:132px;height:132px;color:#8b9f8b;opacity:.22;pointer-events:none}.hero h1.ink-heading{margin-bottom:10px}.ink-stage{padding-bottom:14px}@media(max-width:900px){.hero-compass{display:none}}@media(max-width:640px){.ink-stage{padding-bottom:14px}}

.ink-path:nth-of-type(1){animation-delay:0ms}
.ink-path:nth-of-type(2){animation-delay:240ms}
.ink-path:nth-of-type(3){animation-delay:600ms}
.ink-path:nth-of-type(4){animation-delay:800ms}
.ink-path:nth-of-type(5){animation-delay:1000ms}
.ink-path:nth-of-type(6){animation-delay:1220ms}
.ink-path:nth-of-type(7){animation-delay:1480ms}
.ink-path:nth-of-type(8){animation-delay:1590ms}
.ink-path:nth-of-type(9){animation-delay:1700ms}
.ink-path:nth-of-type(10){animation-delay:1810ms}
.ink-path:nth-of-type(11){animation-delay:1920ms}
.ink-path:nth-of-type(12){animation-delay:2030ms}
.ink-path:nth-of-type(13){animation-delay:2140ms}
.ink-path:nth-of-type(14){animation-delay:2250ms}
.ink-path:nth-of-type(15){animation-delay:2360ms}
.ink-path:nth-of-type(16){animation-delay:2470ms}
.ink-path:nth-of-type(17){animation-delay:2580ms}
.ink-path:nth-of-type(18){animation-delay:2690ms}
.ink-path:nth-of-type(19){animation-delay:2980ms}
.ink-path:nth-of-type(20){animation-delay:3120ms}
.ink-path:nth-of-type(21){animation-delay:3260ms}
.ink-path:nth-of-type(22){animation-delay:3400ms}
.ink-path:nth-of-type(23){animation-delay:3540ms}
.ink-path:nth-of-type(24){animation-delay:3680ms}
.ink-path:nth-of-type(25){animation-delay:3820ms}
[hidden]{display:none!important}.primary:disabled{background:#b7b9aa;color:#f7f5ec;cursor:not-allowed;transform:none}.status{min-height:3.8em}.input-row:has([aria-invalid="true"]){border-color:var(--bad)}.motion-toggle:disabled{opacity:.55;cursor:default}.save-row{justify-content:flex-end}dialog{width:min(460px,calc(100% - 40px));border:1px solid var(--line);border-radius:8px;padding:28px;background:var(--paper);color:var(--ink);font-family:inherit;box-shadow:0 18px 60px #163d3826}dialog::backdrop{background:#163d3859}dialog h2{font-size:23px;font-weight:400;margin:0 0 14px}dialog p{font-size:15px;line-height:1.8;margin:0 0 22px}dialog button{border:0;border-radius:4px;background:var(--jade);color:var(--paper);padding:10px 20px;font:inherit}

.svg-defs{position:absolute;width:0;height:0;overflow:hidden}#time-format{font-size:10px;white-space:nowrap;color:#637267}
#main-title.ink-settled .ink-path{stroke-dashoffset:0;animation:none}#main-title.ink-settled .ink-complete{opacity:1;animation:none}#main-title.ink-settled+.subtitle{opacity:1;transform:none;animation:none}
.foreword button{font:inherit;color:var(--ink);padding:5px 0;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer}
#info-dialog{width:min(760px,calc(100% - 36px));height:auto;aspect-ratio:4/3;max-height:calc(100dvh - 36px);box-sizing:border-box;padding:0;background:transparent;border:0;border-radius:0;overflow:hidden;box-shadow:none}
#info-dialog:before{content:"";position:absolute;inset:30px;background:rgba(250,249,241,.65);backdrop-filter:blur(3px);border-radius:12px;z-index:-1}
#info-dialog::backdrop{background:rgba(20,49,44,.16);backdrop-filter:blur(1px)}
.info-frame{position:absolute;inset:0;pointer-events:none}.info-frame img{display:block;width:100%;height:100%}
#info-dialog .info-content{position:relative;box-sizing:border-box;height:100%;padding:52px 64px 122px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
#info-dialog h2{font-weight:700;letter-spacing:.16em;margin:0 0 0 34px;color:#27483f}#info-dialog p{font-size:17px;font-weight:400;letter-spacing:.035em;line-height:2.05;color:#294239;overflow:auto;margin:0;overscroll-behavior:contain}#close-info{justify-self:end;font-weight:700}
@media(max-width:640px){#info-dialog{width:min(380px,calc(100% - 28px));aspect-ratio:3/4}#info-dialog:before{inset:22px}#info-dialog .info-content{padding:40px 34px 106px;gap:10px}#info-dialog h2{font-size:21px;margin-left:18px;letter-spacing:.1em}#info-dialog p{font-size:15px;line-height:1.95}#close-info{font-size:13px;padding:8px 14px}}
@media(max-width:640px){.cell{padding:6px 3px}.cell .direction{line-height:1.35}.cell .kind{line-height:1.25}.cell .names{line-height:1.45}}
@media(max-width:360px){.cell{padding:5px 2px}.cell .direction{font-size:11px;line-height:1.2;margin-bottom:1px}.cell .kind{font-size:9px;line-height:1.25;margin-bottom:2px}.cell .names{font-size:11px;line-height:1.35}.cell.center .lotus{width:22px;height:22px;margin-bottom:3px}.cell.center .names{font-size:11px}}