@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500;700&family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap";:root{--paper:#f4ede0;--paper-soft:#faf5ea;--card:#fbf6ecc7;--card-strong:#fffaf2eb;--ink:#191510;--ink-soft:#3d352b;--ink-muted:#6b6052;--ink-faint:#998e7f;--line:#1a16121f;--line-strong:#1a161238;--accent:#9a7a3a;--accent-deep:#6e5322;--seal:#a8422e;--shadow:0 18px 55px #291f1424;--phone-shadow:0 0 0 12px #241b13, 0 0 0 13px #ffffff0a, 0 42px 110px #1f181042;--font-serif:"Noto Serif SC", serif;--font-sans:"Noto Sans SC", sans-serif;--font-display:"Cormorant Garamond", serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at top,#c9a35a2e,#0000 36%),linear-gradient(#f6efdf 0%,#efe5cf 36%,#e8dcc5 100%);margin:0}body:before{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#0000 0%,#ffffff14 100%),radial-gradient(circle at 25% 25%,#ffffff2e,#0000 28%),radial-gradient(circle at 75% 20%,#a8422e0f,#0000 22%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{position:relative}.app-shell{z-index:1;grid-template-columns:minmax(260px,.9fr) minmax(340px,430px) minmax(260px,.86fr);gap:32px;width:min(1540px,100% - 48px);margin:0 auto;padding:34px 0 40px;display:grid;position:relative}.side-rail,.support-rail{min-height:calc(100vh - 74px);padding:24px 0}.side-rail{flex-direction:column;gap:24px;display:flex}.support-rail{flex-direction:column;gap:18px;display:flex}.brand-block{align-items:center;gap:18px;display:flex}.brand-mark{border:1px solid var(--line-strong);width:56px;height:56px;color:var(--seal);border-radius:50%;place-items:center;font-size:28px;display:grid;box-shadow:inset 0 0 0 8px #ffffff59}.brand-sub,.eyebrow,.section-label,.muted-small,.watch-mini-label{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-style:italic}.brand-sub{margin-bottom:6px;font-size:.78rem}.brand-title{letter-spacing:.28em;font-size:2.55rem;font-weight:400}.daily-breath,.side-summary,.support-status,.watch-note,.watch-mini{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:18px 20px}.daily-breath strong,.side-summary strong,.support-status strong,.watch-note h3{margin-top:6px;font-size:1.18rem;font-weight:500;display:block}.daily-breath p,.side-summary p,.support-status p,.watch-note p{color:var(--ink-muted);margin:10px 0 0;font-size:.95rem;line-height:1.85}.main-nav{gap:8px;display:grid}.nav-link{border-bottom:1px solid var(--line);letter-spacing:.12em;color:var(--ink-soft);padding:14px 16px;font-size:.98rem;transition:transform .18s,color .18s}.nav-link.active{color:var(--ink);border-color:var(--accent);transform:translate(6px)}.phone-stage{justify-content:center;display:flex}.phone-frame{width:100%;height:min(850px,100vh - 64px);box-shadow:var(--phone-shadow);background:linear-gradient(#19130d 0%,#0f0b08 100%);border-radius:46px;padding:12px;position:sticky;top:24px}.phone-notch{z-index:4;background:#000;border-radius:22px;width:116px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-content{background:radial-gradient(circle at top right, #c9a35a2e, transparent 34%), linear-gradient(180deg, var(--paper-soft) 0%, var(--paper) 100%);border-radius:34px;height:100%;position:relative;overflow:auto}.phone-home-indicator{background:#ffffff85;border-radius:999px;width:124px;height:4px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.page{flex-direction:column;gap:22px;min-height:100%;padding:72px 24px 34px;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading h1,.hero-verse h2,.section-title,.result-hero h2{letter-spacing:.12em;margin:0;font-weight:500}.page-heading h1{font-size:1.7rem}.page-heading p,.body-copy,.section-body,.history-item p,.oracle-panel p,.ritual-strip p,.spread-item p,.fortune-center p,.chat-context p,.message-body,.message-supporting{font-family:var(--font-sans);color:var(--ink-muted);margin:0;line-height:1.86}.page-actions{text-align:right}.text-link{color:var(--accent-deep);font-family:var(--font-sans);font-size:.9rem}.hero-verse{border-bottom:1px solid var(--line);grid-template-columns:84px 1fr;align-items:start;gap:18px;padding-bottom:20px;display:grid}.hero-mark{background:var(--seal);width:84px;height:84px;color:var(--paper-soft);place-items:center;font-size:2.4rem;display:grid;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #ffffff2e}.hero-verse h2{margin-bottom:10px;font-size:1.58rem;line-height:1.45}.oracle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.oracle-panel{border:1px solid var(--line);background:var(--card-strong);flex-direction:column;gap:16px;min-height:238px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex}.oracle-panel:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.oracle-panel.dark{color:var(--paper-soft);background:radial-gradient(circle at top,#c9a35a29,#0000 30%),linear-gradient(#1d1712 0%,#0e0b08 100%)}.oracle-header{justify-content:space-between;align-items:baseline;display:flex}.oracle-header span,.section-title{font-size:1.18rem}.oracle-header small,.field-block small,.plan-item span,.history-meta small{color:var(--ink-faint);font-family:var(--font-sans)}.oracle-panel.dark small,.oracle-panel.dark p{color:#faf5ea9e}.card-fan{justify-content:center;gap:6px;margin-top:14px;display:flex}.card-fan div{border:1px solid var(--accent);transform-origin:bottom;background:linear-gradient(#17120f,#0d0907);width:34px;height:72px}.card-fan div:first-child{transform:rotate(-8deg)}.card-fan div:nth-child(2){transform:translateY(-5px)}.card-fan div:nth-child(3){transform:rotate(8deg)}.section-block{border-top:1px solid var(--line);padding:18px 0 22px}.section-label,.eyebrow,.muted-small,.watch-mini-label{font-size:.72rem}.section-title{margin:8px 0 10px}.tag-row,.watch-note-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill-tag{border:1px solid var(--line);font-family:var(--font-sans);color:var(--ink-soft);background:#fff6;align-items:center;padding:6px 10px;font-size:.8rem;display:inline-flex}.pill-tag.active{border-color:var(--accent)}.inline-actions,.dual-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.button-primary,.button-secondary,.button-link{cursor:pointer;letter-spacing:.22em;text-transform:uppercase;border:none;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.92rem;display:inline-flex}.button-primary{background:var(--ink);color:var(--paper-soft)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.button-link{flex:1}.field-block{flex-direction:column;gap:10px;display:flex}.field-block>span,.history-meta span,.message-title{letter-spacing:.18em;color:var(--ink-soft);font-size:.83rem}.field-block textarea,.text-input,.chat-composer textarea{border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-serif);resize:vertical;background:#ffffff6b;padding:16px}select.text-input{appearance:none}.field-block textarea,.chat-composer textarea{min-height:134px}.chip-grid,.chip-grid.compact{flex-wrap:wrap;gap:8px;display:flex}.chip-button{border:1px solid var(--line);color:var(--ink-muted);cursor:pointer;background:0 0;padding:10px 14px}.chip-button.active{color:var(--paper-soft);background:var(--ink);border-color:var(--ink)}.ritual-strip,.fortune-center,.membership-hero,.chat-context{border:1px solid var(--line);background:var(--card);padding:18px 20px}.ritual-strip{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.ritual-strip h3,.membership-hero strong,.chat-context strong,.spread-item strong,.history-item strong,.feature-item strong,.plan-item strong,.watch-summary strong{letter-spacing:.12em;margin:6px 0 0;font-size:1rem;display:block}.spread-list{gap:10px;display:grid}.config-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.config-search{flex:1;min-width:220px}.config-feedback,.config-empty{border:1px solid var(--line);font-family:var(--font-sans);color:var(--ink-soft);background:#ffffff73;padding:14px 16px}.config-feedback.success{color:var(--accent-deep);border-color:#6e53223d}.config-feedback.error{color:var(--seal);border-color:#a8422e3d}.config-admin-grid{grid-template-columns:minmax(190px,240px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.config-list,.config-editor{border:1px solid var(--line);background:var(--card);padding:16px}.config-list{gap:8px;max-height:640px;display:grid;overflow:auto}.config-list-item{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff75;padding:14px}.config-list-item strong{letter-spacing:.08em;margin:0 0 6px;font-size:.98rem;display:block}.config-list-item small,.config-editor-header small{color:var(--ink-faint);font-family:var(--font-sans)}.config-list-item.active{border-color:var(--accent);background:#9a7a3a17}.config-editor{flex-direction:column;gap:16px;display:flex}.config-editor-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:12px;padding-bottom:12px;display:flex}.config-editor-header strong{letter-spacing:.1em;margin-top:6px;font-size:1.05rem;display:block}.config-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.config-textarea{min-height:108px}.config-textarea.tall{min-height:220px}.spread-item{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff75;padding:16px}.spread-item.active{background:var(--ink);color:var(--paper-soft);border-color:var(--ink)}.spread-item.active p{color:#faf5eaa6}.fortune-center{text-align:center;align-items:center}.fortune-ring{border:1px solid var(--accent);border-radius:50%;place-items:center;width:220px;height:220px;margin:8px auto 22px;animation:4.8s ease-in-out infinite breathe;display:grid;box-shadow:inset 0 0 0 18px #c9a35a14}.fortune-ring span{color:var(--ink);font-size:4.4rem;font-weight:300}.result-hero,.result-switch{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.result-hero,.result-switch,.tarot-grid,.history-item,.feature-item,.plan-item{border:1px solid var(--line);background:var(--card);padding:18px}.result-switch p,.result-hero p{color:var(--ink-muted);font-family:var(--font-sans);margin:8px 0 0}.note-list{color:var(--ink-muted);font-family:var(--font-sans);margin:0;padding-left:18px;line-height:1.9}.tarot-grid{gap:12px;display:grid}.tarot-card{color:var(--paper-soft);background:linear-gradient(#16120efa,#080604fa);border:1px solid #c9a35a8c;flex-direction:column;gap:14px;padding:16px;display:flex}.tarot-card.reversed{transform:rotate(180deg)}.tarot-card-top{color:#faf5eab8;font-family:var(--font-sans);justify-content:space-between;gap:10px;font-size:.82rem;display:flex}.tarot-card-core{align-items:center;gap:16px;display:flex}.tarot-card-symbol{color:var(--accent);filter:drop-shadow(0 0 12px #c9a35a59);font-size:2.5rem}.tarot-card-core strong{margin:0 0 6px;display:block}.tarot-card-core small,.tarot-card-copy{color:#faf5eab3;font-family:var(--font-sans);line-height:1.8}.hexagram{flex-direction:column;gap:8px;display:flex}.hexagram.compact{gap:4px}.hexagram-line{gap:10px;width:86px;height:8px;display:flex;position:relative}.hexagram.compact .hexagram-line{gap:6px;width:42px;height:4px}.hexagram-solid,.hexagram-broken{background:currentColor;border-radius:999px;height:100%;display:block}.hexagram-solid{width:100%}.hexagram-broken{width:calc(50% - 5px)}.hexagram-line em{background:var(--seal);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.result-hero .hexagram,.result-switch .hexagram,.watch-summary .hexagram,.oracle-panel.dark .hexagram{color:currentColor}.message-row{align-items:flex-start;gap:12px;width:100%;display:flex}.message-row.assistant{justify-content:flex-start}.message-row.user{justify-content:flex-end}.ai-avatar{border:.8px solid var(--accent);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:4px;display:grid}.ai-avatar span{font-family:var(--font-display);color:var(--accent);font-size:10px;font-style:italic;line-height:1}.message-bubble{border:1px solid var(--line);max-width:82%;padding:14px 16px;position:relative}.message-bubble.assistant{background:0 0;border:none;flex:1;padding:0}.message-bubble.assistant .message-title{font-family:var(--font-display);color:var(--accent);letter-spacing:.25em;margin-bottom:8px;font-size:.72rem;font-style:italic}.message-bubble.assistant .message-body{color:var(--ink);font-size:.94rem;line-height:1.95}.message-bubble.user{background:var(--ink);color:var(--paper-soft);border-radius:2px}.message-bubble.user .message-body{color:#faf5eaeb}.message-supporting{gap:12px;margin-top:12px;display:flex}.message-supporting .accent-bar{background:var(--accent);flex-shrink:0;width:1.5px}.message-supporting p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.8}.message-bubble.user .message-supporting p{color:#faf5eab8}.chat-context{gap:6px}.suggested-questions{flex-wrap:wrap;gap:8px;display:flex}.suggested-questions button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#ffffff61;padding:10px 12px}.chat-composer{flex-direction:column;gap:12px;display:flex}.history-list,.feature-list,.plan-grid{gap:12px;display:grid}.history-list{content-visibility:auto}.history-item{flex-direction:column;gap:10px;display:flex}.history-meta{justify-content:space-between;gap:10px;display:flex}.feature-item p,.plan-item p{color:var(--ink-muted);font-family:var(--font-sans);margin:8px 0 0}.plan-copy,.plan-note,.membership-order p,.membership-status-card p{color:var(--ink-muted);font-family:var(--font-sans);margin-top:10px;line-height:1.8}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-item{position:relative}.plan-item.recommended{color:var(--paper-soft);background:linear-gradient(#1b1510,#0f0b08);border-color:#c9a35a73}.plan-item.recommended p{color:#faf5eaad}.plan-item span{background:var(--seal);color:var(--paper-soft);padding:4px 8px;position:absolute;top:14px;right:14px}.plan-item .button-primary{width:100%;margin-top:16px}.plan-features{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.plan-features span{border:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-sans);background:#ffffff6b;padding:6px 10px;font-size:.82rem;position:static}.plan-item.recommended .plan-features span{color:#faf5eac7;background:#ffffff14;border-color:#c9a35a40}.membership-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.membership-status-card,.membership-order{border:1px solid var(--line);background:var(--card);padding:18px}.membership-status-card strong,.membership-order strong{letter-spacing:.1em;margin-top:8px;font-size:1rem;display:block}.watch-stack{gap:16px;display:grid}.watch-frame{background:linear-gradient(160deg,#3b3027 0%,#18120d 60%,#080604 100%);border-radius:48px;align-self:start;padding:10px;box-shadow:0 28px 55px #18120d47}.watch-screen{background:radial-gradient(circle at top, #c9a35a24, transparent 38%), linear-gradient(180deg, var(--paper-soft) 0%, var(--paper) 100%);border-radius:38px;min-height:254px;padding:26px 16px 14px;position:relative;overflow:hidden}.watch-time{font-family:var(--font-display);color:var(--accent);position:absolute;top:10px;right:16px}.watch-panel{flex-direction:column;align-items:center;gap:8px;padding-top:26px;display:flex}.watch-keyword{font-size:2rem}.watch-panel small,.watch-summary p,.watch-summary strong,.watch-note p{font-family:var(--font-sans)}.watch-actions{gap:8px;margin-top:18px;display:grid}.watch-actions a{text-align:center;border:1px solid var(--line);background:#ffffff75;padding:10px 12px}.watch-summary{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.watch-summary.tarot{grid-template-columns:56px 1fr}.watch-card-chip{width:56px;height:76px;color:var(--accent);background:linear-gradient(#1b1511,#0d0907);border:1px solid #c9a35a66;place-items:center;font-size:1.6rem;display:grid}.watch-summary.empty p{margin:0}.support-status.busy{border-color:#9a7a3a59}.support-status.error{border-color:#a8422e57}.not-found{justify-content:center}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (width<=1180px){.app-shell{grid-template-columns:1fr;gap:20px;width:min(100%,100% - 28px)}.side-rail,.support-rail{min-height:auto;padding:0}.side-rail{gap:16px}.main-nav{grid-template-columns:repeat(7,minmax(0,1fr));overflow:auto}.nav-link{text-align:center;white-space:nowrap}.phone-frame{height:auto;min-height:72vh;position:relative}}@media (width<=740px){.app-shell{gap:0;width:100%;padding:0}.side-rail,.support-rail{padding:20px 16px 0}.phone-stage{order:-1}.phone-frame{min-height:100vh;box-shadow:none;background:0 0;border-radius:0;padding:0}.phone-notch,.phone-home-indicator{display:none}.phone-content{border-radius:0;min-height:100vh}.page{padding:56px 18px 28px}.page-heading,.hero-verse,.result-hero,.result-switch,.ritual-strip,.config-admin-grid,.config-form-grid,.oracle-grid,.plan-grid{grid-template-columns:1fr}.fortune-ring{width:180px;height:180px}.fortune-ring span{font-size:3.6rem}.main-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}