.guide-artwork{background:#d8d0f5;overflow:visible;isolation:isolate;min-height:420px;aspect-ratio:1.24;box-shadow:inset 0 0 0 1px #2921480c}.guide-grid{position:absolute;inset:0;background-image:radial-gradient(#60527c33 .8px,transparent .8px);background-size:15px 15px}.guide-art-heading{position:absolute;top:23px;left:25px;display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.2px;z-index:2;color:#41365a}.guide-dot{width:7px;height:7px;border-radius:50%;background:#f46546}.guide-hero-image{position:absolute;left:22%;top:4%;width:65%;height:auto;z-index:3;filter:drop-shadow(0 12px 0 #58425f13);pointer-events:none;user-select:none}.guide-paper{position:absolute;box-shadow:3px 5px 0 #60485c18;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;z-index:1}.guide-paper-one{top:22%;left:4%;width:24%;height:34%;background:#fff8eb;transform:rotate(-12deg);border-radius:3px}.guide-paper svg{width:48px;height:48px;fill:none;stroke:#6c71b8;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.guide-paper-one>span{font-family:Georgia,serif;font-style:italic;color:#696179;font-size:16px}.guide-paper-two{right:2%;top:23%;background:#f4ee9d;width:22%;height:32%;transform:rotate(13deg)}.guide-paper-two>span{writing-mode:vertical-rl;font-size:25px;font-family:KaiTi,serif;letter-spacing:4px;color:#685332}.guide-paper-two small{font-size:7px;letter-spacing:.5px;color:#7f7159}.guide-spark{position:absolute;right:5%;top:8%;font-size:58px;color:#fff7d0;z-index:4;transform:rotate(12deg)}.guide-invite{position:absolute;bottom:21px;left:6%;right:6%;background:#fffdf7;border:1.5px solid #3a3045;border-radius:14px;box-shadow:4px 5px 0 #3a30451c;padding:17px 46px 16px 19px;text-align:left;z-index:5;line-height:1.6;transition:transform .18s,box-shadow .18s}.guide-invite>span:first-child{display:block;font-size:16px;font-weight:700;color:#332e3a}.guide-invite small{font-size:11px;color:#797184;display:block;margin-top:2px}.guide-invite>span:last-child{position:absolute;right:18px;top:22px;font-size:24px;color:#6557b4}.guide-invite:before{content:'';position:absolute;right:30%;top:-8px;width:14px;height:14px;background:#fffdf7;transform:rotate(45deg);border-left:1.5px solid #3a3045;border-top:1.5px solid #3a3045}.guide-invite:hover{transform:translateY(-3px);box-shadow:5px 8px 0 #3a30451c}.guide-invite:active{transform:translateY(0)}#paul-guide{font-family:Arial,"Microsoft YaHei",sans-serif;color:#332e3a;position:relative;z-index:80}#paul-guide button{touch-action:manipulation}#paul-guide button:focus-visible,.guide-invite:focus-visible{outline:3px solid #3154e8;outline-offset:3px}.guide-launcher{position:fixed;right:19px;bottom:calc(18px + env(safe-area-inset-bottom));width:112px;height:127px;padding:0;background:transparent;border:0;isolation:isolate}.guide-launcher:before{content:'';position:absolute;left:18px;right:12px;bottom:11px;height:33px;border-radius:50%;background:#c7b5ed77;z-index:-1;box-shadow:0 5px 13px #55426e22}.guide-launcher img{display:block;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 3px 0 #fff);transition:transform .2s}.guide-launcher:hover img{transform:translateY(-5px) rotate(-3deg)}.guide-launcher-label{position:absolute;bottom:0;left:9px;right:0;font-size:10px;text-align:center;background:#fffdf7;border:1px solid #b6a4ca;border-radius:12px;line-height:1.6;padding:4px 7px;box-shadow:0 3px 9px #3a304518}.guide-panel{position:fixed;right:24px;bottom:calc(23px + env(safe-area-inset-bottom));width:355px;max-height:min(580px,80dvh);border:1.5px solid #8f7aa9;border-radius:20px;background:#fffdf7;box-shadow:0 13px 50px #42325430,5px 6px 0 #bdabe744;overflow:auto;overscroll-behavior:contain}.guide-panel-header{position:sticky;top:0;background:#eee7fd;display:flex;gap:11px;align-items:center;padding:13px 12px 13px 15px;border-bottom:1px solid #d5c8e6;border-radius:18px 18px 0 0;z-index:2}.guide-mini-avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#fff7d6;overflow:hidden;position:relative}.guide-mini-avatar img{position:absolute;width:68px;height:68px;max-width:none;left:-10px;top:-3px;object-fit:contain}.guide-panel-header strong{font-size:13px;display:block;line-height:1.5}.guide-panel-header small{font-size:9px;display:block;color:#7c6e90;margin-top:2px}.guide-close{margin-left:auto;flex:0 0 44px;height:44px;background:transparent;border:0;border-radius:10px;font-size:24px;color:#786b87}.guide-close:hover{background:#e1d6f1}.guide-panel-body{padding:21px 20px 17px}.guide-speech{font-size:14px;line-height:1.9;white-space:pre-line;margin:0 0 20px;color:#4f455b;min-height:53px}.guide-progress{font-size:10px;color:#8b7b9f;letter-spacing:.5px;margin:0 0 13px}.guide-choices{display:grid;gap:9px}.guide-choices>button{min-height:46px;border-radius:11px;text-align:left;padding:11px 14px;font-size:12px;line-height:1.5;background:#f2edf9;border:1px solid #e0d4ee;color:#4e3c69;transition:background .15s,transform .15s}.guide-choices>button:hover{background:#e6dcf5;transform:translateX(2px)}.guide-choices>.guide-primary{background:#66509b;border-color:#66509b;color:#fffaf0}.guide-choices>.guide-primary:hover{background:#533e87}.guide-choices>.guide-next{background:#fff4ce;border-color:#eadb9e;color:#7a6136}.guide-topic:after{content:'↗';float:right;font-size:15px;color:#9481ad}.guide-footer-actions{display:flex;justify-content:space-between;margin-top:13px}.guide-footer-actions>button{background:none;border:0;font-size:11px;min-height:36px;padding:5px 0;color:#8e72a8;text-decoration:underline;text-underline-offset:4px}.guide-footer-actions>button:hover{color:#49365e}.guide-arrive{animation:guide-arrive .25s ease-out}.guide-speaking{animation:guide-speak .22s ease-out}.guide-highlight{animation:guide-highlight 1.8s ease-out}.guide-panel[hidden],.guide-launcher[hidden]{display:none!important}body:has(dialog[open]) #paul-guide{visibility:hidden}@keyframes guide-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-speak{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-highlight{0%,35%{box-shadow:inset 0 0 0 3px #aa91d8}100%{box-shadow:inset 0 0 0 3px transparent}}
@media(max-width:1100px){.guide-artwork{min-height:360px;aspect-ratio:1.05}.guide-invite{left:5%;right:5%;padding:14px 35px 13px 14px;bottom:16px}.guide-invite>span:first-child{font-size:14px}.guide-hero-image{top:5%;left:18%;width:70%}.guide-art-heading{top:18px;left:18px;font-size:11px}.guide-invite small{font-size:10px}}
@media(max-width:760px){.guide-artwork{min-height:0;aspect-ratio:1.02;margin-right:0;overflow:visible}.guide-hero-image{width:74%;left:17%;top:3%}.guide-art-heading{font-size:11px;top:16px;left:18px}.guide-paper-one{top:24%;left:5%;height:32%;width:24%}.guide-paper svg{width:35px;height:35px}.guide-paper-one>span{font-size:12px}.guide-paper-two{top:24%;right:3%}.guide-paper-two>span{font-size:22px}.guide-spark{font-size:40px;top:7%;right:6%}.guide-invite{bottom:13px;left:5%;right:5%;padding:12px 35px 12px 13px;border-radius:12px}.guide-invite>span:first-child{font-size:13px}.guide-invite small{font-size:10px}.guide-invite>span:last-child{font-size:20px;right:14px;top:18px}.guide-launcher{width:85px;height:98px;right:12px;bottom:calc(13px + env(safe-area-inset-bottom))}.guide-launcher img{height:85px;width:85px}.guide-launcher-label{font-size:9px;left:0;right:0;bottom:0;padding:3px 4px}.guide-panel{width:calc(100% - 28px);right:14px;bottom:calc(14px + env(safe-area-inset-bottom));max-height:65dvh;border-radius:19px}.guide-panel-header{padding:10px 10px 10px 14px}.guide-panel-body{padding:17px 18px 13px}.guide-speech{font-size:13px;margin-bottom:15px;line-height:1.85}.guide-choices>button{font-size:12px;min-height:44px;padding:10px 13px}.guide-panel-header strong{font-size:13px}.guide-panel-header small{font-size:9px}.guide-panel-header .guide-mini-avatar{width:43px;height:43px;flex-basis:43px}.guide-mini-avatar img{left:-12px;top:-5px}.guide-footer-actions{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.guide-arrive,.guide-speaking,.guide-highlight{animation:none!important}.guide-launcher img,.guide-invite,.guide-choices>button{transition:none!important}}