/* Little Bear Tarot — warm paper, caramel ink, and the V4.3 bear deck. */
:root{color-scheme:light;--bg:#f3efe6;--panel:#fffaf0;--line:#dfd2bf;--gold:#a77339;--text:#49382e;--muted:#88786c;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif}
body{background:var(--bg)}button,.button{background:#f7f0e4;border-color:var(--line);border-radius:16px;color:var(--text)}button:hover{background:#f0e2ca;border-color:#bd945e}.primary{background:#ddba72;border-color:#c99e59;color:#533e27}.primary:hover{background:#d5ac61}.site-header{padding:26px 36px 20px;max-width:1440px;min-height:100px}.brand{display:flex;gap:10px;align-items:center;min-height:48px;border-radius:10px;padding:0 4px;transition:opacity .15s}.brand:hover{opacity:.78}.brand img{display:block;object-fit:contain}.brand-mark{width:48px;height:48px}.brand-wordmark{width:158px;height:48px}.site-header nav button{font-size:13px;min-height:44px;padding:10px 19px}.site-header nav{gap:10px}main{max-width:1400px;padding:0 36px 24px}.home{max-width:1160px;grid-template-columns:1.2fr 1fr;gap:24px;margin:56px auto 0;min-height:400px}.home-copy{padding:0;width:100%}.question-form{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px;margin:0}.home-copy h1{font-size:29px;font-weight:400;line-height:1.5;margin:0 0 20px;letter-spacing:.01em}.question-form textarea{background:#f5f0e7;border-color:var(--line);border-radius:14px;min-height:106px;padding:20px 16px;font-size:14px;margin-bottom:20px;resize:vertical}.question-form textarea::placeholder{color:#938273}.field-label{font-size:13px;color:var(--muted);margin-bottom:10px}.spread-choice button{font-size:12px;padding:12px 6px;min-height:44px}.spread-choice .selected{background:#e9d5ae;border-color:#bb8d52;color:#5c412c}.start{min-height:44px;font-size:14px;margin-top:18px}.hero{height:420px;overflow:visible}.orb{width:360px;height:320px;top:60px;border:0;background:#e2e8e0}.orb:after{display:none}.hero-cards{width:440px;height:420px}.hero-cards img{width:148px;height:247px;aspect-ratio:3/5;object-fit:fill;border:1px solid #ddd2c1;border-radius:0;padding:0;background:#fff9ed;top:95px;left:40px;transform:rotate(-14deg);box-shadow:0 7px 20px #5a412826}.hero-cards img:nth-child(2){top:62px;left:145px}.hero-cards img:nth-child(3){top:95px;left:250px;transform:rotate(14deg)}.quick-topics{max-width:1160px;margin:35px auto 0}.quick-topics h2{font-size:13px;font-weight:400;color:var(--muted);margin-bottom:12px}.quick{margin:0;gap:10px}.quick button{padding:10px 17px;font-size:13px;min-height:44px}.trust{font-size:11px;line-height:1.8;margin-top:20px;color:#938576}.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}.panel{background:var(--panel);border-color:var(--line);border-radius:16px}.reading-heading{margin-top:30px}.carousel-panel{background:#f9f4e9}.deck-card{background:transparent;border:0;border-radius:9px;box-shadow:0 5px 13px #6e4b2826}.deck-card img{object-fit:fill}.card-visual{padding:0;border:1px solid #d8cbb7;border-radius:4px;background:#fff8eb;box-shadow:0 3px 10px #5a412812}.card-visual.back{background:transparent;padding:0}.card-visual.empty{border:1px dashed #d6c7af;border-radius:9px;color:#c1ad90}.card-name{font-weight:500}.detail-card img{padding:0;border-radius:2px}.ai{padding:28px;max-width:920px;margin:30px auto 0}.ai h2{font-size:23px;letter-spacing:.02em}.reading-mode{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}select{border:1px solid var(--line);background:#f7f0e4;color:var(--text);padding:10px 12px;border-radius:10px;min-height:44px}.reading-prose{line-height:1.95;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.reading-prose p{margin:0 0 18px}.reading-prose p:first-child{font-size:17px;color:#5c4029;line-height:1.9}.record-editor{border-top:1px solid #e9dfcf;padding-top:14px;margin-top:12px}.record-editor summary{color:var(--muted);font-size:12px;cursor:pointer;min-height:32px}.record-editor textarea{background:#f8f3e9;border:1px solid var(--line);border-radius:10px;margin-top:10px;min-height:250px}.ai .save{margin-right:10px;font-size:12px}.history{margin-top:34px}.settings-form select{background:#f8f3e9}.dialog-close{border-radius:10px}dialog::backdrop{background:#49382e55}footer{max-width:1440px;color:#978879;font-size:10px;padding-top:25px}footer #status:empty{display:none}
@media(min-width:1700px){.home{margin-top:72px}.hero{transform:none}}
@media(max-width:1100px){.home{grid-template-columns:1.25fr 1fr;gap:16px}.hero{height:350px}.hero-cards{transform:scale(.82);margin:0 -40px}.orb{width:290px;height:260px;top:50px}.question-form{padding:25px}.home-copy h1{font-size:27px}}
@media(max-width:767px){.site-header{flex-wrap:nowrap;padding:18px 16px;min-height:82px;gap:12px}.brand{gap:7px;padding:0}.brand-mark{width:43px;height:43px}.brand-wordmark{width:135px;height:43px}.site-header nav{width:auto;display:flex;gap:6px;margin:0}.site-header nav button{font-size:12px;padding:8px 11px;white-space:nowrap;border-radius:13px}main{padding:0 16px 24px}.home{display:block;margin:22px auto 0;min-height:0}.home-copy{padding:0}.question-form{padding:25px 22px}.home-copy h1{font-size:27px;margin:0 0 21px}.question-form textarea{font-size:14px;min-height:118px}.hero{display:none}.quick-topics{margin:26px auto 0}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick button{font-size:13px;padding:10px 7px;flex:initial}.quick button:last-child{grid-column:1/-1}.trust{line-height:1.8;margin-top:18px}.reading-heading{margin-top:16px}.ai{padding:21px 18px}.reading-prose{font-size:15px;line-height:2}.reading-prose p:first-child{font-size:16px}.ai .actions{flex-wrap:wrap;gap:10px}.reading-mode{gap:8px}.slots,.slots.five{gap:23px 16px}.ai textarea{min-height:320px}.reading-heading h1{font-size:20px}.site-header nav button{min-height:44px}footer{padding:8px 16px 20px}}
@media(max-width:540px){.brand .brand-wordmark{display:none}.brand-mark{width:46px;height:46px}.site-header{justify-content:space-between}.site-header nav{gap:7px}.site-header nav button{padding:9px 13px}}
@media(max-width:359px){.site-header{padding:15px 12px;gap:7px}.site-header nav{gap:5px}.site-header nav button{padding:9px 9px;font-size:11px}.brand-mark{width:44px;height:44px}.question-form{padding:23px 18px}.home-copy h1{font-size:25px}}