:root{--ivory:#f7f1e7;--ivory-deep:#eee2d0;--paper:#fffaf1;--espresso:#392b24;--brown:#5a4638;--brown-soft:#776457;--gold:#b78a43;--gold-light:#d6b77f;--olive:#5b5a43;--line:#8b663557;--shadow:#402e202e}*{box-sizing:border-box}html{background:var(--ivory)}body{color:var(--espresso);background:var(--ivory);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.site-shell{isolation:isolate;background:radial-gradient(circle at 50% 2%,#fffffff5,#0000 34%),linear-gradient(#fbf7f0 0%,#f4ecdf 54%,#e7d9c4 100%);min-height:100dvh;padding:22px 18px 28px;position:relative;overflow:hidden}.site-shell:before{content:"";z-index:-4;opacity:.28;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#5c442f06 3px 4px),repeating-linear-gradient(90deg,#0000 0 5px,#ffffff0a 5px 6px);position:absolute;inset:0}.mist{z-index:-2;filter:blur(30px);pointer-events:none;background:#fffcf5b8;border-radius:50%;position:absolute}.mist-one{width:78vw;height:180px;top:31%;left:-18%}.mist-two{width:86vw;height:210px;top:47%;right:-24%}.mountains{z-index:-3;pointer-events:none;transform-origin:bottom;width:124%;position:absolute;left:-12%}.mountains-back{opacity:.17;filter:blur(7px);clip-path:polygon(0 67%,9% 51%,17% 58%,28% 35%,39% 62%,51% 42%,61% 58%,72% 29%,83% 56%,91% 43%,100% 62%,100% 100%,0 100%);background:#8b806d;height:46%;top:28%}.mountains-front{opacity:.15;filter:blur(4px);clip-path:polygon(0 39%,12% 22%,23% 48%,36% 31%,50% 59%,62% 33%,73% 51%,85% 18%,100% 42%,100% 100%,0 100%);background:#3f4637;height:48%;bottom:-4%}.site-header{z-index:3;justify-content:space-between;align-items:center;gap:14px;width:min(100%,660px);margin:0 auto 22px;display:flex;position:relative}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-symbol{width:34px;height:42px;color:var(--gold);flex-direction:column;flex:0 0 34px;justify-content:center;align-items:center;display:flex}.cross-mark{height:24px;font-family:Georgia,serif;font-size:24px;line-height:1;display:block}.book-mark{border-bottom:2px solid var(--gold);border-radius:50%;width:26px;height:10px;margin-top:-2px;font-size:0;display:block}.book-mark:before,.book-mark:after{content:"";border-bottom:1px solid var(--gold);width:11px;height:6px;display:inline-block;transform:translateY(-2px)}.book-mark:before{margin-right:2px;transform:translateY(-2px)rotate(9deg)}.book-mark:after{transform:translateY(-2px)rotate(-9deg)}.brand-words{flex-direction:column;min-width:0;display:flex}.brand-title{color:var(--espresso);letter-spacing:.075em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:15px;font-weight:400;overflow:hidden}.brand-strapline{color:var(--gold);letter-spacing:.065em;white-space:nowrap;margin-top:2px;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:10px}.language-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf1d1;border:1px solid #b78a4357;border-radius:999px;flex:none;align-items:center;height:42px;padding:4px 8px;display:flex;box-shadow:0 8px 24px #4a372714}.globe{color:var(--gold);padding:0 4px;font-size:18px}.language-switch button{min-width:40px;height:32px;color:var(--brown-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 7px;font-size:13px;transition:color .16s,background .16s}.language-switch button.active{color:var(--espresso);background:#b78a431f}.language-rule{background:#5a463842;width:1px;height:18px;margin:0 1px}.deck{z-index:2;width:min(100%,610px);margin:0 auto;position:relative}.deck-meta{color:var(--brown-soft);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 8px 10px;font-size:11px;display:flex}.category-label{align-items:center;gap:7px;display:inline-flex}.category-label>span{color:var(--gold);font-size:12px}.card-progress{font-variant-numeric:tabular-nums}.card-stage{touch-action:pan-y;width:100%;padding:4px 0 10px;position:relative}.card-behind{background:#faf2e5bd;border:1px solid #b78a4361;border-radius:20px;position:absolute;inset:13px 10px 4px;box-shadow:0 14px 35px #392b2412}.card-behind-one{transform:rotate(1.45deg)}.card-behind-two{transform:rotate(-1.1deg)translateY(4px)}.question-card{cursor:grab;transform-origin:50% 88%;-webkit-user-select:none;user-select:none;will-change:transform, opacity;min-height:500px;transition:transform var(--swipe-duration,.38s) cubic-bezier(.22, 1, .36, 1), opacity var(--swipe-duration,.28s) ease-out;background:radial-gradient(circle at 50% 0,#ffffffe0,#0000 42%),linear-gradient(90deg,#0000 49.75%,#b78a4309 50%,#0000 50.25%),#fffaf1f0;border:1px solid #b78a438c;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 60px #392b2433,inset 0 0 45px #b78a430d}.question-card.dragging{cursor:grabbing;transition:none}.question-card.entering{transition:none;animation:.28s ease-out both card-fade-in}.question-card.exit-left{opacity:0;transition-timing-function:cubic-bezier(.18,.72,.22,1);transform:translate(-125%,-10px)rotate(-11deg)}.question-card.exit-right{opacity:0;transition-timing-function:cubic-bezier(.18,.72,.22,1);transform:translate(125%,-10px)rotate(11deg)}@keyframes card-fade-in{0%{opacity:0}to{opacity:1}}.question-half{text-align:center;place-items:center;min-height:250px;padding:38px;display:grid;position:relative}.question-half:first-of-type{border-bottom:1px solid var(--line)}.question-half p{max-width:450px;color:var(--espresso);text-wrap:balance;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(24px,5.4vw,34px);font-weight:400;line-height:1.3}.or-seal{z-index:3;color:#fff9ef;background:var(--brown);letter-spacing:.08em;text-transform:uppercase;border:1px solid #ccb078;border-radius:50%;place-items:center;width:50px;height:50px;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 18px #392b2433}.corner{z-index:2;pointer-events:none;width:24px;height:24px;position:absolute}.corner-tl{border-top:1px solid var(--gold-light);border-left:1px solid var(--gold-light);top:8px;left:8px}.corner-tr{border-top:1px solid var(--gold-light);border-right:1px solid var(--gold-light);top:8px;right:8px}.corner-bl{border-bottom:1px solid var(--gold-light);border-left:1px solid var(--gold-light);bottom:8px;left:8px}.corner-br{border-right:1px solid var(--gold-light);border-bottom:1px solid var(--gold-light);bottom:8px;right:8px}.deck-actions{grid-template-columns:46px 1fr 46px;gap:12px;width:min(100%,520px);margin:16px auto 0;display:grid}.round-button,.context-button,.close-button{color:var(--espresso);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf1db;border:1px solid #b78a436b;transition:transform .15s,background .15s;box-shadow:0 9px 24px #392b2414}.round-button:hover,.context-button:hover,.close-button:hover{background:var(--paper);transform:translateY(-1px)}.round-button:active,.context-button:active,.close-button:active{transform:translateY(1px)}.round-button{border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-family:Georgia,serif;font-size:20px;display:grid}.context-button{letter-spacing:.025em;background:#dec9a1c7;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:13px;font-weight:600;display:flex}.tiny-book{color:var(--brown);font-family:Georgia,serif;font-size:22px;transform:rotate(180deg)}.swipe-hint{color:#5a4638ad;letter-spacing:.04em;text-align:center;margin:14px 0 0;font-size:11px}.swipe-hint span{color:var(--gold);margin-right:5px}.site-footer{z-index:1;color:#5a46389e;text-align:center;width:min(100%,590px);margin:24px auto 0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:11px;line-height:1.55;position:relative}.context-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2b201a61;justify-content:center;align-items:flex-end;padding:18px;animation:.18s both overlay-in;display:flex;position:fixed;inset:0}.context-sheet{background:radial-gradient(circle at 50% 0, #fff 0, transparent 42%), var(--paper);border:1px solid #b78a4394;border-radius:24px 24px 16px 16px;width:min(100%,610px);max-height:min(76dvh,650px);padding:14px 24px 26px;animation:.24s cubic-bezier(.2,.8,.2,1) both sheet-in;overflow-y:auto;box-shadow:0 30px 80px #2b201a47}.sheet-handle{background:#5a463838;border-radius:999px;width:42px;height:4px;margin:0 auto 20px}.context-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.context-kicker{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:10px;display:block}.context-heading h2{color:var(--espresso);margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(24px,5vw,34px);font-weight:400;line-height:1.25}.close-button{border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;font-size:25px;font-weight:300;display:grid}.context-copy{color:var(--brown);margin:20px 0;font-size:15px;line-height:1.75}.references{flex-wrap:wrap;gap:8px;display:flex}.reference-pill{min-height:34px;color:var(--brown);background:#d6b77f24;border:1px solid #b78a4347;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-family:Georgia,Times New Roman,serif;font-size:12px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.reference-pill>span:first-child{color:var(--gold)}.reference-pill:hover{background:#d6b77f40;border-color:#b78a4394;transform:translateY(-1px)}.reference-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.external-mark{color:var(--brown-soft);margin-left:1px;font-family:Arial,sans-serif;font-size:10px}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.site-shell{padding:30px 30px 36px}.site-header{margin-bottom:28px}.brand-title{font-size:18px}.brand-strapline{font-size:11px}.question-card{min-height:540px}.question-half{min-height:270px;padding-left:50px;padding-right:50px}.context-overlay{align-items:center}.context-sheet{border-radius:24px}}@media (width<=430px){.site-shell{padding:15px 13px 24px}.site-header{align-items:flex-start;margin-bottom:16px}.brand-symbol{flex-basis:28px;width:28px}.brand-title{max-width:152px;font-size:13px}.brand-strapline{text-overflow:ellipsis;max-width:155px;font-size:9px;overflow:hidden}.language-switch{height:38px;padding:3px 5px}.language-switch button{min-width:35px;height:30px;padding:0 5px;font-size:12px}.globe{display:none}.question-card{border-radius:16px;min-height:448px}.question-half{min-height:224px;padding:42px 24px 30px}.question-half p{font-size:clamp(22px,7vw,28px)}.or-seal{width:46px;height:46px}.deck-actions{grid-template-columns:43px 1fr 43px;gap:9px}.round-button{width:43px;height:43px}.context-button{min-height:43px;padding:0 12px;font-size:12px}.site-footer{margin-top:19px}.context-overlay{padding:10px}.context-sheet{padding:12px 20px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}