body.page-oracle{background:#081210}.oracle{--bg:#0d1f14;--ink:#f0ede4;--muted:#9ab09e;--lime:#ddff7a;--lime-card:#b9ff7a;--gold:#e0a84a;--cream:#f6f2e4;--gold-line:#e8dcaa61;--cw:min(150px, 26vw);isolation:isolate;min-height:100svh;color:var(--ink);text-align:center;background:radial-gradient(at 50% 30%,#12291c 0%,#0b1a12 45%,#060e0a 100%);padding:56px 20px 64px;font-family:Noto Serif TC,serif;position:relative;overflow:hidden}.stars{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.nebula{filter:blur(90px);pointer-events:none;z-index:-2;border-radius:50%;position:absolute}.n1{background:radial-gradient(circle,#3c785a73,#0000 70%);width:560px;height:560px;animation:26s ease-in-out infinite drift;top:-160px;right:-140px}.n2{background:radial-gradient(circle,#ddff7a1a,#0000 70%);width:480px;height:480px;animation:32s ease-in-out infinite reverse drift;bottom:-120px;left:-140px}.n3{background:radial-gradient(circle,#785ac829,#0000 70%);width:420px;height:420px;animation:40s ease-in-out infinite drift;top:38%;left:55%}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.oracle:before{content:"";z-index:-3;background:var(--bg-img,none) center / cover no-repeat;opacity:.55;pointer-events:none;position:absolute;inset:0}.fab{top:calc(var(--hdr,60px) + 14px);z-index:40;flex-direction:column;align-items:stretch;gap:8px;display:flex;position:fixed;right:18px}.music{cursor:pointer;color:var(--muted);letter-spacing:.08em;backdrop-filter:blur(6px);background:#0d1f1499;border:1px solid #ddff7a4d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font:400 13px/1 Noto Serif TC,serif;transition:color .3s,border-color .3s,box-shadow .3s;display:inline-flex}.music[aria-pressed=true]{color:var(--lime);border-color:var(--lime);box-shadow:0 0 16px #ddff7a40}.music[aria-pressed=true] .music-icon{animation:1.6s ease-in-out infinite notePulse}@keyframes notePulse{50%{opacity:.6;transform:translateY(-2px)}}.tour-btn:hover,.tour-btn[aria-expanded=true]{color:var(--lime);border-color:var(--lime)}.tour-ico{flex:none;width:13px;height:13px}.tour-btn{position:relative}.tour-btn.nudge{color:var(--lime);border-color:var(--lime)}.tour-btn.nudge:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;will-change:opacity;animation:2.4s ease-in-out infinite nudge;position:absolute;inset:-1px;box-shadow:0 0 22px #ddff7a8c}@keyframes nudge{50%{opacity:1}}.tour-hint{letter-spacing:.06em;text-align:left;width:max-content;color:var(--ink);pointer-events:none;background:#0d1f14e0;border:1px solid #e8dcaa59;border-radius:12px;margin:0;padding:9px 14px;font-size:13px;line-height:1.7;animation:.8s both tipIn;position:absolute;bottom:0;right:calc(100% + 12px);box-shadow:0 8px 24px #00000059}.tour-hint:after{content:"";background:#0d1f14f2;border:1px solid #e8dcaa59;border-width:1px 1px 0 0;width:8px;height:8px;position:absolute;bottom:11px;right:-5px;transform:rotate(45deg)}.tour-hint[hidden]{display:none}.intro{max-width:620px;margin:0 auto;transition:opacity .6s,transform .6s}.eyebrow{letter-spacing:.42em;color:#b8d962;margin:0 0 14px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.title{letter-spacing:.12em;color:var(--ink);margin:0 0 18px;font-size:clamp(28px,4.6vw,44px);font-weight:300;transition:opacity .6s,color .6s}.title.el{letter-spacing:0;text-shadow:0 0 22px;font-size:clamp(40px,6vw,60px);font-weight:400}.title.el-yu{background:linear-gradient(135deg,#7fd8c9 15%,#a99bf0 85%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px #96aaf08c);-webkit-background-clip:text;background-clip:text}.hook{color:var(--muted);margin:0;font-size:16px;font-weight:300;line-height:2.2}.stage{height:max(clamp(330px, 52vh, 460px), calc(var(--cw) * 1.55 * 16 / 9 + 36px));max-width:980px;margin:28px auto 8px;position:relative}.deck{z-index:1;position:absolute;inset:0}.breath{aspect-ratio:1;pointer-events:none;z-index:0;width:min(440px,96vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.breath i{border-radius:50%;position:absolute;inset:0}.breath .core{opacity:.5;background:radial-gradient(circle,#ddff7a2e 0%,#78c88c14 35%,#0000 65%);transform:scale(.7)}.breath .ring{opacity:0;border:1.5px solid #ddff7a80;transform:scale(0);box-shadow:0 0 18px #ddff7a2e,inset 0 0 18px #ddff7a1f}.breath.inhale .core{animation:4s ease-in-out forwards coreIn}.breath.exhale .core{animation:4s ease-in-out forwards coreOut}.breath.inhale .ring{animation:4s linear both ringIn}.breath.inhale .r2{animation:3.28s linear both ringIn2}.breath.inhale .r3{animation:2.56s linear both ringIn3}.breath.exhale .ring{animation:4s linear both ringOut}.breath.exhale .r2{animation:3.28s linear .72s both ringOut2}.breath.exhale .r3{animation:2.56s linear 1.44s both ringOut3}@keyframes ringIn{0%{opacity:0;transform:scale(1)}18%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:scale(0)}}@keyframes ringIn2{0%{opacity:0;transform:scale(.82)}18%{opacity:.55}80%{opacity:.55}to{opacity:0;transform:scale(0)}}@keyframes ringIn3{0%{opacity:0;transform:scale(.64)}18%{opacity:.5}80%{opacity:.5}to{opacity:0;transform:scale(0)}}@keyframes ringOut{0%{opacity:0;transform:scale(0)}12%{opacity:.65}to{opacity:0;transform:scale(1)}}@keyframes ringOut2{0%{opacity:0;transform:scale(0)}12%{opacity:.6}to{opacity:0;transform:scale(.82)}}@keyframes ringOut3{0%{opacity:0;transform:scale(0)}12%{opacity:.55}to{opacity:0;transform:scale(.64)}}.breath-guide{letter-spacing:.5em;color:#ddff7abf;height:22px;margin:0 0 14px;padding-left:.5em;font-size:14px;transition:opacity 1.2s}.revealed .controls{display:none}.oracle:not(.is-idle) .breath-guide{visibility:hidden}.breath-guide{transition:opacity 1.2s,height .6s,margin .6s;overflow:hidden}.oracle:not(.is-idle) .breath-guide{height:0;margin:0}.controls{transition:margin-top .6s}.oracle:not(.is-idle) .controls{margin-top:calc(var(--lift,0px) * -1)}.breath{transition:opacity 1.2s}.oracle:not(.is-idle) .breath{opacity:0}.card{width:var(--cw);aspect-ratio:9/16;margin-left:calc(var(--cw) / -2);margin-top:calc(var(--cw) * -16 / 18);perspective:1400px;cursor:default;will-change:transform;background:0 0;border:0;padding:0;transition:transform .7s cubic-bezier(.22,.7,.25,1),opacity .6s,filter .4s;position:absolute;top:50%;left:50%;container-type:inline-size}.card .inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.3,.1,.2,1);position:relative}.card .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:3.5cqw;position:absolute;inset:0;overflow:hidden}.card .back{background:#0d1a12 url(/oracle/back.jpg) 50%/cover;box-shadow:0 2px 8px #00000047,0 0 0 1px #ddff7a24}.card .front{background:#0b140f;transform:rotateY(180deg);box-shadow:0 20px 60px #0009}.card.hot{filter:drop-shadow(0 0 14px #ddff7a8c)}.fanned .card,.oracle:not(.fanned):not(.revealed) .deck .card{cursor:pointer}.fanned .stage{touch-action:pan-y}.card.chosen{z-index:100!important}.card:before{content:"";pointer-events:none;opacity:0;box-shadow:0 0 40px rgba(var(--glow), .45), 0 0 90px rgba(var(--glow), .2);border-radius:3.5cqw;transition:opacity 1.4s;position:absolute;inset:0}.card{--glow:221, 255, 122}.card.chosen:before{opacity:1}.card.chosen.flipping:before{opacity:0;transition:opacity .25s}.card.chosen{will-change:auto}.card.flipped .inner{transform:rotateY(180deg)}.card.flipped .front:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#fffff073 50%,#0000 60%);animation:1.4s ease-out .9s forwards sweep;position:absolute;inset:-20%;transform:translate(-100%)}@keyframes sweep{to{transform:translate(100%)}}.cf-art{background-position:50%;background-size:cover;position:absolute;inset:0}.cf-art.ph{justify-content:center;align-items:flex-start;padding-top:22cqw;display:flex}.cf-art.ph span{color:#ffffff1f;font-size:40cqw;font-weight:300}.cf-art.ph em{letter-spacing:.3em;color:#ffffff59;font-size:3.6cqw;font-style:normal;position:absolute;top:72cqw;left:0;right:0}.cf-shade{background:linear-gradient(#0000 56%,#080e0a8c 70%,#080e0adb 88%);position:absolute;inset:0}.cf-border{border:1px solid var(--gold-line);border-radius:2cqw;position:absolute;inset:3.7cqw}.cf-text{flex-direction:column;align-items:center;display:flex;position:absolute;top:63.5%;left:0;right:0}.cf-logo{filter:drop-shadow(0 0 2cqw #b9ff7a73);height:11.1cqw;margin-bottom:3.3cqw}.cf-kw{letter-spacing:.9em;color:var(--lime-card);text-shadow:0 0 1.6cqw #b9ff7a99;padding-left:.9em;font-size:4.81cqw;line-height:1.2}.cf-div{background:linear-gradient(90deg,#b9ff7ab3 0 42%,#0000 42% 58%,#b9ff7ab3 58%);width:17cqw;height:1px;margin:3.2cqw 0 4cqw;position:relative}.cf-div:after{content:"";background:var(--lime-card);width:1.1cqw;height:1.1cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cf-line{color:var(--cream);text-shadow:0 0 1.2cqw #000c;white-space:nowrap;font-size:4.63cqw;line-height:1.52}.cf-chakra{justify-content:center;gap:6.5cqw;display:flex;position:absolute;bottom:10.5cqw;left:0;right:0}.cf-chakra span{color:#f6f2e4d1;letter-spacing:.1em;flex-direction:column;align-items:center;gap:1.4cqw;font-size:2.4cqw;display:flex}.cf-chakra i{border-radius:50%;width:1.5cqw;height:1.5cqw}.sparks{pointer-events:none;position:absolute;inset:0}.spark{background:radial-gradient(circle,#fffbe0,#ddff7acc 40%,#0000 70%);border-radius:50%;width:6px;height:6px;position:absolute}.controls{min-height:64px}.btn-main{cursor:pointer;color:#fdfcf8;letter-spacing:.3em;background:linear-gradient(135deg,#2a5a3a 0%,#3a6a30 40%,#4a7820 70%,#5a7010 100%);border:1px solid #ddff7a66;border-radius:999px;justify-content:center;align-items:center;min-width:168px;padding:14px 34px 14px calc(34px + .3em);font:500 17px/1.2 Noto Serif TC,serif;transition:transform .2s,box-shadow .3s,opacity .4s;display:inline-flex;box-shadow:0 0 24px #ddff7a2e}.btn-main:hover{transform:translateY(-1px);box-shadow:0 0 34px #ddff7a59}.btn-main:disabled{opacity:.35;pointer-events:none}.btn-row{flex-direction:column;align-items:center;gap:12px;display:flex}.btn-row[hidden],.btn-main[hidden]{display:none}.btn-main.again{min-width:136px;box-shadow:none;background:#0d1f148c;padding:10px 24px 10px calc(24px + .3em);font-size:15px}.btn-draw{box-shadow:0 0 30px #ddff7a59}.tip{color:var(--muted);letter-spacing:.08em;margin:6px 0 0;font-size:14px;animation:.8s both tipIn}@keyframes tipIn{0%{opacity:0;transform:translateY(6px)}}.reading{text-align:left;max-width:620px;margin:-6px auto 0;animation:1s both readIn}@keyframes readIn{0%{opacity:0;transform:translateY(24px)}}.reading-tags{justify-content:center;gap:22px;margin-bottom:22px;display:flex}.reading-tags span{letter-spacing:.12em;color:var(--ink);align-items:center;gap:8px;font-size:15px;display:inline-flex}.reading-tags i{border-radius:50%;width:9px;height:9px}.reading-p{color:#dfe6dc;margin:0 0 16px;font-size:16px;font-weight:300;line-height:2.1}.note{color:#9ab09ecc;margin:-6px 0 18px;font-size:13px;line-height:1.9}.practice{background:#162b1e8c;border:1px solid #ddff7a29;border-radius:16px;margin-top:26px;padding:22px 24px 6px}.practice-label{letter-spacing:.3em;color:var(--lime);margin:0 0 10px;font-size:14px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0 18px;display:flex}.or-btn{cursor:pointer;color:var(--ink);letter-spacing:.1em;background:#0d1f1480;border:1px solid #ddff7a59;border-radius:999px;padding:10px 20px;font:400 15px/1 Noto Serif TC,serif;transition:border-color .25s,color .25s,box-shadow .25s}.or-btn:hover{border-color:var(--lime);color:var(--lime)}.or-btn[aria-pressed=true]{color:var(--lime);border-color:var(--lime);box-shadow:0 0 14px #ddff7a40}.favlist-toggle{color:var(--muted);letter-spacing:.1em;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin:0 auto;font:400 14px Noto Serif TC,serif;text-decoration:underline;display:block}.favlist[hidden]{display:none}.favlist{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.favlist button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#162b1e80;border:1px solid #ddff7a24;border-radius:10px;padding:10px 14px;font:300 14px/1.7 Noto Serif TC,serif}.favlist b{color:var(--lime);margin-right:10px;font-weight:400}.link-btn{color:#9ab09ebf;letter-spacing:.1em;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin:14px auto 0;font:400 13px Noto Serif TC,serif;text-decoration:underline;display:block}.link-btn:hover{color:var(--lime)}.limit{text-align:center;background:#0d1f148c;border:1px solid #e8dcaa38;border-radius:16px;margin:6px 0 26px;padding:22px 20px 16px;animation:.8s both readIn}.limit[hidden],.today[hidden],.jcard[hidden],.book[hidden],.cheer[hidden]{display:none}.limit-text{color:var(--ink);margin:0 0 16px;font-size:16px;font-weight:300;line-height:2}.limit-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.today{text-align:left;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.today button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#162b1e80;border:1px solid #ddff7a24;border-radius:10px;padding:10px 14px;font:300 14px/1.7 Noto Serif TC,serif}.today b{margin-right:10px;font-weight:400}.jcard{text-align:left;background:linear-gradient(160deg,#1e3a28c7,#0a160fdb);border:1px solid #e8dcaa59;border-radius:18px;max-width:440px;margin:18px auto 26px;padding:34px 30px 24px;animation:.7s both readIn;position:relative;box-shadow:0 18px 50px #00000059,inset 0 0 0 4px #0d1f1499,inset 0 0 0 5px #e8dcaa1f}.jcard:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none' stroke='%23E8DCAA' stroke-opacity='.7' stroke-width='1'%3E%3Cg transform=''%3E%3Cpath d='M3 32V3h29'/%3E%3Cpath d='M9 22V9h13'/%3E%3Cpath d='M9 9c5 6 10 8 16 7'/%3E%3Cpath d='M9 9c6 5 8 10 7 16'/%3E%3Ccircle cx='3' cy='3' r='1.8' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='32' cy='3' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='3' cy='32' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Cpath d='M39 0l1.2 2.2L42.5 3l-2.3.8L39 6l-1.2-2.2L35.5 3l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3Cpath d='M3 36l1.2 2.2L6.5 39l-2.3.8L3 42l-1.2-2.2L-0.5 39l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 0 0/46px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none' stroke='%23E8DCAA' stroke-opacity='.7' stroke-width='1'%3E%3Cg transform='translate%2846 0%29 scale%28-1 1%29'%3E%3Cpath d='M3 32V3h29'/%3E%3Cpath d='M9 22V9h13'/%3E%3Cpath d='M9 9c5 6 10 8 16 7'/%3E%3Cpath d='M9 9c6 5 8 10 7 16'/%3E%3Ccircle cx='3' cy='3' r='1.8' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='32' cy='3' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='3' cy='32' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Cpath d='M39 0l1.2 2.2L42.5 3l-2.3.8L39 6l-1.2-2.2L35.5 3l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3Cpath d='M3 36l1.2 2.2L6.5 39l-2.3.8L3 42l-1.2-2.2L-0.5 39l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 100% 0/46px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none' stroke='%23E8DCAA' stroke-opacity='.7' stroke-width='1'%3E%3Cg transform='translate%280 46%29 scale%281 -1%29'%3E%3Cpath d='M3 32V3h29'/%3E%3Cpath d='M9 22V9h13'/%3E%3Cpath d='M9 9c5 6 10 8 16 7'/%3E%3Cpath d='M9 9c6 5 8 10 7 16'/%3E%3Ccircle cx='3' cy='3' r='1.8' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='32' cy='3' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='3' cy='32' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Cpath d='M39 0l1.2 2.2L42.5 3l-2.3.8L39 6l-1.2-2.2L35.5 3l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3Cpath d='M3 36l1.2 2.2L6.5 39l-2.3.8L3 42l-1.2-2.2L-0.5 39l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 0 100%/46px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none' stroke='%23E8DCAA' stroke-opacity='.7' stroke-width='1'%3E%3Cg transform='translate%2846 46%29 scale%28-1 -1%29'%3E%3Cpath d='M3 32V3h29'/%3E%3Cpath d='M9 22V9h13'/%3E%3Cpath d='M9 9c5 6 10 8 16 7'/%3E%3Cpath d='M9 9c6 5 8 10 7 16'/%3E%3Ccircle cx='3' cy='3' r='1.8' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='32' cy='3' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='3' cy='32' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Cpath d='M39 0l1.2 2.2L42.5 3l-2.3.8L39 6l-1.2-2.2L35.5 3l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3Cpath d='M3 36l1.2 2.2L6.5 39l-2.3.8L3 42l-1.2-2.2L-0.5 39l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 100% 100%/46px no-repeat;border-radius:12px;position:absolute;inset:10px}.jcard:after{content:"✦";text-align:center;width:22px;height:22px;color:var(--lime-card);text-shadow:0 0 8px #b9ff7ab3;background:#12261a;border:1px solid #e8dcaa73;border-radius:50%;font-size:13px;line-height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.jcard>*{position:relative}.jq+.jq,.jq+div.jq,div.jq+.jq{padding-top:14px}.jq+.jq:before,div.jq+.jq:before,.jq+div.jq:before{content:"";background:linear-gradient(90deg,#0000,#e8dcaa59 30% 70%,#0000);height:1px;position:absolute;top:0;left:18%;right:18%}.jq+.jq:after,div.jq+.jq:after,.jq+div.jq:after{content:"";background:#b9ff7abf;width:6px;height:6px;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.jcard-el{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:inset 0 0 12px -2px}.bcard{position:relative}.bcard:before{content:"";pointer-events:none;opacity:.8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none' stroke='%23E8DCAA' stroke-opacity='.7' stroke-width='1'%3E%3Cg transform=''%3E%3Cpath d='M3 32V3h29'/%3E%3Cpath d='M9 22V9h13'/%3E%3Cpath d='M9 9c5 6 10 8 16 7'/%3E%3Cpath d='M9 9c6 5 8 10 7 16'/%3E%3Ccircle cx='3' cy='3' r='1.8' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='32' cy='3' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='3' cy='32' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Cpath d='M39 0l1.2 2.2L42.5 3l-2.3.8L39 6l-1.2-2.2L35.5 3l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3Cpath d='M3 36l1.2 2.2L6.5 39l-2.3.8L3 42l-1.2-2.2L-0.5 39l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 0 0/30px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none' stroke='%23E8DCAA' stroke-opacity='.7' stroke-width='1'%3E%3Cg transform='translate%2846 46%29 scale%28-1 -1%29'%3E%3Cpath d='M3 32V3h29'/%3E%3Cpath d='M9 22V9h13'/%3E%3Cpath d='M9 9c5 6 10 8 16 7'/%3E%3Cpath d='M9 9c6 5 8 10 7 16'/%3E%3Ccircle cx='3' cy='3' r='1.8' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='32' cy='3' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Ccircle cx='3' cy='32' r='1.1' fill='%23E8DCAA' stroke='none'/%3E%3Cpath d='M39 0l1.2 2.2L42.5 3l-2.3.8L39 6l-1.2-2.2L35.5 3l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3Cpath d='M3 36l1.2 2.2L6.5 39l-2.3.8L3 42l-1.2-2.2L-0.5 39l2.3-.8z' fill='%23B9FF7A' fill-opacity='.8' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 100% 100%/30px no-repeat;position:absolute;inset:6px}.jcard-head{border-bottom:1px solid #e8dcaa38;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.jcard-el{text-shadow:0 0 12px;font-size:24px;line-height:1}.jcard-kw{letter-spacing:.3em;color:var(--lime-card);font-size:16px}.jcard-date{color:var(--muted);letter-spacing:.06em;margin-left:auto;font-size:12px}.jq{margin-bottom:14px;display:block}.jq>span{color:#e8e2c8;letter-spacing:.04em;margin-bottom:6px;font-size:14px;display:block}.jq textarea,.jq input{box-sizing:border-box;resize:vertical;width:100%;color:var(--ink);background:#060e0a8c;border:1px solid #ddff7a29;border-radius:10px;padding:8px 10px;font:300 15px/1.8 Noto Serif TC,serif}.jq textarea:focus,.jq input:focus{border-color:#ddff7a8c;outline:none}.oracle textarea,.oracle .book,.oracle .favlist,.oracle .today{scrollbar-width:thin;scrollbar-color:#b9ff7a73 #060e0a66}.oracle textarea::-webkit-scrollbar{width:8px}.oracle textarea::-webkit-scrollbar-track{background:#060e0a66;border-radius:8px;margin:6px 0}.oracle textarea::-webkit-scrollbar-thumb{background:linear-gradient(#e8dcaa8c,#b9ff7a8c);border:2px solid #060e0a66;border-radius:8px}.oracle textarea::-webkit-scrollbar-thumb:hover{background:#b9ff7acc}.oracle textarea::-webkit-scrollbar-corner,.oracle textarea::-webkit-resizer{background:0 0}.jq ::placeholder{color:#9ab09e8c}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ddff7a40;border-radius:999px;padding:5px 12px;font:400 13px Noto Serif TC,serif;transition:all .2s}.chip[aria-pressed=true]{color:#0d1f14;background:var(--lime);border-color:var(--lime)}.jsave{margin:6px auto 0;display:flex}.jprivacy{text-align:center;margin:12px 0 0}.shelf{flex-wrap:wrap;justify-content:center;gap:10px 14px;margin-top:4px;display:flex}.shelf-btn{cursor:pointer;color:#e8dcaa;letter-spacing:.08em;background:#0d1f1473;border:1px solid #e8dcaa47;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font:400 14px Noto Serif TC,serif;transition:border-color .25s,color .25s,box-shadow .25s;display:inline-flex}.shelf-btn:hover{color:var(--lime);border-color:#ddff7a8c;box-shadow:0 0 14px #ddff7a2e}.shelf-ico{flex:none;width:30px;height:30px}.cheer{text-align:center;letter-spacing:.1em;color:var(--lime);text-shadow:0 0 14px #ddff7a59;margin:12px 0 0;font-size:15px;animation:.8s both readIn}.share{text-align:center;max-width:460px;margin:14px auto 0;animation:.8s both readIn}.share[hidden]{display:none}.share-text{color:#e8e2c8;margin:0 0 12px;font-size:15px;font-weight:300;line-height:2}.share-line{text-decoration:none;display:inline-block;border-color:#06c7558c!important}.share-line:hover{color:#06c755!important;border-color:#06c755!important}.share-note{margin:10px 0 0}.bcard-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-right:22px;display:flex}.bcard-actions .or-btn{padding:7px 14px;font-size:13px}.bcard-actions .bcard-del{margin:0 0 0 auto}.book{max-width:540px;margin:16px auto 0}.book-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bcard{background:linear-gradient(160deg,#1e3a288c,#0a160fb3);border:1px solid #e8dcaa38;border-radius:14px;overflow:hidden}.bcard-top{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:20px 36px 16px;font:300 15px/1.6 Noto Serif TC,serif;display:flex}.bcard-el{text-shadow:0 0 10px;font-size:20px;line-height:1}.bcard-kw{color:var(--lime-card);letter-spacing:.2em;white-space:nowrap}.bcard-q{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bcard-date{color:#9ab09eb3;white-space:nowrap;font-size:12px}.bcard-body{border-top:1px solid #e8dcaa24;margin:0 22px;padding:4px 14px 26px}.bcard-body dl{margin:14px 0 0}.bcard-body dt{letter-spacing:.08em;color:#d9c48a;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:400;display:flex}.bcard-body dt:before{content:"";background:#b9ff7abf;flex:none;width:5px;height:5px;transform:rotate(45deg)}.bcard-body dt:first-child{margin-top:0}.bcard-body dd{color:#f0ede4;white-space:pre-wrap;border-left:1px solid #ddff7a38;margin:6px 0 0 2px;padding-left:13px;font-size:16px;font-weight:300;line-height:1.9}.bcard-body dd.quote{color:#f6f2e4;letter-spacing:.04em;border-left:0;padding-left:0;font-size:16px}.bcard-del{color:#ee8c78cc;cursor:pointer;background:0 0;border:0;margin:12px 0 0 auto;font:400 13px Noto Serif TC,serif;display:block}.fly{z-index:200;pointer-events:none;background:linear-gradient(160deg,#284e34f2,#0a160ff2);border:1px solid #e8dcaa80;border-radius:18px;position:fixed;box-shadow:0 0 30px #ddff7a59}.glow-pulse{animation:1.2s glowPulse}@keyframes glowPulse{40%{color:var(--lime);text-shadow:0 0 16px #ddff7acc}}.disclaimer{color:#9ab09e99;max-width:620px;margin:48px auto 0;font-size:12px;line-height:1.9}.savesheet{--ink:#f0ede4;--lime:#ddff7a;z-index:900;background:#030805cc;justify-content:center;align-items:center;padding:16px;font-family:Noto Serif TC,serif;animation:.3s both tipIn;display:flex;position:fixed;inset:0}.savesheet[hidden]{display:none}.ss-panel{box-sizing:border-box;text-align:center;background:linear-gradient(160deg,#1e3a28f7,#0a160ffa);border:1px solid #e8dcaa61;border-radius:18px;width:min(380px,100%);max-height:calc(100svh - 32px);padding:18px 18px 12px;overflow:auto;box-shadow:0 18px 50px #00000080}.ss-title{letter-spacing:.2em;color:#b9ff7a;margin:0 0 12px;font-size:16px}.ss-img{-webkit-touch-callout:default;border:1px solid #e8dcaa40;border-radius:10px;max-width:100%;max-height:52svh;margin:0 auto 14px;display:block}.ss-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ss-actions .or-btn[hidden]{display:none}.ss-share{color:#fdfcf8;background:linear-gradient(135deg,#2a5a3a 0%,#3a6a30 40%,#4a7820 70%,#5a7010 100%);border-color:#ddff7a80}.ss-tip{margin:12px 0 0}.oracle.touring .nebula{animation-play-state:paused}.tour{--ink:#f0ede4;--lime:#ddff7a;--muted:#9ab09e;z-index:1000;font-family:Noto Serif TC,serif;position:fixed;inset:0}.tour[hidden]{display:none}.tour-block{background:#03080500;transition:background-color .3s;position:absolute;inset:0}.tour-block.dim{background:#030805b8}.tour-spot{pointer-events:none;opacity:0;border-radius:16px;transition:opacity .3s;position:fixed;box-shadow:0 0 0 9999px #030805b8,0 0 0 1.5px #ddff7ab3,0 0 26px 4px #ddff7a4d}.tour-spot.glide{transition:left .45s cubic-bezier(.3,.7,.3,1),top .45s cubic-bezier(.3,.7,.3,1),width .45s cubic-bezier(.3,.7,.3,1),height .45s cubic-bezier(.3,.7,.3,1),opacity .3s}.tour-spot.on{opacity:1}.tour-pop{box-sizing:border-box;text-align:left;width:min(360px,100vw - 32px);color:var(--ink,#f0ede4);background:linear-gradient(160deg,#1e3a28f7,#0a160ffa);border:1px solid #e8dcaa61;border-radius:18px;outline:none;padding:18px 22px 16px;transition:opacity .25s;position:fixed;top:16px;left:16px;box-shadow:0 18px 50px #00000080,inset 0 0 0 4px #0d1f1499,inset 0 0 0 5px #e8dcaa1a}.tour-pop.glide{transition:left .45s cubic-bezier(.3,.7,.3,1),top .45s cubic-bezier(.3,.7,.3,1),opacity .25s}.tour-pop.fade{opacity:0}.tour-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tour-count{letter-spacing:.2em;color:#b8d962;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.tour-x{color:#9ab09e;cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;margin:-6px -10px 0 0;font-size:22px;line-height:1}.tour-x:hover,.tour-x:focus-visible{color:#ddff7a;background:#ddff7a14}.tour-title{letter-spacing:.12em;color:#b9ff7a;text-shadow:0 0 12px #b9ff7a59;margin:0 0 10px;font-size:18px;font-weight:400}.tour-body{color:#dfe6dc;font-size:15px;font-weight:300;line-height:1.95}.tour-body p{margin:0 0 8px}.tour-body .t-note{color:#9ab09ee6;font-size:13px;line-height:1.85}.tour-body ul{gap:6px;margin:4px 0 8px;padding:0;list-style:none;display:grid}.tour-body li{align-items:baseline;gap:10px;display:flex}.tour-body li b{text-align:center;color:#ddff7a;flex:none;width:1.4em;font-weight:400}.tour-body em{color:#e8dcaa;font-style:normal}.tour-dots{justify-content:center;gap:6px;margin:12px 0;display:flex}.tour-dots i{background:#e8dcaa40;border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.tour-dots i.on{background:#b9ff7a;transform:scale(1.3);box-shadow:0 0 8px #b9ff7ab3}.tour-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.tour-skip{color:#9ab09ecc;letter-spacing:.08em;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:6px 0;font:400 13px Noto Serif TC,serif;text-decoration:underline}.tour-skip:hover{color:#ddff7a}.tour-skip[hidden]{display:none}.tour-nav{gap:8px;margin-left:auto;display:flex}.tour-nav .or-btn{padding:9px 16px;font-size:14px}.tour-nav .or-btn[hidden]{display:none}.tour-next{color:#fdfcf8;background:linear-gradient(135deg,#2a5a3a 0%,#3a6a30 40%,#4a7820 70%,#5a7010 100%);border-color:#ddff7a80}.tour-next:hover{color:#fdfcf8;box-shadow:0 0 18px #ddff7a59}@media (width<=640px){.oracle{--cw:min(92px, 24vw);padding-top:64px}.stage{height:max(300px, calc(var(--cw) * 1.6 * 16 / 9 + 36px))}.fab{top:calc(var(--hdr,60px) + 10px);right:12px}.tour-pop{padding:16px 18px 14px}}@media (prefers-reduced-motion:reduce){.nebula,.music-icon,.breath *,.tour-btn:after{animation:none!important}.tour-spot,.tour-pop{transition:none!important}}
