@font-face{font-family:OmikujiSerif;src:local(Noto Serif TC),local(Songti TC),local(BiauKai);font-display:swap}:root{color:#343b38;font-synthesis:none;--paper:#f6f1e7;--ink:#343b38;--red:#a64b3f;--muted:#62645b;--line:#d9d2c5;--serif:OmikujiSerif, "Noto Serif TC", "Songti TC", serif;background:#f6f1e7;font-family:PingFang TC,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-underline-offset:5px}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{color:#292f2b;background:#dec9b6}html{scrollbar-color:#a69c8a var(--paper)}[hidden]{display:none!important}@keyframes sound-tap{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}@keyframes status-update{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialog-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.route-enter{opacity:0;transform:translateY(12px)}.route-enter-active{opacity:1;transition:opacity .45s,transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.skip-link{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;margin:0 6%;display:flex}.brand{font-family:var(--serif);letter-spacing:.16em;align-items:center;gap:15px;font-size:23px;text-decoration:none;display:flex}.brand small{letter-spacing:.19em;color:var(--muted);margin-top:6px;font:9px sans-serif;display:block}.brand-seal{border:1px solid var(--red);width:42px;height:47px;color:var(--red);letter-spacing:0;place-items:center;font-size:27px;display:grid;transform:rotate(-3deg)}.sound-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;min-height:44px;font-size:12px;display:flex}.sound-button svg{width:21px;height:21px}.sound-button.is-toggled{animation:.28s ease-out sound-tap}.is-updating{animation:.32s ease-out status-update}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin:0 6%;padding:26px 0;font-size:11px;line-height:1.8;display:flex}.site-footer button{color:inherit;font-size:inherit;text-underline-offset:4px;background:0 0;border:0;padding:8px;text-decoration:underline}main:focus{outline:0}.prayer-view{align-items:center;max-width:1600px;min-height:660px;margin:auto;display:flex;position:relative;overflow:hidden}.hero-art{mix-blend-mode:multiply;pointer-events:none;background:url(../assets/illustrations/temple-landscape.webp) 100%/auto 110% no-repeat;position:absolute;inset:0}.hero-copy{width:45%;margin-left:12%;padding:55px 0 65px;position:relative}.steps{color:#62645b;letter-spacing:.08em;gap:25px;font-size:10px;display:flex}.steps span{align-items:center;gap:8px;display:flex}.steps b{font-weight:400}.steps [aria-current]{color:var(--red)}.steps [aria-current] b{border-bottom:1px solid var(--red);padding-bottom:4px}h1,h2,h3{font-family:var(--serif);font-weight:500}h1{letter-spacing:.12em;text-wrap:balance;margin:36px 0 20px;font-size:68px;line-height:1.45}.hero-description{color:var(--muted);letter-spacing:.08em;font-size:15px;line-height:2.2}.offering{margin-top:32px;position:relative}.primary{border:1px solid var(--red);background:var(--red);color:#fffaf1;letter-spacing:.06em;border-radius:2px;justify-content:center;align-items:center;gap:32px;min-height:56px;padding:16px 25px;font-size:14px;transition:background .2s;display:inline-flex}.primary:hover{background:#8e3e34}.primary svg{flex-shrink:0;width:23px;height:23px}.micro{color:var(--muted);letter-spacing:.04em;margin:10px 0 0;font-size:11px;line-height:1.9}.coin{background:#ddca9f;border:2px solid #b59a67;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:-35px;left:290px;transform:rotate(-25deg)}.coin span{background:var(--paper);border:1px solid #a88d58;border-radius:50%;width:8px;height:8px}.hero-caption{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.3em;color:#596454;font-size:12px;position:absolute;top:55px;right:6%}.below-hero{justify-content:space-between;gap:80px;max-width:1080px;margin:0 auto 42px;padding:0 28px;display:flex}.knowledge{width:100%;max-width:570px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}.knowledge-trigger{width:100%;min-height:58px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.knowledge-trigger:hover{color:var(--red)}.knowledge-trigger svg{flex:none;width:20px;height:20px}.knowledge-dialog{max-width:620px;padding:46px 50px 40px;box-shadow:0 18px 60px #3d302533}.knowledge-dialog h2{color:var(--ink);margin:0 0 24px;font-size:28px;line-height:1.45}.knowledge-dialog p{margin:0 0 17px;line-height:2}.knowledge-dialog a{margin-top:3px;display:inline-block}.quiet-note{font-family:var(--serif);color:var(--muted);white-space:nowrap;margin-top:14px;font-size:13px;line-height:2.2}.text-button{color:var(--muted);text-underline-offset:6px;background:0 0;border:0;min-height:44px;padding:12px;font-size:13px;text-decoration:underline}.text-button:hover{color:var(--red)}.secondary{border:1px solid var(--red);color:var(--red);background:0 0;min-height:44px;padding:12px 20px}.draw-view{text-align:center;min-height:760px;padding:40px 24px 48px;overflow:hidden}.draw-view .steps,.result-view>.steps{justify-content:center}.draw-view h1{margin:30px 0 12px;font-size:39px}.draw-intro{color:var(--muted);letter-spacing:.1em;font-size:14px}.fortune-object{isolation:isolate;transform-origin:50%;width:280px;height:350px;margin:24px auto 8px;position:relative;transform:scale(.68,.8)}.tube{transform-origin:50% 85%;z-index:1;position:absolute;inset:0}.tube-illustration{width:100%;height:100%;display:block;overflow:visible}.bamboo-bundle{transform-origin:160px 185px}.emerging-stick{transform-box:view-box}.object-shadow{filter:blur(9px);background:#5f493532;border-radius:50%;width:192px;height:18px;position:absolute;bottom:13px;left:44px}.motion-status{min-height:25px;color:var(--muted);font-size:13px;line-height:1.8}.motion-status.status-update{animation:.32s ease-out status-update}.draw-actions{flex-direction:column;align-items:center;gap:7px;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1);display:flex}.draw-actions.is-exiting{opacity:0;pointer-events:none;transform:translateY(8px)}.draw-actions .primary{min-width:260px}.draw-note{margin-top:14px}.mobile-only{display:none}.result-view{max-width:790px;margin:auto;padding:32px 28px 60px}.result-top{color:var(--muted);justify-content:space-between;align-items:center;margin:25px 0 15px;font-size:13px;display:flex}.fortune-paper{background:#fffcf5;padding:0 64px 32px;position:relative;box-shadow:0 10px 40px #5148370b}.fortune-illustration{aspect-ratio:3/2;height:auto;margin:24px -64px 0;position:relative;overflow:hidden}.fortune-illustration img{object-fit:contain;object-position:center;mix-blend-mode:multiply;width:100%;height:100%}.fortune-heading{text-align:center;padding-top:24px;position:relative}.fortune-id{font-family:var(--serif);letter-spacing:.22em;font-size:14px}.fortune-grade{color:var(--red);letter-spacing:.25em;margin:12px 0 22px;padding-left:.25em;font-size:42px}.small-seal{border:1px solid var(--red);color:var(--red);writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.15em;padding:7px 3px;font-size:11px;position:absolute;top:45px;right:0}.poem{border-bottom:1px solid var(--line);flex-direction:row-reverse;justify-content:center;gap:28px;padding:14px 0 44px;display:flex}.poem p{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.25em;margin:0;font-size:26px;line-height:1.5}.interpretation{padding:34px 0 20px}.fortune-paper h2{letter-spacing:.12em;margin:0 0 17px;font-size:20px}.interpretation p{margin:0 0 18px;font-size:16px;line-height:2.1}.gentle-note{color:var(--red);font-family:var(--serif)}.situations{padding-top:14px}.situations dl{margin:0}.situations dl>div{border-bottom:1px solid #e6e0d3;grid-template-columns:130px 1fr;gap:18px;padding:18px 0;display:grid}.situations dt{color:var(--muted);font-size:14px;line-height:1.9}.situations dd{margin:0;font-size:15px;line-height:1.9}.paper-footer{color:var(--muted);margin-top:30px;font-size:10px;line-height:1.9}.paper-footer p{margin:5px 0}.review-label{opacity:.9}.take-home{text-align:center;margin-top:40px}.take-home h2{letter-spacing:.1em;font-size:24px}.take-home>p{color:var(--muted);font-size:13px;line-height:1.8}.take-home .primary{margin-top:10px}.take-home #restart{margin:24px auto 0;display:block}.share-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.share-actions .primary{margin-top:0}.share-actions .text-button{align-items:center;display:inline-flex}.share-area>.micro{margin:10px 0 0}.restart-confirm{border-top:1px solid var(--line);margin-top:20px;padding:22px 0;font-size:13px}.image-failure{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:13px;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1),visibility .28s;display:flex;transform:translateY(8px)}.image-failure.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.image-failure button{border:1px solid var(--line);background:0 0;margin-top:12px;padding:10px}.toast:empty{display:none}.toast{color:#fffaf1;z-index:10;opacity:0;visibility:hidden;background:#343b38;max-width:90%;padding:14px 20px;font-size:13px;line-height:1.7;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1),visibility .28s;position:fixed;bottom:16px;left:50%;transform:translate(-50%,10px)}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}dialog[open]{animation:.24s cubic-bezier(.16,1,.3,1) dialog-in}dialog[open]::backdrop{animation:.24s ease-out backdrop-in}dialog.is-closing{animation:.18s ease-in forwards dialog-out}dialog.is-closing::backdrop{animation:.18s ease-in forwards backdrop-out}dialog{border:1px solid var(--line);width:calc(100% - 36px);max-width:500px;color:var(--ink);background:#fffcf5;padding:42px}dialog::backdrop{background:#30362f66}dialog h2{font-size:26px}dialog p{font-size:14px;line-height:1.9}.close-dialog{width:44px;height:44px;color:var(--muted);background:0 0;border:0;font-size:28px;position:absolute;top:4px;right:8px}.small{font-size:11px!important}@media (min-width:1500px){.hero-copy{margin-left:16%}.hero-art{background-size:auto 115%}}@media (max-width:900px){.hero-copy{width:55%;margin-left:8%}.hero-art{opacity:.75;background-position:62%}h1{font-size:58px}.site-header{height:96px}.site-footer{flex-direction:column;gap:8px}.below-hero{gap:36px}.prayer-view{min-height:630px}}@media (max-width:600px){.site-header{height:88px;margin:0 24px}.brand{gap:11px;font-size:20px}.brand-seal{width:34px;height:39px;font-size:23px}.brand small{font-size:8px}.sound-button{gap:6px;font-size:10px}.sound-button svg{width:19px}.prayer-view{min-height:0;padding-top:218px;display:block;overflow:visible}.hero-art{opacity:.9;background-position:78% 55%;background-size:auto 130%;height:300px;top:0;bottom:auto;-webkit-mask-image:linear-gradient(#000 68%,#0000);mask-image:linear-gradient(#000 68%,#0000)}.hero-copy{text-align:center;width:100%;margin:0;padding:5px 28px 24px}.hero-copy .steps{justify-content:center;gap:21px}.steps{gap:22px;font-size:9px}.steps span{gap:6px}h1{letter-spacing:.1em;margin:25px 0 16px;font-size:47px;line-height:1.35}.hero-description{font-size:13px;line-height:2}.offering{margin-top:25px}.primary{gap:22px;min-height:54px;padding:15px 20px;font-size:13px}.offering .primary{width:100%;max-width:340px}.coin{width:23px;height:23px;top:-26px;left:auto;right:9%}.coin span{width:6px;height:6px}.hero-caption{letter-spacing:.2em;font-size:10px;top:24px;right:24px}.below-hero{margin:14px 0 25px;padding:0 28px;display:block}.quiet-note{display:none}.knowledge{font-size:12px}.knowledge-trigger{padding:16px 0}.knowledge-dialog{padding:36px 27px 30px}.knowledge-dialog h2{font-size:23px}.site-footer{gap:6px;margin:0 24px;padding:19px 0;font-size:10px}.draw-view{min-height:660px;padding:28px 22px 30px}.draw-view h1{margin:24px 0 12px;font-size:33px;line-height:1.45}.mobile-only{display:block}.draw-intro{font-size:13px}.fortune-object{transform-origin:50%;height:325px;margin:10px auto;transform:scale(.68,.8)}.draw-actions .primary{width:100%;max-width:310px}.motion-status{margin-top:-15px;font-size:12px}.result-view{padding:26px 16px 40px}.result-top{padding:0 4px;font-size:11px}.fortune-paper{padding:0 26px 24px}.fortune-illustration{height:auto;margin:20px -26px 0}.fortune-heading{padding-top:20px}.fortune-grade{font-size:36px}.poem{gap:19px;padding:8px 0 30px}.poem p{font-size:24px}.small-seal{font-size:9px;top:40px;right:0}.interpretation{padding:29px 0 9px}.interpretation p{font-size:16px}.fortune-paper h2{font-size:19px}.situations dl>div{grid-template-columns:1fr;gap:4px;padding:16px 0}.situations dt{color:var(--red);font-size:12px}.situations dd{font-size:15px}.paper-footer{font-size:9px}.take-home h2{font-size:23px}.take-home>p{font-size:12px}.take-home .primary{gap:12px}.toast{width:calc(100% - 32px)}dialog{padding:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reading-after-poem{opacity:1;visibility:visible;pointer-events:auto;transform:none}}.hero-art{-webkit-mask-image:linear-gradient(90deg,#0000 28%,#000 55%);mask-image:linear-gradient(90deg,#0000 28%,#000 55%)}.drawer-scene{visibility:hidden;isolation:isolate;pointer-events:none;z-index:6;width:min(360px,100% - 34px);height:280px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.drawer-aura{z-index:-1;filter:blur(11px);background:radial-gradient(#fff7dc 0%,#e6d1a44d 42%,#0000 73%);border-radius:50%;position:absolute;inset:12% 8% 14%}.drawer-cabinet{background:linear-gradient(90deg,#6b4931 0 7px,#0000 7px calc(100% - 7px),#6b4931 calc(100% - 7px)),linear-gradient(#c9a26e 0%,#aa7c4f 100%);border:1px solid #765035;position:absolute;inset:28px 20px 16px;overflow:visible;box-shadow:0 18px 28px #594b3830,inset 0 0 0 6px #d8b98166}.drawer-cabinet:before,.drawer-cabinet:after{content:"";pointer-events:none;background:#edcf9a66;width:1px;position:absolute;top:7px;bottom:7px}.drawer-cabinet:before{left:17px}.drawer-cabinet:after{right:17px}.drawer-top{color:#4c3525;background:linear-gradient(#d6b47d 0%,#be925f 100%);border-bottom:1px solid #765035;justify-content:space-between;align-items:center;height:67px;padding:14px 24px 12px;display:flex}.drawer-top:after{content:"";opacity:.78;background:#914338;height:3px;position:absolute;top:63px;left:13px;right:13px}.drawer-seal,.drawer-corner{font-family:var(--serif);color:#914338;letter-spacing:.18em;font-size:13px}.drawer-label{font-family:var(--serif);letter-spacing:.28em;font-size:21px}.drawer-corner{border:1px solid #67452d99;border-radius:50%;width:12px;height:12px}.drawer-front{z-index:2;background:linear-gradient(90deg,#a97848,#0000 10% 90%,#8b5f3c),repeating-linear-gradient(0deg,#bf9562 0 15px,#b18452 16px 17px);border:1px solid #704a31;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:82px 15px 12px;box-shadow:0 8px 13px #593a282e,inset 0 1px #e0bd8666}.drawer-front:before{content:"";pointer-events:none;border:1px solid #e4bd8066;position:absolute;inset:10px}.drawer-number-label{font-family:var(--serif);color:#493322;letter-spacing:.1em;font-size:22px}.drawer-handle{border:2px solid #5f4935;border-top:0;border-radius:0 0 18px 18px;width:42px;height:16px;box-shadow:0 -2px #d8ae7366}.drawer-paper{writing-mode:vertical-rl;opacity:0;width:103px;height:154px;color:var(--red);font-family:var(--serif);letter-spacing:.25em;background:linear-gradient(90deg,#e9d9b7,#fffaf0 18% 80%,#e4d1aa),repeating-linear-gradient(0deg,#0000 0 13px,#b7a37e22 14px 15px);border:1px solid #c1aa7e;justify-content:center;align-items:center;gap:14px;padding:15px 24px;display:flex;position:absolute;top:83px;left:50%;transform:translate(-50%)rotate(1.5deg);box-shadow:0 8px 18px #594b3830}.drawer-paper:before,.drawer-paper:after{content:"";background:#a64b3f66;height:1px;position:absolute;left:12px;right:12px}.drawer-paper:before{top:10px}.drawer-paper:after{bottom:10px}.drawer-paper span{writing-mode:horizontal-tb;white-space:nowrap;flex:none;font-size:21px}.drawer-paper small{color:#756450;letter-spacing:.12em;writing-mode:horizontal-tb;white-space:nowrap;font:10px sans-serif}@media (max-width:600px){.hero-art{-webkit-mask-image:linear-gradient(#000 0% 48%,#0000 96%);mask-image:linear-gradient(#000 0% 48%,#0000 96%)}.prayer-view .steps{background:#f6f1e7e8;padding:7px 9px}.drawer-scene{height:258px;top:66px}.drawer-cabinet{inset:26px 9px 14px}.drawer-top{padding-left:17px;padding-right:17px}.drawer-label{font-size:18px}.drawer-front{inset:78px 10px 10px}}.text-button{justify-content:center;align-items:center;gap:12px;display:inline-flex}.text-button svg{flex-shrink:0;width:23px;height:23px}.fortune-heading{justify-content:center;align-items:center;gap:18px;padding:20px 0 12px;display:flex}.fortune-grade{margin:0;font-size:32px}.poem{padding:12px 0 28px}.reading-section{border-bottom:1px solid var(--line);padding:0}.reading-after-poem{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}.reading-after-poem.is-visible{visibility:visible;pointer-events:auto}.reading-section h2{margin:0}.reading-toggle{width:100%;min-height:60px;color:var(--ink);font:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.reading-toggle svg{flex:none;width:18px;height:18px}.reading-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.reading-toggle:hover{color:var(--red)}.reading-panel{opacity:1;max-height:1200px;padding-bottom:16px;transition:max-height .4s,opacity .28s,padding-bottom .4s;overflow:hidden}.reading-panel.is-collapsed{opacity:0;pointer-events:none;max-height:0;padding-bottom:0}.reading-panel p:last-child{margin-bottom:0}.situations dl>div:last-child{border-bottom:0}.paper-footer{display:none}.take-home{margin-top:24px}.take-home #restart{margin-top:12px}.motion-status{max-width:310px;margin-left:auto;margin-right:auto}@media (max-width:600px){.fortune-grade{font-size:30px}.fortune-heading{padding:16px 0 8px}.poem{padding-bottom:24px}.reading-toggle{font-size:18px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media screen{.interpretation.reading-section h2{padding:18px 0}}.draw-stage{isolation:isolate;width:min(420px,100%);height:390px;margin:10px auto 2px;position:relative}.draw-stage .fortune-object{z-index:2;margin:0 auto;position:absolute;inset:0}.ritual-reveal{z-index:7;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;inset:22px 0 0;transform:translateY(10px)scale(.97)}.ritual-caption{color:var(--muted);letter-spacing:.18em;font-size:12px}.ritual-stick-card{background:linear-gradient(90deg,#b58b58,#e5c88f 24% 72%,#ab814d),#d7b47b;border:1px solid #b99a67;place-items:center;width:78px;height:188px;display:grid;position:relative;box-shadow:0 12px 22px #594b3830}.ritual-stick-card:before{content:"";border:1px solid #fff2c366;position:absolute;inset:9px}#ritual-number{color:#493322;font-family:var(--serif);letter-spacing:.16em;font-size:26px;position:relative}.draw-light,.draw-halo,.draw-ring{pointer-events:none;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.draw-light{z-index:0;filter:blur(12px);opacity:.22;background:radial-gradient(#fffdf2 0%,#eadbb766 40%,#0000 73%);border-radius:50%;width:300px;height:260px}.draw-halo{z-index:1;filter:blur(5px);opacity:.42;background:radial-gradient(#fff9e2 0%,#e8d5ac88 42%,#0000 72%);border-radius:50%;width:240px;height:150px}.draw-ring{z-index:1;opacity:.2;border:1px solid #b59a6759;border-radius:50%;width:245px;height:128px;transform:translate(-50%,-50%)rotate(-8deg)}.draw-spark{z-index:4;opacity:0;background:#f8edcf66;border:1px solid #a64b3f99;width:7px;height:7px;position:absolute;transform:rotate(45deg);box-shadow:0 0 12px #d2ae6c66}.spark-one{top:20%;left:24%}.spark-two{width:5px;height:5px;top:31%;right:19%}.spark-three{width:4px;height:4px;bottom:22%;left:19%}.spark-four{width:4px;height:4px;top:44%;right:11%}.spark-five{width:6px;height:6px;bottom:31%;right:27%}.poem-character{display:inline-block}.restart-dialog{border-color:#b9a98f;box-shadow:0 18px 60px #3d302533}.restart-dialog h2{margin:0 0 14px}.restart-dialog p{margin:0 0 24px}.restart-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}#skip-reveal{opacity:0;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1);transform:translateY(8px)}#skip-reveal.is-visible{opacity:1;transform:translateY(0)}