/* Suishijian only. The jewellery site's styles are intentionally separate. */
:root{--paper:#f5f1e8;--surface:#fbf8f1;--ink:#20372f;--muted:#58695d;--line:#d8d7c8;--accent:#9a653b;--night:#102b28;--gold:#d8bb80;--radius:3px;--space:8px;--serif:Georgia,"Songti SC","Noto Serif SC","SimSun",serif;--sans:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-underline-offset:4px}button{color:inherit;background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:9px 16px;min-height:44px}button:hover{border-color:var(--ink);background:#20372f06}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.35}h1{font-size:clamp(30px,4vw,48px);letter-spacing:.04em;margin-bottom:14px}h2{font-size:25px}h3{font-size:20px}p{margin-bottom:16px}.muted,.note{color:var(--muted)}.note{font-size:13px}.small{font-size:12px}.skip{position:fixed;left:16px;top:-80px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:12px}
.site-header{height:94px;max-width:1480px;margin:auto;padding:0 48px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.brand>span{font-family:var(--serif);font-size:25px;line-height:1.15;letter-spacing:.14em}.brand small{display:block;font:9px/1.7 var(--sans);letter-spacing:.2em;padding-top:3px}.site-header nav{display:flex;gap:32px;margin-left:auto;height:100%;align-items:center}.site-header nav a{text-decoration:none;height:100%;display:flex;align-items:center;position:relative}.site-header nav a[aria-current=page]:after{content:"";height:2px;background:var(--ink);position:absolute;left:0;right:0;bottom:21px}.header-actions{display:flex;gap:6px}.header-actions button{border:0;padding:8px;min-width:44px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1384px;margin:40px auto 0;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-footer button{border:0;font-size:12px}main{max-width:1384px;margin:0 auto;padding:48px 0 16px;min-height:calc(100vh - 220px)}.page-head{max-width:780px;margin-bottom:36px}.page-head p{max-width:62ch;margin-bottom:0}.eyeline{font-size:12px;color:var(--muted);letter-spacing:.06em;margin-bottom:14px}.toolbar,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.primary:hover{background:#345247;color:var(--surface)}.text-button{border:0;padding-left:0;padding-right:0;text-decoration:underline;text-underline-offset:5px}.hairline{border-top:1px solid var(--line);padding-top:24px}.pill{font-size:12px;display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:20px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-row h2,.section-row h3{margin:0}.empty{color:var(--muted);padding:24px 0;max-width:55ch}.loading{padding:60px 0}.storage-alert{padding:12px 16px;border-left:3px solid var(--accent);margin-bottom:24px;background:#ede3d4;color:#6c452a}
.today-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:56px;align-items:center}.clock-stage{position:relative;min-height:510px;background:radial-gradient(ellipse at 46% 39%,#294940 0%,var(--night) 52%,#10211f 100%);color:#ece1c3;overflow:hidden;border-radius:var(--radius);padding:24px}.stage-top{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em}.stage-top select{max-width:135px;background:#152f2b;color:#e8dab8;border:1px solid #d8bb8050;border-radius:3px;padding:5px 8px;font-size:12px}.clock-svg{display:block;max-width:470px;width:100%;margin:6px auto 0;height:auto}.clock-svg .orbit{stroke:#e5cc9633;fill:none}.clock-svg text{font-family:var(--serif);fill:#dac69d}.clock-readout{position:absolute;left:0;right:0;top:47%;text-align:center;pointer-events:none}.clock-readout time{font:32px/1.2 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.08em}.clock-readout p{font-size:12px;margin:8px 0 0;color:#dac69d}.clock-caption{position:relative;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#c6bd9e}.celestial-key{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.celestial-key button{border-color:#d8bb8033;color:#cfc4a6;min-height:32px;font-size:11px;padding:4px 10px}.celestial-key button:hover{background:#ffffff0c}.clock-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 13% 17%,#efe3bf,transparent),radial-gradient(1px 1px at 73% 24%,#efe3bf,transparent),radial-gradient(1px 1px at 88% 74%,#d8bb80,transparent),radial-gradient(1px 1px at 18% 79%,#d8bb80,transparent)}.reading-teaser{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}.reading-teaser blockquote{font-family:var(--serif);font-size:26px;line-height:1.8;margin:18px 0;max-width:22em}.today-below{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:48px}.daily-reference{padding-top:32px;margin-top:40px;border-top:1px solid var(--line)}.daily-reference summary{font-family:var(--serif);font-size:21px;cursor:pointer}.daily-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.daily-cards h3{font-size:18px}.daily-cards p{font-size:13px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:13px;font-weight:500}label .note{display:block;font-weight:400;margin:5px 0 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #bdc6b9;background:var(--surface);color:var(--ink);padding:10px 12px;border-radius:3px;margin-top:6px;min-height:44px}textarea{resize:vertical;min-height:94px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);vertical-align:middle;flex-shrink:0}.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:20px 0;font-size:12px;color:var(--muted)}.form-section{max-width:900px}.profile-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:56px}.profile-card{background:var(--surface);padding:32px;border:1px solid var(--line)}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--night);color:#ede2c6;padding:30px 20px;gap:12px;text-align:center;margin:24px 0}.pillar-grid small{font-size:11px;color:#c9bc99}.pillar-grid strong{display:block;font:35px/1.7 var(--serif);word-break:break-all;width:1em;margin:10px auto 0}.definition-list{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:20px 0}.definition-list dt{color:var(--muted)}.definition-list dd{margin:0}.question-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}.method-switch{display:flex;gap:0;border-bottom:1px solid var(--line);margin:0 0 24px}.method-switch button{border:0;border-radius:0;padding:10px 28px;margin-bottom:-1px}.method-switch button[aria-pressed=true]{border-bottom:2px solid var(--ink)}.yao-inputs{margin:24px 0}.yao-input-row{display:grid;grid-template-columns:55px 1fr;gap:12px;align-items:center;margin:8px 0}.yao-input-row select{margin:0}.coin-strip{display:flex;align-items:center;gap:8px;margin-top:12px}.coin{border:1px solid var(--accent);color:var(--accent);border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.chart-stage{background:radial-gradient(ellipse at top,#25483f,var(--night));color:#eddfbd;padding:32px;border-radius:3px;min-height:410px}.chart-stage h2{font-size:24px;margin:0}.chart-stage .note{color:#c6bd9e}.chart-empty{height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.chart-empty img{opacity:.5;margin-bottom:24px;width:100px;height:100px}.hexagrams{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px 0}.hex-title{text-align:center;margin-bottom:24px;font-size:14px}.hex-row{display:grid;grid-template-columns:1fr 1.1fr 22px;gap:10px;align-items:center;min-height:39px;font-size:11px}.hex-line{height:6px;display:grid;grid-template-columns:1fr;gap:13px;background:#d7bc84}.hex-line.yin{grid-template-columns:1fr 1fr;background:none}.hex-line.yin:before,.hex-line.yin:after{content:"";background:#d7bc84}.hex-line.moving{filter:drop-shadow(0 0 4px #e9cd8b70)}.marker{color:#f5d898;font-size:12px}.hex-label{white-space:nowrap}.chart-basis{margin-top:24px}.chart-basis p{font-size:13px}.chart-basis summary{cursor:pointer}.line-facts{list-style:none;padding:0}.line-facts li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.qimen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d8bb8033;border:1px solid #d8bb8044;margin-top:24px}.qimen-cell{min-height:132px;text-align:left;padding:12px;color:#e4d6b1;background:#17332d;border:0;border-radius:0}.qimen-cell:hover,.qimen-cell[aria-pressed=true]{background:#304b3d}.qimen-cell .cell-top{display:flex;justify-content:space-between;color:#adbea5;font-size:10px}.qimen-cell .cell-gate{font:22px/1.4 var(--serif);display:block;margin-top:12px}.qimen-cell .cell-bottom{font-size:11px;display:flex;justify-content:space-between;gap:4px;margin-top:10px}.qimen-cell .flag{color:#ebce8b}.palace-detail{margin-top:24px;font-size:13px}.palace-detail dl{grid-template-columns:80px 1fr}.palace-detail p{margin-bottom:12px}.ai-answer{margin-top:32px;background:var(--surface);border-left:2px solid var(--accent);padding:24px}.ai-answer p{white-space:pre-line}.ai-sources{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.save-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.library-toolbar{display:flex;gap:16px;align-items:flex-end;margin-bottom:28px}.library-toolbar label:first-child{flex:1}.library-toolbar select{min-width:150px}.topic-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.topic-row button{font-size:13px;padding:6px 15px;min-height:38px}.topic-row button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.library-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.chapter-row{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;gap:16px}.chapter-number{font:19px/1.5 var(--serif);color:var(--accent)}.chapter-row h2{font-size:20px;margin-bottom:12px}.chapter-row .quote-line{font:16px/1.9 var(--serif);margin-bottom:12px;color:var(--muted)}.chapter-row button{border:0;padding:0;min-height:36px}.chapter-row .row-actions{display:flex;gap:24px}.chapter-row .tag-line{font-size:11px;color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:3px;max-width:880px;width:calc(100% - 32px);max-height:90dvh;padding:24px 48px 40px}dialog::backdrop{background:#102b28b0}.dialog-top{display:flex;justify-content:flex-end;position:sticky;top:0;background:var(--surface)}.dialog-top button{font-size:26px;line-height:1;border:0;min-width:44px}.reading-original{font:24px/2 var(--serif);white-space:pre-line;letter-spacing:.03em;margin:28px 0}.reading-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:28px}.reading-columns h3{font-size:18px}.reading-columns p{font-size:14px;line-height:1.95;white-space:pre-line}.source-link{font-size:12px;display:block;margin:24px 0}.reading-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:28px 0}.dialog-question{border-top:1px solid var(--line);padding-top:24px}.dialog-question input{margin-bottom:12px}
.my-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.my-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.list{list-style:none;padding:0;margin:0}.list>li{border-top:1px solid var(--line);padding:20px 0}.list h3{font-size:18px;margin:0 0 6px}.task-item{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:start}.task-item .task-meta{font-size:12px;color:var(--muted);margin:5px 0}.task-item button{border:0;font-size:12px;padding:0 8px}.task-item.overdue .task-meta{color:#89522d}.journal-row{padding:24px 0;border-top:1px solid var(--line)}.journal-row time{font-size:12px;color:var(--muted)}.journal-row h3{margin:10px 0}.journal-row p{white-space:pre-line;font-size:14px}.journal-row .actions button{font-size:12px}.object-row{display:flex;justify-content:space-between;gap:16px}.object-row p{margin-bottom:4px}.object-row button{border:0;font-size:12px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:12px 24px;background:var(--ink);color:var(--surface);z-index:20;font-size:13px;border-radius:3px;box-shadow:0 4px 24px #0002}.record-form{margin-top:24px}.danger{color:#924a36}.profile-remove{margin-top:24px}.about-content{max-width:60ch}.about-content li{margin-bottom:12px}.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}
@media(min-width:1600px){main{padding-top:64px}.clock-stage{min-height:570px}.clock-svg{max-width:515px}.clock-readout{top:47%}}
@media(max-width:1480px){main{margin:0 48px}.site-footer{margin-left:48px;margin-right:48px}}
@media(max-width:1100px){.site-header{padding:0 32px;gap:20px}.site-header nav{gap:24px}main{margin:0 32px}.site-footer{margin-left:32px;margin-right:32px}.today-layout{gap:32px;grid-template-columns:1.1fr 1fr}.clock-stage{min-height:440px;padding:20px}.clock-readout{top:45%}.question-layout{gap:32px;grid-template-columns:1fr 1fr}.chart-stage{padding:20px}.qimen-cell{min-height:115px;padding:8px}.library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{gap:32px}}
@media(max-width:800px){.site-header{height:auto;min-height:112px;padding:20px 24px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.brand>span{font-size:23px}.brand img{width:34px;height:34px}.site-header nav{grid-column:1/-1;grid-row:2;height:48px;gap:0;margin:0;justify-content:space-between}.site-header nav a{font-size:13px}.site-header nav a[aria-current=page]:after{bottom:0}.header-actions{grid-column:2;grid-row:1}main{padding-top:32px;margin:0 24px}.site-footer{margin-left:24px;margin-right:24px;gap:12px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}.today-layout,.question-layout,.profile-layout{grid-template-columns:1fr;gap:32px}.today-layout .clock-stage{order:0}.today-layout .today-reading{order:1}.clock-stage{min-height:440px}.clock-svg{max-width:430px}.clock-readout{top:46%}.today-below,.my-grid{grid-template-columns:1fr;gap:32px}.daily-cards{grid-template-columns:1fr}.page-head{margin-bottom:28px}.page-head p{font-size:14px}.question-layout .chart-stage{min-height:360px}.qimen-cell{min-height:120px;padding:12px}.chart-stage{padding:24px}.my-grid>section{border-top:1px solid var(--line);padding-top:24px}.reading-columns{grid-template-columns:1fr;gap:16px}dialog{padding:16px 24px 32px}.reading-original{font-size:21px}.library-toolbar{gap:12px}.library-list{gap:0 24px}}
@media(max-width:480px){main{margin:0 20px}.site-header{padding-left:20px;padding-right:20px}.clock-stage{min-height:390px;padding:16px}.clock-caption{font-size:11px}.clock-readout time{font-size:28px}.clock-readout{top:44%}.clock-svg{margin-top:10px}.celestial-key{gap:4px}.celestial-key button{padding:4px 8px;font-size:10px}.form-grid{grid-template-columns:1fr;gap:16px}.library-list{grid-template-columns:1fr}.library-toolbar{flex-wrap:wrap}.library-toolbar label:first-child{flex-basis:100%}.chart-stage{padding:16px}.qimen-cell{padding:8px;min-height:104px}.qimen-cell .cell-gate{font-size:20px}.qimen-cell .cell-bottom{font-size:10px}.hexagrams{gap:16px}.hex-row{gap:5px;font-size:10px;grid-template-columns:1fr 1fr 14px}.profile-card{padding:24px}.definition-list{grid-template-columns:80px 1fr}.chapter-row{grid-template-columns:30px 1fr}.actions button{font-size:13px;padding:8px 12px}.clock-stage .stage-top{font-size:11px}.page-head h1{font-size:32px}.site-footer{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ssj[data-motion=off] *{animation:none!important;transition:none!important}.clock-pointer{transition:transform 1s linear;transform-origin:240px 240px}.ssj[data-motion=off] .clock-pointer{transition:none}
.method-switch small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.6}.ai-answer:empty{display:none}.form-error{color:#923c2d}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-width:100%}.my-grid h2{margin-top:36px}.palace-detail h3{margin-top:22px}.import-label{font-size:13px}.reading-original p{white-space:pre-line}