@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--paper:#eee7d2;--paper-deep:#d7c9a4;--ink:#29271f;--ink-soft:#6d6758;--straw:#d6bd78;--gold:#d8bd78;--line:#efe7cd33;--ease:cubic-bezier(.22,.72,.18,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#090e12}body{color:var(--paper);background:#090e12;margin:0;font-family:Noto Sans SC,PingFang SC,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #f0d99c}button:disabled{cursor:not-allowed}.app{isolation:isolate;background:#0a1014;min-height:100svh;position:relative;overflow:hidden}.app:before{content:"";z-index:-3;background:url(/mountain-study-v2.png) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1.01)}.app:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#04080b24,#0407080d 35%,#0507075c 72%,#030505b3),radial-gradient(circle at 6% 67%,#efad5126,#0000 22%),linear-gradient(90deg,#03060861,#0000 28% 72%,#0407084d);position:fixed;inset:0;box-shadow:inset 0 0 130px #0000007a}.phase-ritual:after{background:linear-gradient(#03070a4d,#0406060a 28%,#03050529 74%,#03050580),radial-gradient(circle at 7% 68%,#f2ac4b21,#0000 22%),linear-gradient(90deg,#02040566,#0000 30%,#02040514 70%,#0204056b)}.topbar{z-index:20;justify-content:space-between;align-items:center;padding:24px clamp(22px,4vw,72px);display:flex;position:relative}.brand{color:var(--paper);text-align:left;background:0 0;border:0;align-items:flex-end;gap:11px;padding:0;display:flex}.brand span{letter-spacing:.22em;font:500 15px/1 Noto Serif SC,Songti SC,serif}.brand strong{letter-spacing:.08em;font:400 clamp(25px,2.6vw,42px)/1 Noto Serif SC,Songti SC,serif}.topbar nav{align-items:center;gap:6px;display:flex}.topbar nav button{color:#efe7d2ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:54px;min-height:54px;transition:.25s var(--ease);background:#0a0f0f1f;border:1px solid #0000;border-radius:50%;place-items:center;padding:5px;display:grid;position:relative}.topbar nav button:hover{color:#fff5d7;background:#e3cf9f1a;border-color:#efe7cd26}.topbar nav span{font:500 18px/1 Georgia,serif}.topbar nav b{letter-spacing:.12em;margin-top:4px;font-size:9px;font-weight:400}.topbar nav em{color:#261d10;background:#d7b86f;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font:700 9px/1 sans-serif;display:grid;position:absolute;top:0;right:0}.eyebrow{color:#ddc684;letter-spacing:.23em;margin:0;font-size:10px}.hero{z-index:2;text-align:center;width:min(720px,100% - 40px);animation:arrive .8s var(--ease) both;margin:15vh auto 80px;position:relative}.hero h1{text-wrap:balance;text-shadow:0 3px 30px #0000008c;letter-spacing:.035em;margin:14px 0 12px;font:500 clamp(38px,5vw,72px)/1.28 Noto Serif SC,Songti SC,serif}.intro{color:#eee7d2ad;text-shadow:0 2px 16px #000000a6;margin:0;font-size:14px;line-height:1.9}.question-card{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#151b19b3,#1d1c168a);border:1px solid #eee1be38;width:min(700px,100%);margin:42px auto 0;padding:20px 22px 18px;box-shadow:0 25px 70px #0000005c}.question-card label{color:#e2d5b1;letter-spacing:.15em;margin-bottom:12px;font-size:15px;display:block}.question-row{grid-template-columns:1fr 94px;gap:10px;display:grid}.question-row input{color:#f2ead5;background:#060a0a4d;border:1px solid #eee1be2b;border-radius:2px;min-width:0;height:56px;padding:0 17px;font-size:17px}.question-row input::placeholder{color:#eee7d261}.question-row button{color:#302719;background:#d4ba78;border:1px solid #dec889;border-radius:2px;font:500 15px/1 Noto Serif SC,serif;transition:all .2s}.question-row button:hover:not(:disabled){background:#e1cc8f}.question-row button:disabled{opacity:.35}.question-card small{color:#eee7d26e;margin-top:10px;font-size:10px;line-height:1.6;display:block}.quiet-footer{z-index:2;color:#efe7cd59;text-align:center;letter-spacing:.25em;font:400 10px/1 serif;position:absolute;bottom:16px;left:0;right:0}.ritual-workspace{z-index:3;width:min(1440px,100% - 48px);animation:arrive .6s var(--ease) both;margin:1vh auto 70px;position:relative}.ritual-heading{text-align:center;text-shadow:0 2px 22px #000c}.ritual-heading p{color:#dec680;letter-spacing:.2em;margin:0;font-size:11px}.ritual-heading h1{margin:9px 0 5px;font:500 clamp(24px,2.6vw,38px)/1.3 Noto Serif SC,Songti SC,serif}.ritual-heading span{color:#efe7d299;font-size:12px}.progress{background:#eee7d221;width:min(520px,70%);height:2px;margin:18px auto 10px;overflow:hidden}.progress i{height:100%;transition:width .45s var(--ease);background:#ddc179;display:block;box-shadow:0 0 12px #ddc1798c}.ritual-stage{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:26px;display:grid}.stalk-field{--split-guide:50%;min-width:0;height:clamp(420px,62vh,650px);position:relative}.stalks{z-index:2;transform-origin:bottom;pointer-events:none;width:760px;height:310px;position:absolute;bottom:-7%;left:50%;transform:translate(-50%)scaleY(.94)}.stalks:before{content:"";z-index:0;filter:blur(7px);opacity:.82;height:34px;transition:opacity .35s var(--ease),transform .5s var(--ease);background:radial-gradient(#0000008f,#0003 52%,#0000 76%);border-radius:50%;position:absolute;bottom:2%;left:7%;right:7%;transform:translateY(8px)scaleY(.42)}.stalk-field:not([data-ritual-phase=ready]) .stalks:before{opacity:.32;transform:translateY(12px)scale(.74,.3)}.stalks i{z-index:1;width:5px;height:clamp(126px,16.5vw,178px);opacity:var(--motion-opacity);transform-origin:bottom;transform:translate3d(var(--motion-x),var(--motion-y),0) rotate(var(--motion-rotation));transition:transform .5s var(--ease),opacity .42s var(--ease),filter .18s var(--ease),width .18s var(--ease);transition-delay:var(--motion-delay);background:linear-gradient(90deg,#8f733b,#dec987 46%,#9d8044);border-radius:999px;position:absolute;bottom:7%;left:50%;box-shadow:1px 2px 2px #000000b3,-1px 0 1px #ffeeb529}.stalks i.reserved-stalk{z-index:5;--motion-opacity:1;--motion-delay:0s;--motion-x:4px;--motion-y:2px;--motion-rotation:1deg;filter:brightness(1.16)drop-shadow(0 0 7px #ebcb7e52);transition-duration:1s}.stalks i.reserved-stalk[data-intro=reserve],.stalks i.reserved-stalk[data-intro=ready]{--motion-x:0px;--motion-y:-330px;--motion-rotation:90deg;filter:brightness(1.36)drop-shadow(0 0 10px #ebcb7e7a)}.stalk-field[data-ritual-phase=count-four] .stalks i{transition-duration:.72s}.stalk-field[data-ritual-phase=remainder] .stalks i{transition-duration:.58s}.stalk-field[data-ritual-phase=settle] .stalks i{transition-duration:.48s}.stalks i[data-role=hanging],.stalks i[data-role=remainder]{z-index:4;filter:brightness(1.42)drop-shadow(0 0 9px #ebcb7e9e)}.stalk-field[data-ritual-phase=ready] .stalks i[data-selected=true],.stalk-field[data-ritual-phase=divide] .stalks i[data-selected=true]{z-index:7;filter:brightness(1.7)saturate(1.25)drop-shadow(0 0 12px #ffda76f2);background:linear-gradient(90deg,#b08131,#fff0a8 46%,#d09c3e);width:8px;box-shadow:0 4px 9px #00000080,0 0 18px #ffd666ad}.stalk-field[data-ritual-phase=ready][data-has-selection=true] .stalks i:not([data-selected=true]):not(.reserved-stalk),.stalk-field[data-ritual-phase=divide][data-has-selection=true] .stalks i:not([data-selected=true]):not(.reserved-stalk){filter:brightness(.82)}.split-surface{z-index:6;width:min(680px,98%);height:250px;color:inherit;cursor:crosshair;background:0 0;border:0;border-radius:12px;position:absolute;bottom:-5%;left:50%;overflow:visible;transform:translate(-50%)}.split-surface:before{content:"";left:var(--split-guide);opacity:0;background:linear-gradient(#0000,#ffeda8 28% 72%,#0000);width:2px;transition:opacity .16s;position:absolute;top:19%;bottom:12%;box-shadow:0 0 12px #e5bd5f}.split-surface span{left:var(--split-guide);color:#f8e8bb;opacity:0;white-space:nowrap;letter-spacing:.06em;background:#0c0e0cb8;border:1px solid #f4db9747;border-radius:99px;padding:7px 12px;font-size:11px;transition:opacity .18s,transform .18s;position:absolute;bottom:1%;transform:translate(-50%)translateY(5px)}.split-surface[data-has-selection=true]:before,.split-surface[data-has-selection=true] span,.split-surface:focus-visible:before,.split-surface:focus-visible span{opacity:1}.split-surface[data-has-selection=true] span,.split-surface:focus-visible span{transform:translate(-50%)}.split-surface:disabled:before,.split-surface:disabled span{opacity:0}.split-surface:disabled{cursor:wait}.ritual-caption,.line-complete{z-index:8;color:#eedba5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:captionIn .3s var(--ease) both;background:#0c0e0ba8;border:1px solid #ebd59933;border-radius:99px;padding:8px 15px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.ritual-caption b,.line-complete{letter-spacing:.08em;font:500 11px/1 Noto Serif SC,serif}.line-complete{color:#2a2115;background:#e2ca8fe6;bottom:19%;box-shadow:0 8px 30px #00000047}.ritual-ledger{color:#eee5cc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#2f312bc2,#191d1bbd);border:1px solid #ede1bf29;max-height:clamp(480px,68vh,690px);margin-top:4px;padding:20px 20px 17px;overflow:auto;box-shadow:0 20px 55px #00000059}.ritual-ledger>header{border-bottom:1px solid #ede1bf21;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.ritual-ledger>header>div{align-items:baseline;gap:7px;display:flex}.ritual-ledger>header span{color:#eee5cc94;letter-spacing:.12em;font-size:11px}.ritual-ledger>header strong{font:500 28px/1 Noto Serif SC,serif}.ritual-ledger>header small,.ritual-ledger>header>b{color:#eee5cc7a;font-size:10px;font-weight:400}.ledger-current{border-bottom:1px solid #ede1bf1c;gap:6px;padding:15px 0;display:grid}.ledger-current span{color:#eee5cc7a;font-size:10px}.ledger-current strong{font:500 15px/1.4 Noto Serif SC,serif}.ledger-current small{color:#eee5cc94;font-size:10px;line-height:1.5}.line-ledger,.change-log,.cast-trace ol{margin:0;padding:0;list-style:none}.line-ledger li{border-bottom:1px solid #ede1bf14;grid-template-columns:1fr auto auto;align-items:center;gap:9px;min-height:39px;font-size:11px;display:grid}.line-ledger li.current{color:#f4dda1;font-weight:600}.line-ledger li:not(.done):not(.current){color:#eee5cc5c}.line-ledger em{font-size:9px;font-style:normal}.yao{color:currentColor;justify-content:center;align-items:center;gap:7px;width:66px;height:12px;display:flex;position:relative}.yao span{background:currentColor;border-radius:999px;height:5px;display:block}.yao.yang span{width:60px}.yao.yin span{width:25px}.yao b{color:#bd7950;margin-left:5px;font:700 10px/1 sans-serif;position:absolute;left:100%}.line-ledger .yao{width:42px}.line-ledger .yao.yang span{width:38px}.line-ledger .yao.yin span{width:16px}.change-log{margin-top:12px}.change-log li,.cast-trace li{border-bottom:1px solid #ede1bf14;gap:4px;padding:10px 0;display:grid}.change-log li span{color:#d8c488;letter-spacing:.06em;font-size:9px}.change-log li small{color:#eee5cc80;font-size:9px;line-height:1.55}.observing{z-index:4;text-align:center;width:min(560px,100% - 40px);animation:arrive .7s var(--ease) both;justify-items:center;margin:10vh auto 80px;display:grid;position:relative}.observing>p{color:#dfc67e;letter-spacing:.2em;margin:0 0 24px;font-size:10px}.observing-hexagram{color:#eee4c8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b0959;border:1px solid #eee4c826;gap:10px;padding:26px 34px;display:grid;box-shadow:0 30px 80px #00000052}.observing-hexagram .yao{animation:1.8s ease-in-out infinite alternate lineBreathe}.observing h1{text-shadow:0 2px 20px #000;letter-spacing:.1em;margin:25px 0 8px;font:500 34px/1.3 Noto Serif SC,serif}.observing>span{color:#eee7d29e;font-size:12px}.observing>i{background:#eee7d224;width:220px;height:1px;margin-top:26px;display:block;overflow:hidden}.observing>i:after{content:"";background:#d2b66f;width:40%;height:100%;animation:1.25s ease-in-out infinite observe;display:block}.reading{z-index:3;width:min(1000px,100% - 40px);color:var(--ink);animation:arrive .7s var(--ease) both;margin:3vh auto 100px;position:relative}.reading-scene{color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1116148c;border:1px solid #efe4c529;padding:24px 26px;box-shadow:0 20px 60px #00000045}.reading-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reading-heading p{text-wrap:balance;max-width:760px;margin:0;font:500 clamp(22px,3vw,37px)/1.45 Noto Serif SC,Songti SC,serif}.reading-heading span{color:#eee7d27a;flex:none;font-size:10px}.result-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 10px;display:grid}.result-summary div{background:#efe5c80d;border:1px solid #eee7d221;padding:14px 17px}.result-summary span{color:#eee7d27a;margin-bottom:6px;font-size:10px;display:block}.result-summary strong{font:500 20px/1.3 Noto Serif SC,serif}.line-summary{color:#eee7d299;text-align:center;margin:0;font-size:11px;line-height:1.8}.hexagram-grid{grid-template-columns:1fr 48px 1fr;align-items:center;gap:14px;margin-top:16px;display:grid}.hexagram-card{min-height:318px;color:var(--ink);background:#efe7cff2;padding:28px 30px;box-shadow:0 20px 55px #00000047}.hexagram-card:nth-child(3){transform:rotate(.2deg)}.hexagram-card.quiet{opacity:.78}.hexagram-card p{color:#746a57;letter-spacing:.12em;margin:0;font-size:10px}.hexagram-card h2{margin:9px 0 20px;font:500 25px/1.3 Noto Serif SC,Songti SC,serif}.hexagram-card small{color:#756c5b;margin-top:18px;font-size:11px;display:block}.hexagram-lines{gap:9px;width:100px;display:grid}.hexagram-lines .yao{width:100px}.hexagram-lines .yao.yang span{width:92px}.hexagram-lines .yao.yin span{width:39px}.change-arrow{color:#eee7d29e;text-align:center;font:300 27px/1 serif}.interpretation{color:var(--ink);background:linear-gradient(120deg,#f1ead5,#e9dec0);margin-top:18px;padding:42px 48px;position:relative;box-shadow:0 25px 70px #0000004d}.interpretation:before{content:"";pointer-events:none;opacity:.25;background:repeating-linear-gradient(0deg,#0000 0 29px,#5948280f 30px);position:absolute;inset:0}.interpretation>*{position:relative}.paper-heading{border-bottom:1px solid #4c402a29;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.interpretation .eyebrow{color:#866f49}.paper-heading span{color:#847b68;font-size:10px}.interpretation-copy{gap:19px;display:grid}.interpretation-copy p{color:#504b40;text-align:justify;margin:0;font-size:15px;line-height:2}.interpretation-copy p.verdict{color:#49382b;background:#c09e6021;border-left:3px solid #a77b4e;padding:17px 19px;font-family:Noto Serif SC,Songti SC,serif}.interpretation-copy h3{color:#4b3e2d;margin:8px 0 -4px;font:500 19px/1.5 Noto Serif SC,serif}.interpretation-copy blockquote{border-left:2px solid #9d8150;margin:10px 0 0;padding-left:18px;font:500 clamp(19px,2.4vw,27px)/1.7 Noto Serif SC,Songti SC,serif}.stream-cursor{vertical-align:middle;background:#8f7041;width:7px;height:1.15em;margin:5px 0 0 4px;animation:.8s steps(2,end) infinite blink;display:inline-block}.interpret-error{color:#664735;background:#e4d5b7;border-left:3px solid #a56848;margin:18px 0;padding:18px}.interpret-error strong{font-family:Noto Serif SC,serif}.interpret-error p{margin:7px 0 12px;font-size:13px;line-height:1.6}.interpret-error button,.reading-actions button,.profile-copy>button{color:#493a25;background:0 0;border:1px solid #48392259;min-height:42px;padding:0 17px}.cast-trace{border-top:1px solid #4c402a29;margin-top:28px;padding-top:17px}.cast-trace summary{cursor:pointer;color:#6c5a3d;letter-spacing:.06em;font-size:12px}.cast-trace ol{grid-template-columns:1fr 1fr;gap:0 22px;margin-top:12px;display:grid}.cast-trace li{border-color:#4a3d271f}.cast-trace li span{color:#695635;font-size:10px}.cast-trace li small{color:#766e5e;font-size:9px;line-height:1.5}.reading-actions{gap:10px;margin-top:28px;display:flex}.reading-actions button:first-child{color:#211a10;background:#bc9b60;border-color:#bc9b60}.reading-actions button:disabled,.profile-copy>button:disabled{opacity:.38}.disclaimer{color:#eee7d285;text-align:center;font-size:10px;line-height:1.7}.veil{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040708a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.drawer{width:min(680px,100%);max-height:min(780px,100dvh - 48px);color:var(--paper);border:1px solid var(--line);animation:arrive .35s var(--ease) both;background:linear-gradient(145deg,#1c221ff7,#131816f7);padding:30px;overflow:auto;box-shadow:0 30px 90px #0000008c}.drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.drawer header p{color:#eee7d273;letter-spacing:.2em;margin:0;font-size:9px}.drawer h2{margin:6px 0 0;font:500 28px/1.2 Noto Serif SC,serif}.drawer header button{width:42px;height:42px;color:inherit;border:1px solid var(--line);background:0 0;border-radius:50%;font-size:22px}.history-list{display:grid}.history-list article{border-bottom:1px solid #eee7d21a;grid-template-columns:1fr auto;align-items:center;display:grid}.history-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;justify-items:start;gap:6px;padding:18px 10px 18px 0;display:grid}.history-main>span{color:#d5bd79;letter-spacing:.06em;font-size:10px}.history-main span em{color:#d9ccb0;letter-spacing:0;background:#eee7d214;border-radius:99px;margin-left:8px;padding:2px 6px;font-style:normal}.history-main strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;overflow:hidden}.history-main small{color:#eee7d270;font-size:9px}.history-delete{color:#eee7d27a;background:0 0;border:0;min-height:40px;font-size:10px}.history-delete:hover{color:#e9b9a0}.empty{color:#eee7d285;text-align:center;padding:45px 0;font-size:12px;line-height:1.8}.about-copy,.profile-copy{padding-top:20px}.about-copy h3{color:#d7bd81;margin:24px 0 6px;font:500 16px/1.4 Noto Serif SC,serif}.about-copy p,.profile-copy>p{color:#eee7d2b8;margin:0;font-size:13px;line-height:1.9}.profile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-grid div{background:#eee7d20f;border:1px solid #eee7d21a;padding:18px}.profile-grid span{color:#eee7d27a;font-size:10px;display:block}.profile-grid strong{margin-top:7px;font:500 30px/1 Noto Serif SC,serif;display:block}.profile-grid strong small{color:#eee7d285;font:400 12px/1 sans-serif}.account-card{background:#eee7d20b;border:1px solid #eee7d21f;margin-top:14px;padding:18px}.account-card>span{color:#eee7d280;letter-spacing:.12em;font-size:10px;display:block}.account-card>div{align-items:center;gap:12px;margin-top:9px;display:flex}.account-card code{letter-spacing:.15em;color:#f0e3be;font:500 25px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.account-card button{color:#eadcb7;background:0 0;border:1px solid #eee7d247;min-height:38px;padding:0 13px}.account-card button:disabled{opacity:.38}.account-card p{color:#eee7d294;margin:12px 0 0;font-size:11px;line-height:1.8}.profile-copy dl{margin:22px 0}.profile-copy dl div{border-bottom:1px solid #eee7d217;justify-content:space-between;padding:11px 0;display:flex}.profile-copy dt{color:#eee7d27a;font-size:11px}.profile-copy dd{margin:0;font-size:12px}.profile-copy>button{color:#eadcb7;border-color:#eee7d247;margin-top:20px}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes captionIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes observe{0%{transform:translate(-100%)}50%{transform:translate(130%)}to{transform:translate(350%)}}@keyframes lineBreathe{0%{opacity:.58;transform:scaleX(.94)}to{opacity:1;transform:scaleX(1.04)}}@keyframes blink{50%{opacity:0}}@media (max-width:1060px){.ritual-stage{grid-template-columns:minmax(0,1fr) 290px;gap:12px}.stalks{transform-origin:bottom;transform:translate(-50%)scale(.86)}}@media (max-width:760px){.app{min-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom));overflow-y:auto}.app:before{background-position:43%}.topbar{padding:calc(15px + env(safe-area-inset-top)) 15px 12px}.brand span{display:none}.brand strong{font-size:24px}.topbar nav button{min-width:46px;min-height:46px}.topbar nav b{display:none}.hero{width:calc(100% - 30px);margin:8vh auto 50px}.hero h1{font-size:clamp(38px,12vw,54px)}.intro br{display:none}.question-card{margin-top:30px;padding:16px}.question-row{grid-template-columns:1fr 76px}.question-row input{font-size:16px}.quiet-footer{display:none}.ritual-workspace{width:100%;margin:0 auto 35px;padding:0 13px}.ritual-heading h1{font-size:25px}.progress{width:76%}.ritual-stage{display:block}.stalk-field{height:390px;margin:0 -13px}.stalks{transform-origin:bottom;bottom:-4%;transform:translate(-50%)scale(.55,.42)}.split-surface{width:min(420px,98%);height:220px;bottom:-2%}.split-surface:before{top:56%;bottom:8%}.line-complete{bottom:20%}.ritual-ledger{max-height:none;margin-top:2px}.change-log{max-height:220px;overflow:auto}.reading{width:calc(100% - 26px);margin-top:1vh}.reading-scene{padding:20px 16px}.reading-heading{display:block}.reading-heading span{margin-top:8px;display:block}.result-summary{gap:6px}.result-summary div{padding:12px 10px}.result-summary strong{font-size:18px}.hexagram-grid{grid-template-columns:1fr 25px 1fr;gap:4px}.hexagram-card{min-height:280px;padding:20px 13px}.hexagram-card h2{font-size:19px}.hexagram-lines,.hexagram-lines .yao{width:76px}.hexagram-lines .yao.yang span{width:68px}.hexagram-lines .yao.yin span{width:28px}.interpretation{padding:29px 21px}.interpretation-copy p{font-size:14px;line-height:1.95}.cast-trace ol{grid-template-columns:1fr}.reading-actions{flex-direction:column}.reading-actions button{width:100%}.veil{padding:0}.drawer{width:100%;height:100dvh;max-height:none;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));border:0}}@media (max-width:390px){.hero{width:calc(100% - 24px)}.question-row{grid-template-columns:1fr 70px}.hexagram-grid{grid-template-columns:1fr}.change-arrow{transform:rotate(90deg)}.hexagram-card{width:100%}.hexagram-lines,.hexagram-lines .yao{width:100px}.hexagram-lines .yao.yang span{width:92px}.hexagram-lines .yao.yin span{width:39px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.app:after{background:#0205068c}.question-card,.ritual-ledger,.reading-scene{background:#121817}.topbar nav button{color:#fff}.intro,.ritual-heading span{color:#f3ecd7}}