:root{color:#f7ebd6;background:#17130f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #17130f;--panel: rgba(39, 30, 24, .78);--panel-strong: rgba(48, 35, 27, .94);--line: rgba(233, 185, 112, .2);--gold: #f3c46f;--red: #a84632;--ember: #ff8b4a;--jade: #82b7a3;--text: #f8ecd8;--muted: #b8a994;--smoke: rgba(211, 208, 197, .56)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 12%,rgba(194,91,52,.24),transparent 28rem),radial-gradient(circle at 82% 72%,rgba(130,183,163,.13),transparent 22rem),linear-gradient(145deg,#1f1712,#17130f 52%,#101715)}button,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:32px 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.62fr);gap:18px;align-items:center}.ritual-panel,.side-panel>section{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000047}.ritual-panel{min-height:700px;padding:28px;border-radius:8px;position:relative;overflow:hidden}.ritual-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%)}.brand-row,.hero-copy,.incense-scene,.action-grid,.wish-control,.primary-action,.secondary-actions{position:relative;z-index:1}.brand-row{display:inline-flex;align-items:center;gap:9px;color:#e8d7bd;font-size:.92rem}.brand-mark{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;color:var(--gold);background:#a8463247;border:1px solid rgba(243,196,111,.2)}.hero-copy{max-width:620px;margin-top:28px}.eyebrow{margin:0 0 10px;color:var(--jade);font-size:.9rem;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:12px;color:var(--text);font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.04;letter-spacing:0}.hero-copy p:last-child{max-width:520px;margin-bottom:0;color:var(--muted);font-size:1rem;line-height:1.8}.incense-scene{height:300px;margin:10px auto 0;display:grid;place-items:center}.halo{position:absolute;width:min(74vw,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,171,86,.28) 0 16%,rgba(255,171,86,.12) 36%,transparent 68%),radial-gradient(circle,rgba(243,196,111,.16),transparent 62%);filter:blur(2px)}.sticks{position:absolute;bottom:115px;display:flex;align-items:flex-end;gap:22px}.sticks span{position:relative;overflow:visible;width:10px;height:170px;border-radius:999px;background:linear-gradient(#ffb25b 0 9%,#7e2e25 10% 100%);box-shadow:0 -9px 26px #ff8849e6;transform-origin:bottom}.sticks span:before{content:"";position:absolute;top:-3px;left:50%;width:16px;height:24px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 28%,#fff1a6 0 12%,#ffb45d 32%,#f06a38 68%,transparent 72%);filter:blur(.2px);transform:translate(-50%);opacity:.75}.sticks span:after{content:"";position:absolute;top:6px;left:50%;width:18px;height:18px;border-radius:999px;background:radial-gradient(circle,rgba(255,237,170,.95) 0 18%,rgba(255,142,73,.8) 38%,rgba(255,112,64,.16) 68%,transparent 72%);box-shadow:0 0 18px #ff8b4ad9,0 0 38px #ef693a5c;transform:translate(-50%) scale(.72);opacity:0}.sticks span:first-child{height:152px;transform:rotate(-4deg)}.sticks span:last-child{height:158px;transform:rotate(4deg)}.incense-scene.burning .sticks span:before{animation:flameFlicker .36s ease-in-out infinite alternate}.incense-scene.burning .sticks span:after{animation:burnDown 1.25s cubic-bezier(.2,.72,.22,1) forwards}.incense-scene.burning .sticks span:nth-child(2):after{animation-delay:80ms}.incense-scene.burning .sticks span:nth-child(3):after{animation-delay:.15s}.smoke{position:absolute;bottom:248px;width:70px;height:150px;border-left:5px solid var(--smoke);border-radius:50%;filter:blur(1px);opacity:.62;animation:drift 5.6s ease-in-out infinite}.smoke-one{margin-left:-64px}.smoke-two{height:176px;margin-left:4px;animation-delay:-1.8s}.smoke-three{margin-left:70px;animation-delay:-3s}.burner{position:absolute;bottom:30px;width:min(82%,360px);height:135px;display:grid;justify-items:center}.burner-lip{width:100%;height:30px;border-radius:8px;background:linear-gradient(90deg,#8a3a2b,#e0a260 38%,#a74731 75%,#5a2b24);box-shadow:0 12px 34px #00000042}.burner-body{width:78%;height:92px;display:grid;place-items:center;border-radius:0 0 70px 70px;background:linear-gradient(135deg,#522b24,#8c3a2d 48%,#3f2721);border:1px solid rgba(243,196,111,.24)}.burner-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#f9dd9f;background:#0000002e}.burner-foot{width:38%;height:13px;border-radius:0 0 8px 8px;background:#2b1d18}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-grid>div,.wish-control,.fortune-card,.records-card,.note-card{border-radius:8px;border:1px solid var(--line);background:#15120f6b}.action-grid>div{min-height:96px;padding:18px}.action-grid span{display:block;color:var(--muted);font-size:.92rem}.action-grid strong{display:block;margin-top:8px;color:var(--gold);font-size:2.25rem;line-height:1}.wish-control{margin-top:12px;padding:16px}.wish-control label{display:block;margin-bottom:9px;color:#ead8bd;font-weight:700}.wish-control textarea{width:100%;min-height:78px;resize:vertical;border:0;outline:0;color:var(--text);background:transparent;line-height:1.6}.wish-control textarea::placeholder{color:#b8a994bd}.primary-action,.secondary-actions button{min-height:50px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-action{width:100%;margin-top:14px;background:linear-gradient(135deg,#b94732,#ef9c52);box-shadow:0 14px 34px #b947324d;font-size:1.08rem;font-weight:800}.primary-action.is-burning{animation:offerPulse .7s ease-out}.secondary-actions{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.secondary-actions button{border:1px solid var(--line);background:#ffffff0e}.primary-action:hover,.secondary-actions button:hover{transform:translateY(-1px)}.secondary-actions button:hover{border-color:#f3c46f6b;background:#f3c46f1a}.side-panel{height:700px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.side-panel>section{padding:20px;border-radius:8px}.section-title{display:flex;align-items:center;gap:9px;color:var(--gold)}h2{margin-bottom:0;font-size:1rem}.fortune-card p,.empty-state{margin:14px 0 0;color:var(--muted);line-height:1.8}.records-card{min-height:0;overflow:hidden}.records-card ul{list-style:none;margin:14px 0 0;padding:0;display:grid;align-content:start;gap:10px;max-height:calc(100% - 36px);overflow-y:auto}.records-card li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px;border-radius:8px;color:#eadfcf;background:#ffffff0b}.records-card time{color:var(--jade);font-size:.86rem}.records-card span{overflow-wrap:anywhere;line-height:1.5}.toast{position:absolute;left:50%;top:50%;z-index:10;max-width:min(420px,calc(100vw - 32px));min-height:48px;padding:12px 12px 12px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(243,196,111,.28);border-radius:8px;color:var(--text);background:#1e1712f5;box-shadow:0 26px 90px #00000070,0 0 0 999px #0908071f;transform:translate(-50%,-50%);animation:toastPop .18s ease-out}.toast button{width:30px;height:30px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:#ffffff14}.share-preview{position:fixed;inset:0;z-index:20;padding:24px;display:grid;place-items:center;background:#090807ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.share-preview-panel{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:16px;display:grid;gap:14px;border:1px solid rgba(243,196,111,.26);border-radius:8px;background:#1e1712fa;box-shadow:0 26px 90px #0000007a}.share-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-preview-header h2{color:var(--text)}.share-preview-header button{width:34px;height:34px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:#ffffff14}.share-preview img{width:100%;min-height:0;max-height:min(68vh,620px);object-fit:contain;border-radius:8px;border:1px solid rgba(243,196,111,.18);background:#17130f}.share-qr{padding:12px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;border:1px solid rgba(243,196,111,.18);border-radius:8px;background:#ffffff0b}.share-qr img{width:86px;height:86px;max-height:none;border:0;border-radius:8px;background:#fff5de}.share-qr span{display:block;color:var(--muted);font-size:.9rem}.share-qr strong{display:block;margin-top:5px;color:var(--gold);font-size:1.08rem;overflow-wrap:anywhere}.share-preview-actions{display:grid}.share-preview-actions button{min-height:48px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--text);background:linear-gradient(135deg,#b94732,#ef9c52);box-shadow:0 14px 34px #b947324d;font-weight:800}@keyframes drift{0%,to{transform:translateY(0) translate(0) scaleX(.9);opacity:.42}50%{transform:translateY(-20px) translate(12px) scaleX(1.15);opacity:.7}}@keyframes flameFlicker{0%{transform:translate(-50%) scale(.86) rotate(-2deg);opacity:.66}to{transform:translate(-50%) scale(1.08) rotate(2deg);opacity:1}}@keyframes burnDown{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.65)}12%{opacity:1}78%{opacity:.88;transform:translate(-50%) translateY(118px) scale(1.08)}to{opacity:0;transform:translate(-50%) translateY(145px) scale(.36)}}@keyframes offerPulse{0%{transform:translateY(0) scale(1);box-shadow:0 14px 34px #b947324d}35%{transform:translateY(-2px) scale(1.018);box-shadow:0 18px 42px #b947326b,0 0 0 8px #f3c46f17}to{transform:translateY(0) scale(1);box-shadow:0 14px 34px #b947324d}}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:860px){.app-shell{width:min(100% - 20px,560px);padding:10px 0 20px;display:block}.ritual-panel{min-height:auto;padding:20px}.hero-copy{margin-top:22px}.incense-scene{height:270px;margin-top:0}.side-panel{height:auto;grid-template-rows:none;margin-top:12px}.records-card{overflow:visible}.records-card ul{max-height:none;overflow:visible}}@media(max-width:460px){.app-shell{width:min(100% - 14px,430px)}.ritual-panel,.side-panel>section{padding:16px}h1{font-size:2.45rem}.action-grid strong{font-size:1.9rem}.secondary-actions{grid-template-columns:1fr}.records-card li{grid-template-columns:48px minmax(0,1fr)}.toast{width:calc(100vw - 28px)}.share-preview{padding:12px}.share-preview-panel{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.share-preview img{max-height:64vh}}