#shiyu-guidance-root{position:relative;z-index:2147483000}[data-guidance-surface]{--guide-ink:#252735;--guide-muted:#697080;--guide-accent:#7962bf;--guide-surface:#faf9f6;font-family:inherit;box-sizing:border-box}html[data-theme=dark] [data-guidance-surface]{--guide-ink:#f4f2f7;--guide-muted:#b7b3c2;--guide-surface:#25242e;--guide-accent:#b6a2ed}[data-guidance-surface] button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit;border-radius:10px;padding:10px 14px;transition:background .2s,transform .2s}[data-guidance-surface] button:hover{background:#8070aa1a}[data-guidance-surface] button:focus-visible{outline:2px solid var(--guide-accent);outline-offset:4px}[data-guidance-surface] button:disabled{opacity:.5;cursor:wait}[data-guidance-surface] .guidance-primary{background:#7962bf;color:#fff;box-shadow:0 4px 14px #7962bf22}[data-guidance-surface] .guidance-primary:hover{background:#6951ad;transform:translateY(-1px)}.guidance-dialog{color:var(--guide-ink);padding:36px!important;max-width:660px;isolation:isolate}.guidance-dialog h1{font-size:clamp(24px,4vw,34px);line-height:1.35;margin:14px 0}.guidance-dialog h2{font-size:24px;line-height:1.4;margin:12px 0}.guidance-dialog p{white-space:pre-line;line-height:1.85;color:var(--guide-muted);font-size:14px;margin:12px 0 22px}.guidance-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--guide-accent);font-weight:600}[data-guidance-surface] .guidance-close{position:absolute;right:14px;top:12px;font-size:22px;line-height:24px;width:36px;height:36px;padding:4px;z-index:30}.guidance-letter-dialog{max-width:760px;width:min(760px,100%)}.guidance-letter-overlay{position:fixed;inset:0;z-index:2147483000;background:#15121dc2;backdrop-filter:blur(22px) saturate(.72);-webkit-backdrop-filter:blur(22px) saturate(.72);display:grid;place-items:center;overflow:auto;overscroll-behavior:contain;padding:28px 16px;color:#382c27;animation:guidance-overlay-in .45s ease both}.guidance-letter-overlay .guidance-close{position:fixed;color:#fff;background:#302a3670}html[data-guidance-preview=true] .guidance-letter-overlay>.guidance-close{right:60px;top:16px}.guidance-letter-overlay .guidance-letter-art{width:min(680px,100%);min-height:330px;margin:auto}.guidance-letter-overlay .guidance-envelope-motion{position:relative;isolation:isolate;width:min(540px,84vw);aspect-ratio:1.56;perspective:1200px;filter:drop-shadow(0 30px 35px #0005)}.guidance-letter-overlay .guidance-envelope{pointer-events:none}.guidance-letter-overlay .guidance-envelope{width:100%;height:100%;border-radius:18px;transition:filter .25s}.guidance-letter-overlay .guidance-envelope-back,.guidance-letter-overlay .guidance-envelope-front{border-radius:18px;overflow:hidden}.guidance-letter-overlay .guidance-envelope-flap{border-radius:18px 18px 0 0}.guidance-letter-overlay .is-open .guidance-envelope-motion{position:absolute;bottom:-30px;width:min(420px,70vw);z-index:0;pointer-events:none}.guidance-letter-overlay .is-open .guidance-envelope{position:relative;transform:none}[data-guidance-surface].guidance-letter-overlay .guidance-seal{width:76px;height:74px;font-size:29px;animation:guidance-seal-invite 2.8s 1s ease-in-out infinite}.guidance-letter-overlay .guidance-seal-hit:hover .guidance-seal{animation-play-state:paused;background:radial-gradient(circle at 35% 25%,#e58b76,#9d3c35 68%,#792c29);box-shadow:inset 0 0 0 2px #edb68a55,0 0 30px #e7a87655,0 8px 14px #51211766}.guidance-letter-overlay .is-open .guidance-seal{animation:none}.guidance-confetti{position:absolute;left:50%;top:50%;width:0;height:0;z-index:40;pointer-events:none}.guidance-confetti i{position:absolute;display:block;will-change:transform,opacity}@keyframes guidance-seal-invite{0%,75%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}80%{transform:translate(-50%,-50%) rotate(-7deg) scale(1.05)}86%{transform:translate(-50%,-50%) rotate(6deg) scale(1.05)}92%{transform:translate(-50%,-50%) rotate(-3deg) scale(1.02)}}@keyframes guidance-overlay-in{0%{opacity:0}to{opacity:1}}.guidance-real-letter{position:relative;z-index:12;width:100%;box-sizing:border-box;background:linear-gradient(135deg,#fffcf3,#f4eddf);padding:40px 36px 28px;border-radius:3px;box-shadow:0 18px 65px #22150f50;transform-origin:50% 100%;animation:guidance-letter-extract 1s cubic-bezier(.22,1,.36,1) both}.guidance-real-letter[hidden]{display:none}.guidance-real-letter h1{font-family:Georgia,serif;font-size:clamp(24px,4vw,34px);margin:18px 0}.guidance-real-letter p{white-space:pre-line;line-height:1.9;font-size:14px;color:#706156}.guidance-letter-overlay .guidance-photo-spread{position:relative;inset:auto;min-height:185px;margin:24px 0;flex-wrap:wrap;row-gap:16px}.guidance-envelope-hint{position:absolute;top:100%;color:#fff;font-size:13px;letter-spacing:.12em}@keyframes guidance-letter-extract{0%{opacity:0;transform:translateY(110px) scale(.38)}35%{opacity:1;transform:translateY(-90px) scale(.48)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.guidance-real-letter{padding:30px 20px 24px}.guidance-letter-overlay{padding-top:60px;padding-bottom:60px}.guidance-letter-overlay .guidance-photo-spread{min-height:130px}}@media(prefers-reduced-motion:reduce){.guidance-real-letter{animation:none}}.guidance-letter-copy{max-width:570px;margin:auto;text-align:center;padding:6px 6px 0}.guidance-letter-art{position:relative;min-height:280px;display:grid;place-items:center;perspective:1400px;margin:8px 0;transition:transform .6s,opacity .5s}.guidance-envelope{position:relative;width:290px;height:180px;border-radius:18px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1)}.guidance-envelope-back{position:absolute;inset:0;border-radius:8px;background:#ba775c;box-shadow:0 20px 36px #58331d22;overflow:hidden}.guidance-envelope-paper{position:absolute;inset:8px 14px;background:linear-gradient(145deg,#fffcf1,#f2e9d9);border-radius:4px;transition:transform .7s .2s;box-shadow:0 3px 5px #57382d22}.guidance-envelope-front{position:absolute;inset:0;z-index:5;border-radius:inherit;overflow:hidden}.guidance-envelope-front:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,#dbab89,#bc805f);clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%)}.guidance-envelope-front:after{content:"";position:absolute;inset:0;background:linear-gradient(40deg,#dfb38e,#ce9776);clip-path:polygon(0 100%,50% 43%,100% 100%)}.guidance-envelope-flap{position:absolute;inset:0;z-index:7;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 62%);background:linear-gradient(180deg,#edcaaa,#dba67f);transition:transform .65s cubic-bezier(.22,1,.36,1),z-index 0s .3s;backface-visibility:visible}[data-guidance-surface] .guidance-seal{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:55px;height:54px;padding:0;z-index:8;border-radius:47% 53% 42% 57%/53% 42% 58% 46%;background:radial-gradient(circle at 35% 25%,#c36559,#8c302e 68%,#6f2424);color:#edc6a7;border:3px solid #9d3e36;box-shadow:inset 0 0 0 2px #ce776555,inset 0 2px 4px #ffcf9b33,0 5px 9px #51211744;font-family:Georgia,serif;font-size:21px;text-shadow:0 1px 1px #471b1b;transition:opacity .3s,transform .3s}[data-guidance-surface] .guidance-seal{display:grid;place-items:center}.guidance-seal .guidance-brand-mark{display:block;width:32px;height:32px;pointer-events:none;filter:drop-shadow(0 1px 1px #471b1b66)}.guidance-letter-overlay button.guidance-seal-hit,.guidance-letter-overlay button.guidance-seal-hit:hover{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:88px;height:88px;z-index:8;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;animation:none}.guidance-seal-hit .guidance-seal{top:50%;box-sizing:border-box;pointer-events:none}.guidance-letter-art[data-style=ivory] .guidance-seal-hit:hover .guidance-seal{background:radial-gradient(circle at 35% 25%,#c8b784,#8d7848);border-color:#9d8957}.is-open .guidance-seal{opacity:0;transform:translate(-50%,-50%) scale(.75);pointer-events:none}.is-open .guidance-envelope-flap{transform:rotateX(180deg);z-index:1}.is-open .guidance-envelope{transform:translateY(20px) scale(.72)}.is-open .guidance-envelope-paper{transform:translateY(-65px)}.guidance-photo-spread{display:flex;align-items:center;justify-content:center;position:absolute;inset:0 0 50px;pointer-events:none;z-index:10;padding:0 10px}[data-guidance-surface] .guidance-photo{width:clamp(90px,25%,170px);aspect-ratio:1/1.05;flex:none;padding:7px 7px 21px;background:#fffdf7;border-radius:3px;box-shadow:0 8px 25px #22232928;transform:rotate(var(--photo-angle));margin:0 -12px;pointer-events:auto;animation:guidance-photo-out .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--photo-index)*70ms)}[data-guidance-surface] .guidance-photo:hover{transform:translateY(-14px) rotate(0);background:#fffdf7;z-index:4}.guidance-picture{position:relative;width:100%;height:100%;min-height:100px;overflow:hidden}.guidance-picture img{display:block;width:100%;height:100%;object-fit:cover}.guidance-picture img[hidden]{display:none}.guidance-skeleton{min-height:90px;width:100%;background:linear-gradient(100deg,#a7a0b016 20%,#c2b9cf38,#a7a0b016 70%);background-size:200% 100%;border-radius:12px;animation:guidance-loading 1.7s ease infinite;display:grid;place-items:center;color:var(--guide-muted);font-size:13px}.guidance-picture .guidance-skeleton{position:absolute;inset:0;border-radius:0}.guidance-letter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:12px}.guidance-error{position:relative;padding:12px;border-radius:12px;background:#b8414111;color:#a94343!important;font-size:13px;z-index:3}.guidance-image-dialog{width:min(680px,100%);max-width:680px;padding:42px 20px 12px!important}.guidance-letter-overlay.is-previewing .guidance-letter-art{visibility:hidden}.guidance-image-dialog .guidance-picture{height:min(68vh,700px);min-height:160px}.guidance-image-dialog img{object-fit:contain}.guidance-image-dialog p{text-align:center;margin-bottom:0}.guidance-letter-art.is-flying{transform:translate(90px,-90px) rotate(12deg) scale(.65);opacity:0}.guidance-letter-art[data-style=ivory] .guidance-envelope-back{background:#d4d4c6}.guidance-letter-art[data-style=ivory] .guidance-envelope-front:before{background:linear-gradient(150deg,#f5f2e6,#ddd8c4)}.guidance-letter-art[data-style=ivory] .guidance-envelope-front:after{background:#f1eddc}.guidance-letter-art[data-style=ivory] .guidance-envelope-flap{background:linear-gradient(#fffdf3,#e7e0ca)}.guidance-letter-art[data-style=ivory] .guidance-seal{background:radial-gradient(circle at 35% 25%,#b7a474,#7c683b);border-color:#9d8957;color:#fff0ba}.guidance-focus-layer{position:fixed;inset:0;z-index:2147483000;pointer-events:none;color:var(--guide-ink)}.guidance-dim{position:fixed;background:#14121e99;pointer-events:auto}.guidance-focus-blocker{position:fixed;inset:0;pointer-events:auto}.guidance-focus-mask{position:fixed;inset:0;pointer-events:none}.guidance-focus-ring{position:fixed;border:2px solid #c3b2ec;border-radius:16px;box-shadow:0 0 0 3px #d5c6f422;pointer-events:auto}.guidance-secondary{position:fixed;border:2px solid #c3b2ec;border-radius:16px;pointer-events:none;z-index:1}.guidance-step-card{position:fixed;pointer-events:auto;background:var(--guide-surface);border-radius:20px;padding:24px;box-shadow:0 18px 60px #0b0b1833;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;outline:0;z-index:4}.guidance-step-card h2{font-size:19px;margin:14px 24px 10px 0}.guidance-step-card p{font-size:14px;line-height:1.8;color:var(--guide-muted);white-space:pre-line}.guidance-step-actions{display:flex;align-items:center;gap:5px;margin-top:20px;font-size:12px}.guidance-step-actions span{flex:1}.guidance-step-actions button{padding:8px 10px}@keyframes guidance-loading{to{background-position:-200% 0}}@keyframes guidance-photo-out{0%{opacity:0;translate:0 85px;scale:.4}to{opacity:1;translate:0 -12px;scale:1}}@media(max-width:560px){.guidance-dialog{padding:28px 20px!important}.guidance-envelope{width:240px;height:155px}.guidance-letter-art{min-height:240px}.guidance-letter-actions{font-size:13px}.guidance-photo-spread{inset:0 0 40px}.guidance-letter-copy p{font-size:13px}.guidance-step-card{padding:20px}}@media(prefers-reduced-motion:reduce){[data-guidance-surface] *,[data-guidance-surface] *:before,[data-guidance-surface] *:after{animation:none!important;transition:none!important}}.guidance-completion{position:fixed;inset:0;z-index:2147483000;pointer-events:none;display:grid;place-items:center;color:var(--guide-ink)}.guidance-completion>p{background:var(--guide-surface);padding:18px 28px;border-radius:18px;box-shadow:0 12px 40px #0002}.guidance-tool-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin:18px 0 6px}.guidance-tool-overview>div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--guide-ink)}.guidance-tool-art{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--guide-ink) 7%,transparent);color:var(--guide-accent,#7c62c4)}.guidance-tool-art .global-dock-icon{display:grid;place-items:center;width:26px;height:26px}.guidance-tool-art svg{width:26px;height:26px}
