:root{--bg: #f7f2e8;--bg-accent: #f3dbc2;--surface: rgba(255, 251, 246, .8);--surface-strong: rgba(255, 248, 240, .94);--text: #1f1a17;--muted: #6f6359;--primary: #dd6b42;--primary-deep: #a9432a;--secondary: #2e6f78;--line: rgba(73, 52, 38, .12);--shadow: 0 24px 70px rgba(100, 63, 35, .16);--font-display: "Aptos", "Segoe UI", "Trebuchet MS", sans-serif;--font-body: "STZhongsong", "Noto Serif CJK SC", "Songti SC", serif;--panel-radius: 32px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 32%),radial-gradient(circle at right 20%,rgba(221,107,66,.16),transparent 24%),linear-gradient(135deg,var(--bg) 0%,#f9efe1 48%,var(--bg-accent) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(80,54,40,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(80,54,40,.03) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 82%);mask-image:radial-gradient(circle at center,black,transparent 82%)}button,textarea{font:inherit}textarea{width:100%;resize:vertical;border:1px solid rgba(73,52,38,.15);border-radius:22px;padding:18px;color:var(--text);background:#ffffff94;min-height:110px}textarea:focus-visible{outline:2px solid rgba(221,107,66,.35);border-color:#dd6b428c}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 56px}.hero,.console-panel,.feed-section{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:56px}.hero:after,.console-panel:after,.feed-section:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(46,111,120,.15),transparent 70%)}.eyebrow,.panel-label,.card-label,.score-caption,.feed-tag,.method-index,.bubble-role,.ritual-center-label{letter-spacing:.12em;text-transform:uppercase}.eyebrow,.panel-label,.card-label,.score-caption,.bubble-role,.ritual-center-label,.feed-tag,.method-index,.ritual-step{margin:0;color:var(--muted);font-family:var(--font-display);font-size:.78rem}.hero h1,.panel-heading h2{margin:12px 0 0;line-height:1.05}.hero h1{max-width:8ch;font-size:clamp(3.6rem,10vw,6.6rem)}.hero-copy{max-width:720px;margin:22px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.9}.hero-actions,.choice-row,.ritual-steps{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:28px}.primary-button,.ghost-button,.choice-button{cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.primary-button,.ghost-button{min-height:54px;padding:0 22px;border-radius:999px;border:1px solid transparent}.primary-button{color:#fff9f4;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%)}.ghost-button{color:var(--text);background:#ffffff5c;border-color:#49342624}.primary-button:hover,.ghost-button:hover,.choice-button:hover,.primary-button:focus-visible,.ghost-button:focus-visible,.choice-button:focus-visible{transform:translateY(-2px)}.method-grid,.feed-grid,.reading-grid,.ritual-stage,.chat-panel,.score-row{display:grid;gap:18px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;content-visibility:auto}.method-card,.reading-card,.feed-card,.ritual-core,.ritual-meta,.chat-thread{border:1px solid var(--line);border-radius:24px;background:var(--surface-strong)}.method-card,.reading-card,.feed-card,.ritual-meta,.chat-thread{contain:content}.method-card{padding:26px;min-height:180px}.ritual-card{background:linear-gradient(145deg,#fff4e7fa,#f0faf8f2)}.method-card h2,.reading-card h3{margin:12px 0 10px;font-size:1.6rem}.method-card p,.reading-card p,.feed-card p,.question-box span,.score-row strong,.ritual-text,.chat-bubble{line-height:1.75}.console-panel,.feed-section{margin-top:24px;padding:34px}.controls{margin-top:24px}.question-box{display:block}.question-box span{display:block;margin-bottom:12px;color:var(--muted)}.choice-row{margin:18px 0}.choice-button,.ritual-step{padding:11px 18px;border-radius:999px;border:1px solid rgba(73,52,38,.12);background:#ffffff61}.choice-button{color:var(--text)}.choice-button.active,.ritual-step.active{color:#fff8f2;border-color:transparent;background:linear-gradient(135deg,var(--secondary) 0%,#1f4e54 100%)}.ritual-step.done{color:var(--secondary);background:#2e6f781f}.wide{width:100%}.ritual-stage{grid-template-columns:minmax(280px,340px) minmax(0,1fr);margin-top:24px}.ritual-core{position:relative;min-height:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#fff5ecf5,#fcf8f3e0),linear-gradient(145deg,#ffffffb3,#f3dbc266)}.ritual-ring{position:absolute;border:1px solid rgba(46,111,120,.22);border-radius:50%}.ring-a{width:200px;height:200px}.ring-b{width:136px;height:136px;border-style:dashed}.ritual-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.ritual-center strong{font-size:1.55rem}.ritual-meta,.reading-card,.feed-card,.chat-thread{padding:24px}.ritual-text{margin:12px 0 0;color:var(--muted)}.chat-panel{grid-template-columns:1fr;margin-top:24px}.chat-heading{margin-bottom:14px}.chat-thread{display:flex;flex-direction:column;gap:14px;max-height:560px;overflow:auto;background:radial-gradient(circle at top right,rgba(46,111,120,.08),transparent 28%),#fff9f2e6}.chat-bubble{max-width:min(680px,100%);padding:16px 18px;border-radius:24px}.chat-bubble p:last-child{margin-bottom:0}.system-bubble,.oracle-bubble{align-self:flex-start;border-top-left-radius:10px}.system-bubble{background:#ffffffd1;border:1px solid rgba(73,52,38,.08)}.oracle-bubble{background:linear-gradient(135deg,#ffefe1fa,#fff6ecfa);border:1px solid rgba(221,107,66,.12)}.user-bubble{align-self:flex-end;border-top-right-radius:10px;color:#102026;background:linear-gradient(135deg,#c4e7fff0,#d6effffa)}.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.reading-card.is-drawing,.reading-card.is-flipping,.reading-card.is-rolling{animation:card-pulse .54s ease}.highlight-card{background:linear-gradient(145deg,#fff5ecf5,#ffeddcf5)}.dice-strip{display:flex;gap:10px;margin:14px 0}.dice-strip span{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#2e6f7829,#dd6b4229);border:1px solid rgba(73,52,38,.12);font-size:1.25rem}.dice-strip.rolling span{animation:dice-hop .42s ease infinite}.dice-strip.rolling span:nth-child(2){animation-delay:80ms}.dice-strip.rolling span:nth-child(3){animation-delay:.16s}.score-row{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.score-row strong{display:block;margin-top:8px;font-size:1.45rem}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;content-visibility:auto}.feed-tag,.method-index{display:inline-block;padding:6px 10px;border-radius:999px;color:var(--secondary);background:#2e6f7817;font-size:.74rem}.hero,.method-card,.console-panel,.feed-card,.reading-card{animation:lift-in .7s ease both}.method-card:nth-child(2),.reading-card:nth-child(2),.feed-card:nth-child(2){animation-delay:.11s}.method-card:nth-child(3),.reading-card:nth-child(3),.feed-card:nth-child(3){animation-delay:.22s}@keyframes lift-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes dice-hop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(8deg)}}@keyframes card-pulse{0%{transform:scale(1)}40%{transform:scale(.985)}to{transform:scale(1)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ritual-core.is-shuffling .ring-a{animation:spin 3s linear infinite}.ritual-core.is-shuffling .ring-b{animation:spin-reverse 1.8s linear infinite}.chat-bubble{animation:bubble-in .28s ease both}@media(max-width:880px){.hero,.console-panel,.feed-section{padding:24px;border-radius:26px}.method-grid,.reading-grid,.feed-grid,.score-row,.ritual-stage{grid-template-columns:1fr}.hero h1{max-width:none;font-size:clamp(3rem,16vw,4.8rem)}.ritual-core{min-height:220px}}@media(max-width:560px){.page-shell{width:min(100% - 20px,100%);padding:18px 0 28px}.hero-actions,.choice-row{flex-direction:column}.primary-button,.ghost-button,.choice-button{width:100%}.chat-thread,.ritual-meta,.reading-card,.method-card,.feed-card{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}