@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#30352c;background:#eeeae2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 45%,#f8f5ee,#eeeae2 65%);overflow-x:clip}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6c804a;outline-offset:5px}[hidden]{display:none!important}header{height:110px;max-width:1360px;margin:auto;display:flex;align-items:center;gap:25px;padding:0 64px}.brand{font:italic 700 48px Georgia,serif;text-decoration:none;letter-spacing:-3px}.brand-dot{color:#7c894c}.brand-note{font-size:14px;color:#858779;letter-spacing:.05em;padding-top:10px}.about-button{margin-left:auto;background:transparent;border:1px solid #b7b7a9;border-radius:50%;width:29px;height:29px;font:italic 17px Georgia;color:#727669}main{padding-top:19px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;letter-spacing:.17em;color:#757c60}.live-dot{width:6px;height:6px;border-radius:50%;background:#879852;box-shadow:0 0 0 4px #87985214}.heading{text-align:center;margin:18px 16px 0}.heading h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:32px;letter-spacing:.035em;font-weight:500;margin:0}.heading h1 span{color:#8a9761}.heading p{font-size:14px;color:#8b8c7e;margin:14px 0 0}.table{position:relative;max-width:1150px;margin:34px auto 0;padding:0 24px;min-height:552px;display:flex;justify-content:center}.deck{position:relative;width:378px;height:526px;isolation:isolate}.card{--paper:#fffdf6;position:absolute;inset:0;border-radius:23px;background:var(--paper);border:1px solid #fffdf6;box-shadow:0 2px 2px #4d423923,0 7px 10px -6px #4d423942,0 26px 45px -17px #3e382752,inset 0 0 0 1px #ffffffb0;transform:translateY(calc(var(--index)*8px)) rotate(calc(var(--index)*3deg)) scale(calc(1 - var(--index)*.017));z-index:calc(4 - var(--index));will-change:transform;touch-action:pan-y;cursor:grab;overflow:hidden;transform-origin:50% 75%}.card[data-theme=sage]{--accent:#718057;--tint:#edf0dd}.card[data-theme=clay]{--accent:#ab7158;--tint:#f4e6da}.card[data-theme=blue]{--accent:#5e7b8b;--tint:#e6edf0}.card[data-theme=gold]{--accent:#998349;--tint:#f3ecd8}.card[data-theme=plum]{--accent:#897086;--tint:#eee6ed}.card.dragging{cursor:grabbing;box-shadow:0 3px 4px #4d423923,0 40px 65px -16px #3e382760}.card-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4d2c5 transparent}.card-top{display:flex;justify-content:space-between;align-items:center;padding:19px 23px 15px}.category{font-size:12px;color:var(--accent);background:var(--tint);padding:5px 10px;border-radius:5px;letter-spacing:.09em}.serial{font:10px SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#aaa99b}.card-image{margin:0 13px;position:relative;height:216px;background:#e7e6de;border-radius:12px;overflow:hidden}.card-image img{width:100%;height:100%;display:block;object-position:center;pointer-events:none}.image-label{position:absolute;bottom:7px;left:7px;font-size:12px;background:#fffc;padding:4px 7px;border-radius:4px}.image-error{padding:55px 25px;color:#696e5f;font-size:14px}.card-body{padding:19px 24px 0}.meta{font-size:11px;color:#99998c;margin:0 0 9px;letter-spacing:.035em}.card h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:24px;font-weight:600;letter-spacing:.015em;line-height:1.52;margin:0;overflow-wrap:anywhere}.summary{font-size:14px;line-height:1.85;color:#777a6d;margin:12px 0}.details{margin-top:12px;font-size:13px;cursor:auto}.details summary{cursor:pointer;list-style:none;color:#7b826b;display:inline-block;font-size:12px;padding:7px 0}.details summary:after{content:" ↗";margin-left:4px}.details[open] summary:after{content:" −"}.detail-body{font-size:15px;line-height:1.95;color:#656b5d}.sources{display:flex;flex-wrap:wrap;gap:9px 14px;border-top:1px solid #e5e6da;padding-top:15px}.sources-label{flex-basis:100%;font-size:12px;color:#929586}.sources a{font-size:13px;text-decoration-color:#c0c4af;text-underline-offset:4px;line-height:1.8}.credit{font-size:12px;line-height:1.8;color:#96978a}.card-bottom{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.17em;color:#bab9aa;margin:16px 24px 18px}.card-bottom:after{content:"";height:1px;background:#eeede3;flex:1}.text-card .text-divider{font-size:11px;letter-spacing:.4em;margin:15px 24px 0;color:var(--accent);padding:35px 0 24px;border-top:1px solid var(--tint)}.text-card .card-body{padding-top:22px}.text-card h2{font-size:30px;line-height:1.55}.text-card .summary{font-size:16px;line-height:1.95;margin-top:23px}.text-card .card-bottom{margin-top:28px}.table-note{position:absolute;top:172px;color:#a1a391;font-family:"Noto Serif SC",Songti SC,serif;font-size:16px;line-height:2;letter-spacing:.12em}.note-left{left:13%;transform:rotate(-8deg)}.note-right{right:12%;transform:rotate(7deg)}.table-note span{display:block;font-family:Georgia;font-size:40px;line-height:1.5;color:#b7baa6}.note-left span{text-align:right;padding-right:10px}.note-right span{padding-left:10px;margin-top:-55px}.controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:22px auto 0;position:relative;z-index:5}.round-button{height:43px;width:43px;border-radius:50%;font-size:24px;line-height:1;border:1px solid #d4d3c8;background:linear-gradient(#faf9f3,#e8e6dc);box-shadow:0 2px 2px #b4b1a552,inset 0 1px #fff;transition:transform .15s,box-shadow .15s}.round-button:hover{transform:translateY(-2px)}.round-button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #a4a49455}.next{background:linear-gradient(#e2e7cf,#d3dab8);border-color:#c4ccac;color:#66754e}.swipe-hint{font-size:12px;letter-spacing:.05em;color:#8c9080}.notice{font-size:12px;text-align:center;color:#818772;min-height:18px;margin:17px 20px 0}.empty{display:flex;align-items:center;text-align:center;flex-direction:column;padding:36px 8px}.empty-stamp{font:90px Georgia;color:#a2ad7b;text-shadow:0 2px 0 #fff,-1px -1px 0 #909b69;margin-bottom:23px}.empty-label{font-size:12px;color:#8a9079;letter-spacing:.13em}.empty h2{font:500 27px "Noto Serif SC",Songti SC,serif;margin:10px 0}.empty>p:not(.empty-label){font-size:14px;color:#979a8a}.lucky{display:flex;gap:16px;align-items:center;justify-content:center;border-radius:16px;border:1px solid #8b995f;min-width:235px;padding:18px 22px;font-size:19px;font-weight:600;letter-spacing:.06em;background:linear-gradient(#dce6b7,#cad99c 40%,#b9ca86);box-shadow:inset 0 2px 1px #f6ffdc,inset 0 -2px 2px #91a566,0 7px #819257,0 9px 1px #596740,0 15px 19px #6c755b40;text-shadow:0 1px 0 #edf4da;color:#43522d;margin:25px 0 17px;transition:transform .15s,box-shadow .15s}.lucky:hover:not(:disabled){transform:translateY(-2px)}.lucky:active:not(:disabled){transform:translateY(6px);box-shadow:inset 0 2px 3px #8b9b5c55,0 1px #819257,0 3px #596740,0 6px 8px #6c755b30}.lucky-icon{font-size:25px;font-weight:400}.lucky-arrow{font-weight:400;font-size:23px;margin-left:6px}.empty .empty-fine{font-size:12px!important;line-height:1.7}.text-button{background:none;border:0;font-size:12px;margin-top:12px;color:#888e79}.loading{text-align:center;padding-top:200px;color:#8d927d}footer{max-width:1232px;margin:22px auto 0;padding:22px 0 25px;display:flex;justify-content:space-between;border-top:1px solid #dcdcd1;color:#9d9f90;font-size:11px;letter-spacing:.1em}footer>span:last-child{font-size:9px;letter-spacing:.15em}footer i{font-style:normal;padding:0 8px;font-size:13px;color:#88956b}dialog{max-width:480px;width:calc(100% - 36px);padding:35px;border:1px solid #fff;border-radius:24px;background:#faf8ef;box-shadow:0 30px 100px #26281c44;color:#555d48}dialog::backdrop{background:#32372955;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog .eyebrow{justify-content:flex-start}dialog h2{font-family:"Noto Serif SC",serif;font-size:23px}dialog p{font-size:15px;line-height:1.9}dialog a{font-size:14px}.close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:26px}.drop{animation:fall-in .8s cubic-bezier(.22,1.15,.45,1) both;animation-delay:calc((2 - var(--index)) * 90ms)}@keyframes fall-in{0%{opacity:0;transform:translateY(-700px) rotate(-18deg)}65%{opacity:1}to{transform:translateY(calc(var(--index)*8px)) rotate(calc(var(--index)*3deg)) scale(calc(1 - var(--index)*.017))}}@media(min-width:1400px){main{padding-top:30px}.table{margin-top:43px}.deck{width:400px;height:555px}.table{min-height:580px}.card-image{height:234px}}@media(max-width:800px){header{height:85px;padding:0 28px}.brand{font-size:43px}.brand-note{font-size:12px}.table-note{display:none}main{padding-top:12px}.heading h1{font-size:28px}.table{margin-top:30px}footer{margin:23px 28px 0}}@media(max-width:480px){header{height:75px;padding:0 23px;gap:15px}.brand{font-size:40px}.brand-note{font-size:11px;letter-spacing:0}.about-button{width:26px;height:26px}main{padding-top:10px}.eyebrow{font-size:11px}.heading{margin-top:15px}.heading h1{font-size:25px;letter-spacing:0}.heading p{font-size:12px;margin-top:12px}.table{padding:0 25px;margin-top:27px;min-height:0}.deck{width:100%;height:clamp(460px,61svh,550px)}.card{border-radius:21px}.card-top{padding:17px 20px 13px}.card-image{height:190px;margin:0 11px}.card-body{padding:17px 21px 0}.card h2{font-size:23px}.summary{font-size:14px;margin-top:10px}.text-card h2{font-size:27px}.text-card .text-divider{padding-top:27px;margin-top:8px}.text-card .summary{font-size:16px;margin-top:18px}.controls{gap:15px;margin-top:30px}.swipe-hint{font-size:11px}.round-button{width:40px;height:40px}.notice{margin-top:15px}footer{padding:18px 0 23px;margin-top:10px;font-size:10px}footer>span:last-child{font-size:8px;letter-spacing:.02em}.empty{padding-top:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:481px)and (max-height:850px){header{height:85px}main{padding-top:5px}.table{margin-top:24px;min-height:495px}.deck{height:480px}.card-image{height:190px}.controls{margin-top:15px}footer{margin-top:6px}}.card h2{white-space:pre-line}.card-image:has(img[style*=contain]){height:auto;min-height:132px;background:#f2f0e5}.card-image img[style*=contain]{height:auto;max-height:310px;object-fit:contain}
