:root{color:#292824;background:#f4f1e9;font-family:Songti SC,"Noto Serif CJK SC","Source Han Serif SC",serif;font-synthesis:none;--ink: #292824;--paper: #f4f1e9;--muted: #777269;--faint: #b9b2a5;--rule: #d2cbbf;--cinnabar: #98382d}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}body{margin:0;min-height:100svh;overflow-x:hidden}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:2rem 1.5rem 1.5rem;text-align:center}.home-center{transform:translateY(-5vh)}.home h1{margin:0 0 1rem;font-size:clamp(3.75rem,19vw,6.5rem);font-weight:400;letter-spacing:.2em;text-indent:.2em;line-height:1}.intro{margin:0 0 3.5rem;color:var(--muted);font-size:.95rem;letter-spacing:.17em}.primary{min-width:8.5rem;border:0;border-block:1px solid var(--rule);border-radius:0;padding:.8rem 1.5rem;color:var(--ink);background:transparent;cursor:pointer;letter-spacing:.2em;text-indent:.2em;transition:border-color .16s ease,letter-spacing .16s ease}.primary:hover{border-color:var(--ink);letter-spacing:.24em}.home-footer{position:absolute;right:1.5rem;bottom:max(1.25rem,env(safe-area-inset-bottom));left:1.5rem;color:var(--muted);font-size:.72rem;letter-spacing:.1em}.home-footer>p{margin:0 0 .65rem}.home-links{display:flex;justify-content:center;gap:1.5rem}.home-links button{border:0;border-bottom:1px solid transparent;padding:.2rem 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:var(--paper)}.casting-header,.result-header{position:relative;z-index:5;display:flex;height:4.25rem;align-items:center;justify-content:space-between;padding:max(.75rem,env(safe-area-inset-top)) 1.25rem .5rem;color:var(--muted);font-size:.72rem;letter-spacing:.12em}.brand-button{border:0;padding:.5rem 0;color:var(--ink);background:transparent;cursor:pointer;font-size:1rem;letter-spacing:.18em}.brand-button:disabled{cursor:default;opacity:.38}.ritual-space{display:grid;min-height:calc(100svh - 4.25rem);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-size:.8rem;letter-spacing:.17em;animation:hint-breathe 2.6s ease-in-out infinite}.gesture-seam{position:absolute;z-index:2;top:29%;bottom:25%;width:1px;background:#2928246b;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(41,40,36,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{width:min(62rem,100%);min-height:100svh;margin:0 auto;padding:0 1.25rem 3rem}.result-header{padding-right:0;padding-left:0;border-bottom:1px solid var(--rule)}.result{width:min(34rem,100%);margin:4.5rem auto 0;text-align:center}.eyebrow,.section-kicker{margin:0 0 1rem;color:var(--cinnabar);font-size:.72rem;letter-spacing:.2em}.section-kicker{color:var(--muted)}.hexagram-name{margin:0;font-size:2.65rem;font-weight:400;letter-spacing:.12em;text-indent:.12em}.hexagram-name:focus{outline:0}.hexagram-name small{display:block;margin-top:.65rem;color:var(--muted);font-size:.72rem;font-weight:400;letter-spacing:.14em;text-indent:.14em}.hexagram-figure{display:flex;flex-direction:column;gap:.58rem;width:10rem;margin:2.5rem auto 3.25rem;padding:0;list-style:none}.result-yao-row{position:relative;display:flex;align-items:center}.yao{display:flex;width:100%;height:.48rem;gap:.9rem}.yao.yin i{width:calc(50% - .45rem)}.result-yao-row .moving-mark{right:-1.15rem}.judgment,.moving-texts{margin:0;padding:2rem 0;border-top:1px solid var(--rule);text-align:left}.judgment h2,.moving-texts h2,.record-area h2{margin:0 0 1rem;color:var(--muted);font-size:.75rem;font-weight:400;letter-spacing:.16em}.judgment p{margin:0;font-size:1.05rem;line-height:2}.moving-texts ol{margin:0;padding:0;list-style:none}.moving-texts li+li{margin-top:1.75rem}.moving-texts h3{margin:0 0 .45rem;color:var(--cinnabar);font-size:.85rem;font-weight:400;letter-spacing:.12em}.moving-texts p{margin:0;line-height:1.9}.changed-result{margin-top:1rem;padding:3rem 0 1rem;border-top:1px solid var(--rule)}.changed-result .hexagram-name{font-size:2rem}.changed-result .hexagram-figure{margin-bottom:2rem}.record-area{margin-top:2rem;padding:2.5rem 0;border-top:1px solid var(--rule)}.record-area:focus{outline:0}.quiet-action,.text-action{border:0;padding:.5rem .2rem;color:var(--ink);background:transparent;cursor:pointer;letter-spacing:.14em}.quiet-action{border-bottom:1px solid var(--rule)}.quiet-action:hover{border-color:var(--ink)}.text-action{color:var(--muted);font-size:.8rem}.note-form{text-align:left}.note-form label,.saved-note-label{display:block;margin:0 0 .75rem;color:var(--muted);font-size:.75rem;letter-spacing:.14em}.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;line-height:1.8}.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,.saved-confirmation{min-height:1.5rem;margin:.75rem 0 0;color:var(--muted);font-size:.75rem}.saved-note{margin:0;line-height:1.8;overflow-wrap:anywhere}.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-size:.72rem}.record-delete-trigger:hover,.record-delete-cancel:hover{color:var(--muted)}.record-delete-confirm{color:var(--cinnabar)}.recast{margin-top:1.5rem}.simple-page{min-height:100svh;padding:0 1.25rem 3rem}.simple-header{height:4.25rem;display:flex;align-items:center;border-bottom:1px solid var(--rule)}.history-content,.about-content{width:min(34rem,100%);margin:4rem auto 0}.history-content h1,.about-content h1{margin:0 0 3rem;font-size:2.35rem;font-weight:400;letter-spacing:.12em}.history-content h1:focus,.about-content h1:focus{outline:0}.empty-history{color:var(--muted)}.history-list{margin:0;padding:0;list-style:none}.history-item{border-top:1px solid var(--rule)}.history-item:last-child{border-bottom:1px solid var(--rule)}.history-open{min-width:0;border:0;padding:1.5rem 1rem 1.5rem 0;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.history-open time,.history-open strong,.history-note{display:block}.history-open time{margin-bottom:.6rem;color:var(--muted);font-size:.72rem;letter-spacing:.1em}.history-open strong{font-size:1.15rem;font-weight:400;letter-spacing:.08em}.history-note{margin-top:.7rem;overflow:hidden;color:var(--muted);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.about-content{line-height:2}.about-content p{margin:0 0 1.25rem}.about-content dl{margin:3rem 0 0;border-top:1px solid var(--rule)}.about-content dl div{display:grid;grid-template-columns:3rem 1fr;padding:.65rem 0;border-bottom:1px solid var(--rule)}.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}}