:root{color:#292722;background:#f4f1e9;font-family:Songti SC,"Noto Serif CJK SC","Source Han Serif SC",STSong,serif;font-synthesis:none;--serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "STSong", serif;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ink: #292722;--paper: #f4f1e9;--muted: #777067;--faint: #aaa296;--rule: rgba(80, 73, 64, .2);--cinnabar: #8f3d32}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}html{background:var(--paper)}body{margin:0;min-height:100svh;overflow-x:hidden;color:var(--ink);background:var(--paper);line-break:strict;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:1000;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='%236f685f' fill-opacity='.17'%3E%3Ccircle cx='9' cy='24' r='.45'/%3E%3Ccircle cx='35' cy='13' r='.32'/%3E%3Ccircle cx='62' cy='38' r='.4'/%3E%3Ccircle cx='93' cy='18' r='.28'/%3E%3Ccircle cx='129' cy='32' r='.46'/%3E%3Ccircle cx='168' cy='11' r='.3'/%3E%3Ccircle cx='20' cy='73' r='.28'/%3E%3Ccircle cx='48' cy='97' r='.42'/%3E%3Ccircle cx='79' cy='69' r='.3'/%3E%3Ccircle cx='112' cy='88' r='.38'/%3E%3Ccircle cx='151' cy='63' r='.27'/%3E%3Ccircle cx='176' cy='104' r='.44'/%3E%3Ccircle cx='15' cy='142' r='.37'/%3E%3Ccircle cx='67' cy='128' r='.25'/%3E%3Ccircle cx='101' cy='155' r='.4'/%3E%3Ccircle cx='140' cy='132' r='.3'/%3E%3Ccircle cx='171' cy='169' r='.35'/%3E%3C/g%3E%3Cg stroke='%23847b70' stroke-opacity='.11' stroke-width='.45'%3E%3Cpath d='M28 51l5 .7M119 119l7-1M51 166l4-.6M153 151l5 .5M92 110l3-.4'/%3E%3C/g%3E%3C/svg%3E");content:"";opacity:.34;pointer-events:none}button,summary{font:inherit}button:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--cinnabar);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home{position:relative;display:grid;min-height:100svh;place-items:center;padding:max(2rem,env(safe-area-inset-top)) 1.5rem max(1.5rem,env(safe-area-inset-bottom));text-align:center}.home.is-transition-leaving{opacity:0;pointer-events:none;transform:translateY(.5rem);transition:opacity 225ms ease,transform 225ms ease}.home-center{transform:translateY(-8vh)}.home h1{margin:0 0 1.65rem;font-size:clamp(4.25rem,20vw,7.25rem);font-weight:300;letter-spacing:.29em;text-indent:.29em;line-height:.96}.intro{margin:0 0 4.35rem;color:var(--muted);font-size:.78rem;letter-spacing:.24em;text-indent:.24em}.primary{position:relative;min-width:8.75rem;min-height:2.75rem;border:0;border-radius:0;padding:.7rem 1.5rem 1rem;color:var(--ink);background:transparent;cursor:pointer;font-family:var(--sans);font-size:.84rem;font-weight:400;letter-spacing:.24em;text-indent:.24em;transition:color .18s ease,letter-spacing .18s ease}.primary:after{position:absolute;bottom:.35rem;left:50%;width:1.5rem;border-bottom:1px solid var(--rule);content:"";transform:translate(-50%);transition:width .18s ease,border-color .18s ease}.primary:hover{color:#11100e;letter-spacing:.27em}.primary:hover:after{width:2.5rem;border-color:#2927228c}.home-footer{position:absolute;right:1.5rem;bottom:max(1.25rem,env(safe-area-inset-bottom));left:1.5rem;color:var(--muted);font-family:var(--sans);font-size:.66rem;letter-spacing:.16em}.home-footer>p{margin:0 0 .7rem;opacity:.84}.home-links{display:flex;justify-content:center;gap:1.8rem}.home-links button{border:0;border-bottom:1px solid transparent;min-height:2.5rem;padding:.5rem 0;color:inherit;background:transparent;cursor:pointer;font-size:inherit;letter-spacing:inherit}.home-links button:hover{border-color:var(--faint)}.casting-shell{min-height:100svh;overflow:hidden;background:transparent}.casting-shell.is-entering .ritual-space{opacity:0;transform:translateY(.5rem)}.casting-shell.is-entering.is-entered .ritual-space{opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.casting-header,.result-header{position:relative;z-index:5;display:flex;height:4.75rem;align-items:center;justify-content:space-between;padding:max(.9rem,env(safe-area-inset-top)) 1.35rem .5rem;color:var(--muted);font-family:var(--sans);font-size:.66rem;letter-spacing:.16em}.brand-button{border:0;padding:.5rem 0;color:var(--ink);background:transparent;cursor:pointer;font-family:var(--serif);font-size:1.02rem;font-weight:400;letter-spacing:.22em;text-indent:.22em}.brand-button:disabled{cursor:default;opacity:.38}.ritual-space{display:grid;min-height:calc(100svh - 4.75rem);grid-template-rows:minmax(20rem,1fr) 12.5rem;padding:0 1rem max(1rem,env(safe-area-inset-bottom))}.stalk-zone{position:relative;display:grid;width:min(100%,32rem);min-height:22rem;margin:0 auto;place-items:center;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none}.stalk-zone[aria-disabled=true]{cursor:default}.stalk-zone:focus-visible{outline:0}.stalk-zone:focus-visible:after{position:absolute;bottom:1.25rem;width:3.5rem;border-bottom:1px solid var(--cinnabar);content:""}.gesture-hint{position:absolute;z-index:3;top:12%;margin:0;color:var(--muted);font-family:var(--sans);font-size:.72rem;letter-spacing:.22em;animation:hint-breathe 2.6s ease-in-out infinite}.gesture-seam{position:absolute;z-index:2;top:29%;bottom:25%;width:1px;background:#403b3542;opacity:0;pointer-events:none}.stalk-bundle{position:relative;width:min(78vw,19rem);height:clamp(17rem,43vh,23rem);margin-top:1rem;transition:opacity .22s ease,transform .22s ease}.stalk{--stalk-x: 0px;--stalk-height: 88%;--stalk-rotation: 0deg;--stalk-tone: .7;--stalk-bottom: 0px;--stalk-width: 1.5px;--gesture-shift: 0px;--change-shift: 0px;position:absolute;bottom:var(--stalk-bottom);left:50%;display:block;width:var(--stalk-width);height:var(--stalk-height);border-radius:999px;background:rgba(45,42,37,var(--stalk-tone));transform:translate(calc(var(--stalk-x) + var(--gesture-shift) + var(--change-shift))) rotate(var(--stalk-rotation));transform-origin:50% 100%;transition:transform .18s cubic-bezier(.22,.75,.28,1),opacity .16s ease;will-change:transform,opacity}.stalk.change-left{--change-shift: -1.1rem}.stalk.change-right{--change-shift: 1.1rem}.stalk.is-hanging{z-index:2;background:var(--cinnabar);transform:translate(calc(var(--stalk-x) + 2.2rem)) translateY(.65rem) rotate(var(--stalk-rotation))}.stalk.is-removing{opacity:.08}.stalk.is-inactive{visibility:hidden;opacity:0}.is-resetting .stalk{opacity:.35}.casting-shell[data-lines="4"] .stalk-bundle{opacity:.82;transform:scale(.97)}.casting-shell[data-lines="5"] .stalk-bundle{opacity:.72;transform:scale(.94)}.formed-hexagram{align-self:end;width:min(15rem,72vw);margin:0 auto;padding-bottom:.5rem}.formed-lines{display:flex;min-height:7.25rem;flex-direction:column-reverse;justify-content:flex-start;gap:.58rem;margin:0;padding:0;list-style:none}.formed-line{position:relative;display:flex;min-height:.72rem;align-items:center;animation:line-arrive .26s cubic-bezier(.2,.8,.3,1) both}.formed-yao{display:flex;width:100%;height:.42rem;gap:1.1rem}.formed-yao i,.yao i{display:block;height:100%;background:var(--ink)}.formed-yao.yang i,.yao.yang i{width:100%}.formed-yao.yin i,.yao.yin i{width:calc(50% - .55rem)}.moving-mark{position:absolute;right:-1rem;width:.32rem;height:.32rem;border:1px solid var(--cinnabar);border-radius:50%}.is-hexagram-complete .stalk-zone{opacity:.28;transition:opacity .4s ease}.is-hexagram-complete .formed-hexagram{transform:translateY(-2rem);transition:transform .5s ease}.result-page{position:relative;width:min(64rem,100%);min-height:100svh;margin:0 auto;padding:0 1.5rem max(5rem,env(safe-area-inset-bottom))}.result-header{padding-right:0;padding-left:0}.autosave-notice{position:absolute;top:5.5rem;right:1.5rem;border:0;padding:.25rem 0;margin:0;color:var(--muted);background:transparent;cursor:pointer;font-family:var(--sans);font-size:.64rem;letter-spacing:.16em;opacity:.68;transition:opacity .7s ease}.autosave-notice:hover{color:var(--ink)}.autosave-notice.is-hidden{opacity:0}.result{width:min(31rem,100%);margin:clamp(4.75rem,11vh,7rem) auto 0;text-align:center}.eyebrow,.section-kicker{margin:0 0 1.35rem;color:var(--cinnabar);font-family:var(--sans);font-size:.64rem;letter-spacing:.3em;text-indent:.3em}.section-kicker{color:var(--muted)}.hexagram-name{margin:0;font-size:clamp(2.7rem,13vw,3.35rem);font-weight:300;letter-spacing:.18em;text-indent:.18em;line-height:1.08}.hexagram-name:focus{outline:0}.hexagram-name small{display:block;margin-top:.9rem;color:var(--muted);font-family:var(--sans);font-size:.64rem;font-weight:400;letter-spacing:.18em;text-indent:.18em}.hexagram-figure{display:flex;width:10.75rem;margin:3.6rem auto 5rem;padding:0;flex-direction:column;gap:.66rem;list-style:none}.result-yao-row{position:relative;display:flex;align-items:center}.yao{display:flex;width:100%;height:.46rem;gap:.96rem}.yao.yin i{width:calc(50% - .45rem)}.result-yao-row .moving-mark{right:-1.15rem}.judgment,.moving-texts{margin:0;padding:0;text-align:left}.judgment h2,.moving-texts h2,.record-area h2{margin:0 0 1.45rem;color:var(--muted);font-family:var(--sans);font-size:.67rem;font-weight:400;letter-spacing:.24em}.judgment p{margin:0;font-size:clamp(1.03rem,4.3vw,1.12rem);letter-spacing:.055em;line-height:2.15;text-wrap:pretty}.moving-texts{margin-top:4.75rem}.moving-texts ol{margin:0;padding:0;list-style:none}.moving-texts li+li{margin-top:2.5rem}.moving-texts h3{margin:0 0 .7rem;color:var(--cinnabar);font-size:.85rem;font-weight:400;letter-spacing:.15em}.moving-texts p{margin:0;font-size:1rem;letter-spacing:.045em;line-height:2.05;text-wrap:pretty}.changed-result{margin-top:6rem;padding:0}.changed-result .hexagram-name{font-size:2.3rem}.changed-result .hexagram-figure{width:9.5rem;margin:3rem auto 0}.record-area{position:relative;margin-top:6rem;padding:3.75rem 0 0}.record-area:before{position:absolute;top:0;left:50%;width:2.25rem;border-top:1px solid var(--rule);content:"";transform:translate(-50%)}.record-area:focus{outline:0}.quiet-action,.text-action{border:0;padding:.5rem .2rem;color:var(--ink);background:transparent;cursor:pointer;font-family:var(--sans);letter-spacing:.18em}.quiet-action{border-bottom:1px solid var(--rule)}.quiet-action:hover{border-color:var(--ink)}.text-action{color:var(--muted);font-size:.72rem}.note-form{text-align:left}.note-form label,.saved-note-label{display:block;margin:0 0 1rem;color:var(--muted);font-family:var(--sans);font-size:.67rem;letter-spacing:.2em}.note-form textarea{width:100%;resize:vertical;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:.75rem 0;color:var(--ink);background:transparent;font:inherit;letter-spacing:.04em;line-height:1.9}.note-form textarea:focus{border-color:var(--cinnabar);outline:0}.note-actions{display:flex;justify-content:flex-end;gap:1.25rem;margin-top:1rem}.record-status{min-height:1.5rem;margin:.75rem 0 0;color:var(--muted);font-size:.75rem}.record-error{min-height:0}.saved-note{margin:0;letter-spacing:.04em;line-height:2;overflow-wrap:anywhere}.record-note-action{margin-top:1.5rem}.record-delete{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}.record-delete-trigger,.record-delete-confirm,.record-delete-cancel{border:0;padding:.4rem .2rem;color:var(--faint);background:transparent;cursor:pointer;font-family:var(--sans);font-size:.66rem;letter-spacing:.08em}.record-delete-trigger:hover,.record-delete-cancel:hover{color:var(--muted)}.record-delete-confirm{color:var(--cinnabar)}.result-actions{display:flex;justify-content:center;gap:3.25rem;margin-top:2.25rem}.simple-page{min-height:100svh;padding:0 1.5rem max(4rem,env(safe-area-inset-bottom))}.simple-header{display:flex;height:4.75rem;align-items:center}.intention-content{display:grid;width:min(30rem,100%);min-height:calc(100svh - 7.75rem);margin:0 auto;align-content:center;padding:2rem 0;text-align:center;transform:translateY(-6vh)}.intention-content h1{margin:0 0 5rem;font-size:clamp(2.6rem,12vw,3.8rem);font-weight:300;letter-spacing:.2em;text-indent:.2em;line-height:1.1}.intention-page.is-entering .intention-content h1,.intention-page.is-entering .intention-actions{opacity:0;transform:translateY(.5rem)}.intention-page.is-entering.is-entered .intention-content h1{opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.intention-page.is-entering.is-entered .intention-actions{opacity:1;transform:translateY(0);transition:opacity .28s ease .1s,transform .28s ease .1s}.intention-content.is-transition-leaving{opacity:0;pointer-events:none;transition:opacity .2s ease}.intention-content h1:focus{outline:0}.intention-form{width:100%}.intention-note{width:min(24rem,100%);margin:0 auto 3rem;text-align:left}.intention-note label{display:block;margin-bottom:.75rem;color:var(--muted);font-family:var(--sans);font-size:.67rem;letter-spacing:.2em}.intention-note input{width:100%;resize:vertical;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:.75rem 0;color:var(--ink);background:transparent;font:inherit;letter-spacing:.04em;line-height:1.9}.intention-note input:focus{border-color:var(--cinnabar);outline:0}.intention-actions{display:flex;flex-direction:column;align-items:center;gap:1.15rem}.intention-actions button:disabled{cursor:default;opacity:1}.history-content,.about-content{width:min(30rem,100%);margin:clamp(4.75rem,11vh,7rem) auto 0}.history-content h1,.about-content h1{margin:0 0 4rem;font-size:clamp(2.5rem,11vw,3.15rem);font-weight:300;letter-spacing:.19em;text-indent:.19em;line-height:1.12}.history-content h1:focus,.about-content h1:focus{outline:0}.empty-history{color:var(--muted);font-size:.82rem;letter-spacing:.12em}.history-list{margin:0;padding:0;list-style:none}.history-item+.history-item{margin-top:2.8rem}.history-open{position:relative;width:100%;min-width:0;border:0;padding:0 0 2.75rem;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.history-open:after{position:absolute;bottom:0;left:0;width:1.75rem;border-bottom:1px solid var(--rule);content:"";transition:width .18s ease,border-color .18s ease}.history-open:hover:after{width:3rem;border-color:#2927226b}.history-open time,.history-open strong,.history-note{display:block}.history-open time{margin-bottom:.85rem;color:var(--muted);font-family:var(--sans);font-size:.65rem;letter-spacing:.16em}.history-open strong{font-size:1.28rem;font-weight:400;letter-spacing:.11em}.history-note{margin-top:.95rem;overflow:hidden;color:var(--muted);font-size:.9rem;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.about-content{width:min(27rem,100%);font-size:1rem;letter-spacing:.045em;line-height:2.2}.about-content p{margin:0 0 1.6rem}.about-content dl{position:relative;margin:4.5rem 0 0;padding-top:2.75rem}.about-content dl:before{position:absolute;top:0;left:0;width:1.75rem;border-top:1px solid var(--rule);content:""}.about-content dl div{display:grid;grid-template-columns:3.25rem 1fr;padding:.5rem 0}.about-content dt{color:var(--cinnabar)}.about-content dd{margin:0}.debug{margin:4rem 0 2rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.debug summary{padding:1rem 0;cursor:pointer;color:var(--muted)}.debug-content{padding:0 0 1.5rem}.debug-content section+section{margin-top:2rem}.debug-content h2{font-size:1rem;font-weight:400}.debug-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-family:ui-monospace,monospace;font-size:.75rem}th,td{padding:.5rem;border:1px solid var(--rule);text-align:right;white-space:nowrap}th{color:var(--muted);font-weight:400}@keyframes hint-breathe{0%,to{opacity:.42}50%{opacity:.9}}@keyframes line-arrive{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(min-width:48rem){.casting-header,.result-header{padding-right:2rem;padding-left:2rem}.ritual-space{grid-template-rows:minmax(24rem,1fr) 12.5rem}.stalk-bundle{width:20rem}.formed-hexagram{width:16rem}.result-page{padding-right:2rem;padding-left:2rem}}@media(orientation:landscape)and (max-height:32rem){.casting-header{height:3.5rem}.ritual-space{min-height:calc(100svh - 3.5rem);grid-template-columns:minmax(20rem,1fr) minmax(12rem,17rem);grid-template-rows:1fr;gap:1rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.stalk-zone{min-height:0}.stalk-bundle{width:min(45vw,18rem);height:min(68vh,17rem);margin-top:0}.formed-hexagram{align-self:center;width:min(15rem,28vw);padding-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}