@charset "UTF-8";
:root{--paper:#f7f4ec;--ink:#26352e;--muted:#72766a;--rust:#a14f3d;--line:#dcd9ce;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;--sans:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.16' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--rust);outline-offset:5px}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}button svg{width:18px;height:18px;vertical-align:middle}svg{overflow:visible}.wrap{max-width:1240px;margin:auto;padding:0 48px}.top{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;background:none;padding:0;text-align:left}.seal{display:grid;place-items:center;width:40px;height:44px;background:var(--rust);color:var(--paper);font-family:var(--serif);font-size:27px;border-radius:3px;transform:rotate(-3deg)}.brand-name{font:25px var(--serif);letter-spacing:4px}.brand-name small{display:block;font:9px var(--sans);letter-spacing:3px;margin-top:5px}.nav{display:flex;gap:32px;align-items:center}.nav button{background:none;padding:9px 0;font-size:13px;color:var(--muted)}.nav button.active{color:var(--rust);box-shadow:0 1px var(--rust)}.nav .lang{border-left:1px solid var(--line);padding-left:24px;color:var(--ink);font-size:12px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--rust);text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";height:1px;width:26px;background:var(--rust)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:575px;align-items:center;gap:36px;padding-top:30px;padding-bottom:25px}.intro{padding:15px 0 30px}.intro h1{font:normal clamp(42px,4.4vw,61px)/1.5 var(--serif);letter-spacing:4px;margin:28px 0 22px}.intro h1 em{font-style:normal;color:var(--rust)}.intro .lead{font-size:14px;line-height:2;color:var(--muted);max-width:385px}.primary{margin-top:30px;padding:17px 28px;min-width:202px;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--rust);color:#fff7ee;border-radius:3px;font-size:14px;transition:background .2s,transform .2s}.primary:hover{background:#884231;transform:translateY(-1px)}.primary .arrow{font-size:20px}.micro{font-size:11px;color:var(--muted);letter-spacing:.5px;margin-top:16px}.micro .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8b947c;margin-right:7px}.art{position:relative;height:480px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:410px;height:410px;border:1px solid #d5d6c8;border-radius:50%;opacity:.8}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #d5d6c8;border-radius:50%;inset:23px}.orbit:after{inset:-15px;border-style:dashed;border-color:#dbdcd0;opacity:.7}.orbit .trigram{position:absolute;left:50%;top:50%;font-family:serif;color:#848b75;font-size:25px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-191px) rotate(calc(-1 * var(--angle)))}.art-label{position:absolute;right:-1px;top:83px;writing-mode:vertical-rl;font:13px var(--serif);letter-spacing:6px;color:var(--muted)}.art-foot{position:absolute;bottom:6px;font-size:10px;letter-spacing:3px;color:var(--muted)}.plate{width:303px;height:303px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 24%,#d0a780 0%,#b68961 42%,#a77952 74%,#b08b66 77%,#cba27c 80%,#af835c 83%,#d0b192 84%,#d8bda0 94%,#ba9774 97%);box-shadow:15px 22px 35px #4b3c2924,inset 0 0 15px #6c4b3233;transform:rotate(-12deg);isolation:isolate}.plate:before{content:"";position:absolute;inset:37px;border:1px solid #6e503934;border-radius:50%;box-shadow:inset 0 4px 14px #55382124}.coin{position:absolute;width:100px;height:100px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 28% 20%,#e4c998,#c29b57 43%,#9c793f 84%,#dbb977);border:3px solid #a27b3e;box-shadow:4px 8px 8px #49372055,inset 0 0 0 3px #d5b77d,inset 0 0 0 5px #93713c;color:#634f31;transform:rotate(var(--r));font:20px var(--serif);text-shadow:0 1px #ead3a6}.coin:nth-child(1){left:45px;top:50px;--r:-13deg}.coin:nth-child(2){right:33px;top:91px;--r:27deg}.coin:nth-child(3){left:73px;bottom:35px;--r:10deg}.coin .hole{width:22px;height:22px;background:#ad825d;border:2px solid #7d613b;box-shadow:inset 2px 2px 3px #43321d88,1px 1px #e4c993;z-index:1}.coin .c-top{position:absolute;top:6px}.coin .c-bottom{position:absolute;bottom:5px}.coin .c-left{position:absolute;left:8px}.coin .c-right{position:absolute;right:8px}.coin.back{background:radial-gradient(circle at 28% 20%,#d4bb8a,#a8864c 60%,#987943)}.coin.back .c-top,.coin.back .c-bottom{font-size:16px}.coin.back .c-left,.coin.back .c-right{font-size:12px}.coin.toss{animation:flip .65s ease-in-out}.plate.toss{animation:shake .65s ease-in-out}.corner-note{position:absolute;left:12px;bottom:57px;font:16px var(--serif);color:#747c66;writing-mode:vertical-rl;letter-spacing:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-bottom:30px;gap:35px}.step{display:flex;gap:18px;align-items:flex-start}.step .num{font:italic 25px Georgia;color:#acb19c}.step h3{font-weight:500;font-size:14px;margin:2px 0 9px}.step p{font-size:12px;line-height:1.8;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:16px;padding:0 0 28px;font-size:10px;color:var(--muted);line-height:1.8}footer button{background:none;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.casting .hero{min-height:540px}.casting .intro h1{font-size:42px;margin:20px 0 15px}.line-progress{display:flex;gap:9px;margin-top:25px}.line-progress i{width:25px;height:4px;background:#dddcd1}.line-progress i.done{background:var(--rust)}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.text-btn{background:none;text-decoration:underline;text-underline-offset:5px;color:var(--muted);padding:12px 0;font-size:12px}.controls .text-btn{margin-top:30px}.cast-bottom{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0 36px}.cast-bottom h3{font:20px var(--serif);margin-bottom:15px}.hex-lines{display:flex;flex-direction:column-reverse;gap:10px;width:170px;margin:0 auto}.hex-line{display:flex;gap:10px;height:12px;position:relative}.hex-line b{flex:1;background:var(--ink);border-radius:1px}.hex-line.yin b{flex-basis:45%}.hex-line.empty b{background:#deded3}.hex-line.moving b{background:var(--rust)}.hex-line .position{position:absolute;left:-26px;top:0;font-size:10px;color:var(--muted);font-weight:400}.hex-line .move{position:absolute;right:-24px;top:-3px;font-size:14px;color:var(--rust)}.live-lines{display:flex;align-items:center;gap:30px}.live-lines .hex-lines{margin:0 30px 0 30px}.roll-log{list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted);line-height:2}.cast-caption{line-height:1.9;font-size:12px;color:var(--muted);max-width:380px}.page-title{padding:45px 0 28px}.page-title h1{font:42px/1.4 var(--serif);letter-spacing:2px;margin-top:15px}.page-title p{color:var(--muted);line-height:1.9;margin-top:14px}.result-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-layout{display:grid;grid-template-columns:340px 1fr;gap:60px;padding-bottom:40px}.result-card{background:#eae8dc;border:1px solid #d9d9cb;padding:35px 28px;text-align:center;position:relative}.result-card:before{content:"";position:absolute;inset:9px;border:1px solid #d0d2c2;pointer-events:none}.result-card .hex-lines{margin:26px auto 30px}.result-card h2{font:44px var(--serif);letter-spacing:4px;margin:16px 0 8px}.result-card .english{font:italic 18px Georgia;margin-bottom:20px;color:#5e6858}.result-card .pill{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.trigrams{font-size:12px;color:#5e6858;line-height:2}.changed{border-top:1px solid #ced1c0;margin-top:27px;padding-top:24px}.changed .hex-lines{width:85px;gap:5px;margin:15px auto}.changed .hex-line{height:6px;gap:5px}.changed .move,.changed .position{display:none}.changed h3{font:22px var(--serif);margin:10px 0}.reading-content{padding-top:9px}.reading-content h2{font:28px/1.65 var(--serif);margin:18px 0 24px}.reading-content .reflection{font:19px/1.9 var(--serif);max-width:600px}.question{margin:30px 0;padding:23px 25px;border-left:2px solid var(--rust);background:#ede9df}.question h3{font-size:11px;letter-spacing:2px;color:var(--rust);margin-bottom:12px}.question p{font:20px/1.7 var(--serif)}.moving-note{font-size:13px;line-height:1.9;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.secondary{border:1px solid #cfd1c4;padding:12px 16px;background:transparent;border-radius:3px;font-size:12px;display:inline-flex;align-items:center;gap:8px}.secondary:hover{background:#e9e9dd}.secondary.saved{border-color:var(--rust);color:var(--rust)}details{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:12px;color:var(--muted)}details .detail-body{font-size:12px;line-height:1.9;margin-top:15px;color:var(--muted)}.disclosure{font-size:11px!important;color:var(--muted);line-height:1.9!important;margin-top:22px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:42px}.journal-card{background:#eeede3;border:1px solid var(--line);padding:25px}.journal-card h2{font:25px var(--serif);margin:14px 0}.journal-card .date{font-size:10px;color:var(--muted)}.journal-card .hex-lines{width:92px;gap:6px;margin:22px auto}.journal-card .hex-line{height:7px;gap:6px}.journal-card .position{left:-20px}.journal-card .move{top:-4px}.journal-card p{font-size:12px;color:var(--muted);line-height:1.8;min-height:64px}.journal-card .actions{justify-content:space-between;margin-top:17px}.empty-state{text-align:center;padding:70px 20px 100px}.empty-state .symbol{font:62px Georgia;color:#89917b;margin-bottom:22px}.empty-state h2{font:26px var(--serif);margin-bottom:16px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.8}.empty-state .primary{justify-content:center}.notes{margin-top:23px}.notes label{font-size:12px;color:var(--muted)}textarea{display:block;width:100%;margin-top:9px;min-height:90px;padding:12px;background:#f9f6ef;border:1px solid var(--line);font:13px/1.8 var(--sans);resize:vertical;color:var(--ink)}dialog{border:1px solid var(--line);border-radius:4px;background:var(--paper);padding:30px;max-width:620px;width:calc(100% - 32px);max-height:85vh;color:var(--ink);box-shadow:0 20px 90px #21261933}dialog::backdrop{background:#27312c70;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:25px}.dialog-head h2{font:28px var(--serif)}.close{background:none;font-size:24px;padding:5px 10px}.dialog-body{font-size:13px;line-height:1.95;color:#606958}.dialog-body h3{font-size:15px;color:var(--ink);margin:22px 0 9px}.dialog-body p{margin:10px 0}.dialog-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:12px}.dialog-body th,.dialog-body td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.dialog-body a{color:var(--rust)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#faf6ec;padding:13px 23px;border-radius:4px;opacity:0;transition:.25s;pointer-events:none;z-index:5;font-size:13px;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.skip{position:fixed;left:16px;top:-100px;z-index:10;background:var(--paper);padding:15px}.skip:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tag{font-size:10px;letter-spacing:1px;border:1px solid #d4d6c7;border-radius:20px;padding:6px 11px;color:var(--muted)}body[data-lang=en] .intro h1{letter-spacing:-1.5px;font-family:Georgia,serif;font-size:57px;line-height:1.2}body[data-lang=en] .intro h1 em{font-style:italic}body[data-lang=en] .intro .lead{line-height:1.8}body[data-lang=en] .casting .intro h1{font-size:44px}body[data-lang=en] .art-label{writing-mode:initial;transform:rotate(90deg);right:-48px;top:210px;letter-spacing:2px;font:10px var(--sans)}body[data-lang=en] .corner-note{font:italic 12px Georgia;letter-spacing:1px;writing-mode:initial;bottom:57px}body[data-lang=en] .page-title h1{font:42px Georgia;letter-spacing:0}body[data-lang=en] .reading-content h2,body[data-lang=en] .reflection,body[data-lang=en] .question p{font-family:Georgia,serif}
@keyframes flip{0%{transform:rotate(var(--r)) translateY(0)}35%{transform:rotate(calc(var(--r) + 65deg)) translateY(-35px) scaleX(.2)}70%{transform:rotate(calc(var(--r) + 140deg)) translateY(-10px) scaleX(.4)}100%{transform:rotate(calc(var(--r) + 360deg)) translateY(0)}}@keyframes shake{25%{transform:rotate(-8deg)}70%{transform:rotate(-15deg)}}
@media(min-width:1450px){.hero{min-height:650px}.art{height:530px}.orbit{width:440px;height:440px}.orbit .trigram{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-206px) rotate(calc(-1 * var(--angle)))}.plate{width:325px;height:325px}.coin{width:108px;height:108px}.coin:nth-child(2){right:40px;top:100px}.coin:nth-child(3){left:77px;bottom:41px}}
@media(max-width:1000px){.wrap{padding:0 30px}.hero{gap:20px}.orbit{width:330px;height:330px}.orbit .trigram{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-151px) rotate(calc(-1 * var(--angle)))}.plate{width:250px;height:250px}.coin{width:83px;height:83px;font-size:17px}.coin:nth-child(1){left:35px;top:40px}.coin:nth-child(2){right:27px;top:73px}.coin:nth-child(3){left:56px;bottom:29px}.coin .hole{width:19px;height:19px}.coin .c-top{top:3px}.coin .c-bottom{bottom:3px}.coin .c-left{left:5px}.coin .c-right{right:5px}.art-label{right:-8px}.result-layout{grid-template-columns:290px 1fr;gap:35px}body[data-lang=en] .intro h1{font-size:48px}.journal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{padding:0 22px}.top{height:84px;gap:12px}.brand-name{font-size:21px}.brand-name small{font-size:8px;letter-spacing:2px}.seal{width:33px;height:38px;font-size:23px}.brand{gap:9px}.nav{gap:16px}.nav button{font-size:12px}.nav .lang{padding-left:15px}.nav .rules-nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:0;min-height:0}.intro{padding:0;text-align:center}.eyebrow{justify-content:center;font-size:9px;letter-spacing:2px}.intro h1{font-size:40px;letter-spacing:3px;line-height:1.45;margin:19px 0 17px}.intro .lead{max-width:320px;margin:auto;font-size:13px}.intro .primary{margin-top:22px}.micro{font-size:10px}.art{height:360px;margin-top:17px}.art-foot{bottom:0}.art-label{right:4px;top:88px}.corner-note{left:3px;bottom:48px}.orbit{width:290px;height:290px}.orbit .trigram{font-size:20px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-132px) rotate(calc(-1 * var(--angle)))}.plate{width:224px;height:224px}.coin{width:76px;height:76px;font-size:16px}.coin:nth-child(1){left:32px;top:35px}.coin:nth-child(2){right:22px;top:65px}.coin:nth-child(3){left:52px;bottom:23px}.coin .hole{width:17px;height:17px}.coin .c-left{left:4px}.coin .c-right{right:4px}.steps{gap:17px;margin-top:28px;padding:22px 0}.step{flex-direction:column;gap:7px}.step .num{font-size:22px}.step h3{font-size:12px;line-height:1.6;margin-bottom:7px}.step p{font-size:11px}.step .num{color:#7f886f}footer{font-size:9px;align-items:flex-start;margin-top:5px}.casting .hero{min-height:0}.casting .intro h1{font-size:34px}.controls,.line-progress{justify-content:center}.cast-bottom{grid-template-columns:1fr;margin-top:25px;padding-top:25px;gap:23px}.cast-bottom h3{font-size:19px}.live-lines{justify-content:center}.cast-caption{max-width:100%;font-size:11px}.result-layout{grid-template-columns:1fr;gap:28px}.result-card{max-width:410px;width:100%;margin:auto}.page-title{padding-top:28px}.page-title h1{font-size:32px;text-align:center}.page-title p{text-align:center;font-size:12px}.page-title .eyebrow{justify-content:center}.result-top{display:block}.result-top>.text-btn{display:block;margin:0 auto 20px}.reading-content{padding-top:0}.reading-content h2{font-size:25px}.reading-content .reflection{font-size:18px}.question p{font-size:18px}.journal-grid{grid-template-columns:1fr}.journal-card p{min-height:0}.tag{display:none}body[data-lang=en] .intro h1{font-size:43px}body[data-lang=en] .casting .intro h1{font-size:35px}body[data-lang=en] .art-label{right:-42px;top:171px;font-size:9px}body[data-lang=en] .corner-note{font-size:10px}body[data-lang=en] .page-title h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.card-preview{display:block;width:100%;max-width:360px;height:auto;margin:20px auto}.card-download{display:flex;justify-content:center;text-decoration:none;margin:auto;width:max-content}

/* Between Lines identity */
.brand-name{font:25px/1.15 Georgia,serif;letter-spacing:-.5px;white-space:nowrap}.brand-name small{font:9px/1.4 var(--sans);letter-spacing:2.3px;margin-top:7px}.brand-mark{display:block;width:58px;height:58px;flex-shrink:0}
@media(max-width:700px){.top{height:auto;min-height:84px;padding:18px 0;flex-wrap:wrap}.brand-name{font-size:20px}.brand-name small{font-size:8px;letter-spacing:1.8px}.brand{gap:8px}.nav{gap:13px}.nav .lang{padding-left:12px}.brand-mark{width:46px;height:46px}}

/* Coin toss: the preview-approved canvas scene, with room above the tray. */
.coin-art .coin-scene{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:600px;transform:translateY(-32px);pointer-events:none}
.coin-art .orbit{opacity:.5}.coin-art .art-label,.coin-art .corner-note,.coin-art .art-foot{z-index:2}
@media(max-width:700px){.coin-art .coin-scene{transform:translateY(-22px)}}

/* Required reading notice, styled to match the paper-and-bronze identity. */
body.consent-pending{overflow:hidden}
.consent-gate{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:32px;border-color:#c8bca4;border-radius:8px;overscroll-behavior:contain}
.consent-gate::backdrop{background:#26352ea8;backdrop-filter:blur(6px)}
.consent-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;font:22px Georgia,serif}
.consent-brand img{flex:none}.consent-brand small{display:block;margin-top:5px;font:9px var(--sans);letter-spacing:2px}
.consent-language{margin-left:auto;background:transparent;padding:12px;font:12px var(--sans);text-decoration:underline;text-underline-offset:4px}
.consent-gate h2{font:28px/1.5 var(--serif);margin:16px 0 20px}.consent-gate h2:focus{outline:none}
.consent-copy{font-size:13px;line-height:1.9;color:#596353}.consent-copy p+p{margin-top:14px}
.consent-copy .consent-lead{color:var(--rust);font:20px/1.6 var(--serif)}
.consent-check{display:flex;align-items:flex-start;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;cursor:pointer}
.consent-check input{width:18px;height:18px;flex:none;margin:2px 0;accent-color:var(--rust)}
.consent-check input:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
.consent-enter{width:100%;margin-top:18px;min-height:52px}.consent-enter:disabled{cursor:not-allowed;opacity:.45;transform:none}
@media(max-width:600px){.consent-gate{padding:24px}.consent-brand{margin-bottom:22px;font-size:20px}.consent-gate .eyebrow{justify-content:flex-start}.consent-gate h2{font-size:25px}.consent-copy{font-size:13px}}