:root{--paper:#ede2c9;--ink:#3c3025;--red:#984532;--line:#b5a383;--blue:#506575}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman','Noto Serif SC','SimSun',serif;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23756543' opacity='.07' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:1px solid var(--line);padding:10px 17px;transition:background .3s}button:hover{background:#d8c8a7}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}input[type=checkbox],input[type=radio]{accent-color:var(--red)}.page{max-width:1850px;margin:auto;padding:24px 4% 18px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:14px}.edition{letter-spacing:2px;font-size:12px}.edition span{margin:0 12px}.top-actions{display:flex;gap:24px;align-items:center}.top-actions button{border:0;padding:0}.title{text-align:center;position:relative;padding:23px 0 22px}.title h1{font-size:clamp(32px,3.5vw,60px);font-weight:400;margin:0;letter-spacing:-1.6px}.title p{font-size:13px;letter-spacing:3px;margin:12px 0 0}.title p span{color:var(--red);padding:0 14px}.folio{position:absolute;left:0;top:44px;font-size:12px;letter-spacing:2px}main{display:grid;grid-template-columns:minmax(240px,1fr) minmax(420px,2.25fr) minmax(270px,1.1fr);border-top:3px double var(--line);border-bottom:3px double var(--line);padding:25px 0 22px;gap:30px}.section-label{font-size:13px;color:var(--red);letter-spacing:2px;display:flex;gap:14px;align-items:center}.section-label:after{content:'';height:1px;background:var(--line);flex:1}.section-label span{color:var(--ink)}h2{font-size:24px;font-weight:400;margin:17px 0 14px}.helper{font-size:13px;color:#75674f;line-height:1.8}.intro{margin-bottom:23px}.field{display:block;font-size:15px;margin:18px 0 9px}.field small{font-size:12px;color:#796950;margin-left:8px}#name,select,.moon-input{background:#f8efdc66;border:1px solid var(--line);border-radius:0;padding:12px;width:100%;font-size:16px}#name{letter-spacing:3px;font-size:22px}.moon-label{position:relative}.moon-label>span{position:absolute;right:6px;color:var(--red);font-size:21px}.moon-input{display:flex;align-items:center;justify-content:space-between;padding:7px 12px}.moon-input input{width:65%;background:transparent;border:0;font-size:23px;padding:4px 0}.moon-input span{font-size:14px;color:#7a6b53}.lunar-help{font-size:12px;margin:8px 0 16px}.modes{display:flex;gap:18px;font-size:14px;margin:15px 0}.primary{background:var(--red);color:#fff0d3;border-color:var(--red);width:100%;padding:14px 17px;display:flex;justify-content:space-between}.primary:hover,.play:hover{background:#7f392a}.reset{width:100%;border:0;font-size:13px;margin-top:7px}.source-note{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;font-size:12px}.source-note strong,.source-note span{display:block;font-weight:400}.source-note strong{font-size:14px;margin:3px 0}.sphere-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.sphere-caption{font-size:12px;letter-spacing:3px;color:#6e6049;margin-bottom:4px}.sphere-panel svg{width:100%;max-width:665px;overflow:visible}.sphere-foot{display:flex;gap:17px;font-size:12px;letter-spacing:2px;align-items:center}.sphere-foot i{color:var(--red);font-size:17px}.center-note{font-size:12px;margin:12px 0 0}.computation{border-left:1px solid var(--line);padding-left:28px}.patient{font-size:24px;letter-spacing:4px;margin:24px 0 16px;overflow-wrap:anywhere}.letters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:17px}.letter{min-width:34px;text-align:center;padding:7px 4px;border-bottom:1px solid var(--line);transition:.45s}.letter b{display:block;font-size:20px;font-weight:400}.letter small{display:block;font-size:12px;color:var(--red);margin-top:6px}.active{background:#b5854630!important}.unsupported{background:#98453220;color:var(--red);border:1px solid var(--red)}.equation{font-size:13px;color:#786750;line-height:1.8;overflow-wrap:anywhere}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #b5a38366;font-size:14px;transition:.45s}.calc-row strong{font-size:23px;font-weight:400}.calc-row small{font-size:12px;color:#827154;margin-left:7px}.sum{border-bottom:3px double var(--line);padding:14px 0}.sum strong{font-size:29px}.division{text-align:center;padding:16px 0;font-size:17px}.remainder{background:#d7c4a044;border-block:1px solid var(--line);padding:10px}.remainder strong{color:var(--red)}.unrevealed{visibility:hidden}.outcome{text-align:center;margin-top:15px;min-height:111px}.outcome h3{font-weight:400;font-size:42px;letter-spacing:7px;margin:0 0 3px;color:var(--red)}.outcome.mors h3{color:var(--ink)}.outcome.ambigua h3{color:var(--blue);font-size:30px}.outcome p{margin:5px 0;font-size:14px;overflow-wrap:anywhere}.outcome small{font-size:11px;color:#7a6b53;display:block;line-height:1.5}.playback{padding:18px 0 7px}.step-info{display:flex;align-items:center;gap:18px;font-size:14px}.rubric{color:var(--red);font-size:12px;letter-spacing:2px}.step-info strong{font-weight:400}#step-count{margin-left:auto;font-size:12px}.progress{height:2px;background:#cabb9c;margin:12px 0 16px}.progress div{height:100%;background:var(--red);transition:width .45s}.transport{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.play{background:var(--red);color:#fff0d3;min-width:140px;border-color:var(--red)}.speed{display:flex;align-items:center;gap:8px;margin-left:14px;font-size:12px}.speed select{width:88px;padding:9px;font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:13px;padding-top:8px;gap:20px}footer p{max-width:65%;font-size:11px!important;margin:0}footer>div{display:flex;gap:19px;font-size:12px}#error{color:var(--red);font-size:13px;line-height:1.5}#error:empty{display:none}dialog{max-width:690px;width:90%;padding:35px;background:var(--paper);color:var(--ink);border:3px double var(--line);line-height:1.8}dialog::backdrop{background:#29221799}dialog p,dialog li{font-size:14px}dialog li{margin-bottom:12px}#close-about{float:right;border:0;font-size:25px;padding:0 7px}.no-modern .helper{display:none}.recording .helper,.recording .source-note,.recording .edition,.recording #about,.recording .folio{display:none}.recording .title{padding:12px 0}.recording .title h1{font-size:40px}.recording main{grid-template-columns: minmax(230px,.9fr) minmax(480px,2.4fr) minmax(290px,1.1fr);padding:14px 0}.recording .sphere-panel svg{max-width:740px}.recording .computation{font-size:18px}.recording header{justify-content:flex-end;padding-bottom:7px}.recording .title p{margin-top:5px}.recording footer{margin-top:4px}.sphere-number{transition:opacity .5s,fill .5s}.result-ring{stroke-dasharray:170;stroke-dashoffset:170;transition:stroke-dashoffset .6s}.result-ring.shown{stroke-dashoffset:0}.pointer{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset .6s}.pointer.shown{stroke-dashoffset:0}.half-wash{transition:opacity .6s}@media(min-width:1600px){.page{padding-top:28px}main{gap:44px}.computation{padding-left:38px}.field{margin-top:24px}.intro{margin-bottom:28px}.calc-row{padding-block:12px}}@media(max-width:1100px){.page{padding:18px 3%}main{gap:17px;grid-template-columns:220px minmax(340px,1.7fr) minmax(230px,1fr)}.computation{padding-left:17px}.folio{display:none}.field small{display:block;margin:5px 0}.recording main{grid-template-columns:220px minmax(340px,1.7fr) minmax(230px,1fr)}}@media(max-width:850px){main,.recording main{grid-template-columns:1fr 1fr}.sphere-panel{grid-column:1/-1;grid-row:1}.sphere-panel svg{max-width:580px}.title h1{font-size:36px}header .edition{display:none}header{justify-content:flex-end}.transport{flex-wrap:wrap}footer{flex-direction:column;align-items:flex-start}footer p{max-width:100%}.top-actions{gap:14px}}@media(max-width:520px){main,.recording main{grid-template-columns:1fr}.computation{border-left:0;padding:15px 0 0;border-top:1px solid var(--line)}.title h1{font-size:29px}.title p{font-size:10px;letter-spacing:1px}.sphere-caption{font-size:10px}.transport button{padding:10px}.source-note{display:none}.step-info{gap:10px}.speed{margin:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:1101px){.recording .sphere-panel svg{max-width:min(740px,calc(100vh - 390px));min-width:500px}}

.division small{display:block;font-size:12px;margin-top:7px;color:#786750}.calc-row>span{font-size:12px}.calc-row>span>small{display:block;margin:4px 0 0}.calc-row strong{white-space:nowrap}.settling>.patient,.settling>.letters,.settling>.equation,.settling>.calc-row:not(.remainder),.settling>.division{opacity:.42;transition:opacity .6s}.alphabet-cell text{transition:fill .3s}.current-letter text{fill:#a43525;font-weight:bold;paint-order:stroke;stroke:#d6bb87;stroke-width:2px}.current-remainder{fill:#984532;font-weight:bold}.pointer{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset .9s}#paper-hand{filter:drop-shadow(2px 3px 1.5px #4d341e44)}
#paper-hand{opacity:1;filter:drop-shadow(4px 6px 3px #38271670)}#pivot{filter:drop-shadow(1px 2px 1px #38271665)}
#paper-hand{cursor:pointer}#paper-hand:focus-visible{outline:none;filter:drop-shadow(0 0 3px #984532) drop-shadow(4px 6px 3px #38271670)}
#reveal-darkness{opacity:0;transition:opacity 1.1s ease-in-out}#reveal-darkness.darkened{opacity:1;transition-duration:.45s}#column-emphasis{transition:opacity .5s}
#reveal-darkness{opacity:0;transition:opacity 1.25s ease-in-out}#reveal-darkness.darkened{opacity:1;transition-duration:1.1s}#paper-hand,#pivot{transition:opacity .65s ease}#paper-hand.vanished,#pivot.vanished{opacity:0;pointer-events:none}#ambigua-reset{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease}#ambigua-reset.visible{opacity:1;visibility:visible;pointer-events:all;cursor:pointer}#ambigua-reset text{paint-order:stroke;stroke:#213248;stroke-width:3px}#ambigua-reset:focus-visible{outline:none;filter:drop-shadow(0 0 3px #f0ddb0)}
#reveal-darkness,#reveal-darkness.darkened{transition-duration:2.4s}#paper-hand,#pivot{transition:opacity 1.6s ease-in-out}