/* The approved desktop artwork and brand remain. This sheet owns phone presentation only. */
.lit-glow{animation:none!important}
#phone-content{padding:0 20px 22px;overscroll-behavior:contain;text-align:left;scrollbar-width:thin;scroll-padding:55px 0 18px}
.phone-frame{height:760px}
.ritual-tools{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:45px;position:sticky;top:0;background:#fbf9f1f5;z-index:3;padding:4px 0}
.ritual-tools .state-pill{font-size:9px;padding:5px 9px;text-align:center}
.ritual-tools #phone-skip{font:12px var(--hand);min-height:44px;min-width:70px;padding:6px 4px;flex:none}
[hidden]{display:none!important}
.phone-door{max-width:142px;margin:5px auto 0;transform-origin:50% 55%}
.phone-door .entry-art{width:100%;max-width:none}
.phone-chapter{text-align:center;font:11px var(--hand);letter-spacing:.13em;color:#9a9e82;margin:7px 0 12px}
.phone-ritual .phone-title{font:29px/1.5 var(--brush);font-weight:400;margin:0;text-align:center;letter-spacing:.03em}
.phone-ritual .phone-copy{font:11px/1.85 system-ui;color:#8d957e;text-align:center;margin:12px -3px 20px}
.ceremony-cards{display:grid;gap:12px;perspective:700px;margin:18px 0 22px}
.ceremony-card{position:relative;padding:17px 15px 22px 39px;border:1px solid #e0dfce;border-radius:3px 13px 13px 3px;background:linear-gradient(100deg,#e7e6d433,#faf9ef);box-shadow:inset 3px 0 #d6d4b8,0 5px 11px #4a593807;transform-origin:50% 0;backface-visibility:hidden;min-height:97px}
.ceremony-card:after{content:'';position:absolute;right:0;top:0;width:17px;height:17px;background:linear-gradient(45deg,#e8e6d8 47%,#fbf9f1 52%);border-radius:0 10px 0 4px;opacity:.8}
.ceremony-card:nth-child(2){background:linear-gradient(100deg,#e2ead63b,#f7f9ef);box-shadow:inset 3px 0 #c8d3b6,0 5px 11px #4a593807}
.ceremony-card:nth-child(3){background:linear-gradient(100deg,#f0e3c73d,#fbf8ee);box-shadow:inset 3px 0 #dfd1ad,0 5px 11px #4a593807}
.ceremony-number{position:absolute;left:14px;top:18px;color:#aeb092;font:italic 12px Georgia,serif}
.ceremony-card h3{font:18px/1.45 var(--hand);font-weight:400;margin:0 0 6px;overflow-wrap:anywhere}
.ceremony-card p{font:11px/1.8 system-ui;color:#8a937c;margin:0;overflow-wrap:anywhere}
.ceremony-card small{position:absolute;right:13px;bottom:8px;font:8px/1.2 system-ui;color:#a1a78e;letter-spacing:.03em}
.closed-cards .ceremony-card{min-height:70px;padding-top:15px;padding-bottom:17px;background:transparent;box-shadow:inset 3px 0 #e3e3d3;opacity:.8}
.closed-cards .ceremony-card p{display:none}
.phone-endnote{text-align:center;font:11px/1.9 var(--hand);color:#879677;margin:18px 0 7px}
.phone-leave{display:block;margin:0 auto 5px;font:11px var(--hand);min-height:44px;text-align:center}
.phone-ritual>.outline{display:block;margin:0 auto;min-height:44px}
.phone-origin{min-height:520px;text-align:center;padding:20px 0}
body[data-phone=lit] .phone-door:before{content:'';position:absolute;inset:20px -45px -10px;background:radial-gradient(ellipse,#ebd39635,transparent 70%);pointer-events:none;z-index:-1}
body[data-phone=lit] .phone-door{position:relative;isolation:isolate}
.mobile-preview-link{max-width:1500px;margin:20px auto;text-align:right;font:12px var(--hand)}
.motion-review{grid-column:1/-1;border-top:1px solid #d9ddca;padding-top:17px;color:#7d896e;font-size:11px}
.motion-settings{display:flex;flex-wrap:wrap;gap:12px 22px;margin:13px 0}
.motion-settings label{display:flex;align-items:center;gap:7px;min-height:35px;cursor:pointer}
.motion-settings input{accent-color:#61714f;width:16px;height:16px}
#motion-status{margin:10px 0;font-size:10px;min-height:20px}
.scenario-controls{margin-top:12px}.scenario-controls summary{min-height:36px;cursor:pointer;line-height:1.8}
.scenario-controls p{font-size:10px;line-height:1.85;margin:10px 0}.scenario-controls .console-row{margin-top:11px}
.mobile-only{padding:0;background:var(--paper)}
.mobile-only :is(.review-heading,.review-note,.device-switch,.desktop-column,.phone-column>.surface-label,.phone-status,.phone-home-line,.phone-disclaimer,.mobile-preview-link){display:none!important}
.mobile-only .compare{display:block;margin:0 auto;width:100%;max-width:480px}
.mobile-only .phone-column{display:block!important;margin:0;width:100%;max-width:none}
.mobile-only .phone-frame{display:block;height:auto;min-height:100svh;border:0;border-radius:0;box-shadow:none;overflow:visible;background:var(--paper);padding-top:env(safe-area-inset-top)}
.mobile-only .phone-header{height:58px;padding:0 23px;border-bottom:1px solid #e5e4d766;font-size:16px}
.mobile-only .phone-header button{min-width:44px;min-height:44px}
.mobile-only #phone-content{overflow:visible;padding:0 25px calc(19px + env(safe-area-inset-bottom));}
.mobile-only .phone-door{max-width:136px;margin-top:0}
.mobile-only .ritual-tools{top:env(safe-area-inset-top);padding-top:6px}
.mobile-only .phone-title{font-size:32px;line-height:1.45}
.mobile-only .phone-copy{font-size:12px;margin-top:12px;margin-bottom:23px;line-height:1.85}
.mobile-only .ceremony-cards{gap:13px;margin:21px 0}
.mobile-only .ceremony-card{min-height:104px;padding:17px 18px 24px 45px}
.mobile-only .ceremony-card h3{font-size:20px}.mobile-only .ceremony-card p{font-size:12px}
.mobile-only .ceremony-number{left:17px}.mobile-only .ceremony-card small{font-size:9px;bottom:9px}
.mobile-only .closed-cards .ceremony-card{min-height:74px}
.mobile-only .phone-endnote{font-size:12px;margin-top:16px}.mobile-only .phone-leave{font-size:12px}
.mobile-only .phone-origin{min-height:calc(100svh - 90px)}
.mobile-only .review-console{margin:20px 15px 30px;padding:19px;max-width:450px;display:block;border-style:dashed}
.mobile-only .console-intro h2{font-size:17px}.mobile-only .console-intro p{font-size:10px;margin-bottom:15px}
.mobile-only .console-actions{margin:12px 0}.mobile-only .contract-note{margin-top:16px}.mobile-only .motion-settings{display:grid;gap:3px}
.mobile-only .review-console:before{content:'以下为合成审阅工具，不是手机产品流程';display:block;font-size:10px;color:#9b916f;margin-bottom:15px}
@media(max-width:1200px){.phone-frame{height:760px}}
@media(max-width:900px){.phone-frame{height:760px}.phone-column{width:min(340px,100%)}.mobile-only .phone-column{width:100%}.mobile-only .phone-frame{height:auto}}
@media(max-width:350px){.mobile-only #phone-content{padding-inline:19px}.mobile-only .phone-header{padding-inline:16px}.mobile-only .phone-title{font-size:28px}.mobile-only .phone-door{max-width:116px}.mobile-only .phone-copy{font-size:11px;margin-bottom:16px}.mobile-only .phone-chapter{font-size:10px}.mobile-only .ceremony-card{min-height:100px;padding-left:37px;padding-right:12px}.mobile-only .ceremony-number{left:12px}.mobile-only .ceremony-card h3{font-size:18px}.mobile-only .ceremony-card p{font-size:11px}.mobile-only .ceremony-cards{margin-top:16px;gap:11px}.phone-ritual .phone-title{font-size:26px}}
html[data-motion-reduced=true] *,html[data-motion-reduced=true] *::before,html[data-motion-reduced=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}