.quickGuideTrigger,.heroGuideEntrance{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:72px;min-height:44px;padding:9px 13px;border:1px solid #b99a6266;border-radius:999px;background:#0b0e10f2;color:#f1eee7;font:400 12px/1.4 Arial,sans-serif;cursor:pointer}.quickGuideTrigger{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(70px + env(safe-area-inset-bottom));z-index:75}.quickGuideTrigger svg,.heroGuideEntrance svg{flex-shrink:0;color:#c4a575}.heroGuideEntrance,.heroGuideSlot{display:none}.quickGuide{position:fixed;inset:auto max(14px,env(safe-area-inset-right)) calc(132px + env(safe-area-inset-bottom)) auto;margin:0;width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 150px - env(safe-area-inset-bottom));padding:0;border:1px solid #d4b67e77;border-radius:16px;background:#101416;color:#eee8dc;box-shadow:0 16px 70px #0009;overflow:auto;overscroll-behavior:contain}.quickGuide::backdrop{background:#0005}html:has(.quickGuide[open]){overflow:hidden}html:has(.quickGuide[open]) body{width:calc(100vw - var(--quick-guide-scrollbar,0px))}.quickGuideHeading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#101416;border-bottom:1px solid #d4b67e33;z-index:1}.quickGuideHeading p{margin:0 0 6px;color:#d4b67e;font-size:9px;letter-spacing:.14em}.quickGuideHeading h2{margin:0;font-size:16px;font-weight:500;line-height:1.5}.quickGuideHeading button{min-height:44px;padding:8px;border:1px solid #d4b67e55;border-radius:8px;background:transparent;color:#eee8dc;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.quickGuide nav{padding:4px 12px 12px}.quickGuide nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px 8px;border-bottom:1px solid #ffffff18;font-size:14px;line-height:1.5}.quickGuide nav a:last-child{border-bottom:0}.quickGuide nav a[href^="https:"]{color:#e7c891}.quickGuide nav small{display:block;margin-top:4px;color:#aebabc;font-size:11px;line-height:1.5}.quickGuide nav a:hover,.quickGuideHeading button:hover{background:#d4b67e0d}.quickGuideTrigger:focus-visible,.heroGuideEntrance:focus-visible,.quickGuide button:focus-visible,.quickGuide a:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}#web-production,#personal-creation{scroll-margin-top:96px}@media(max-width:359px){.quickGuide nav a{font-size:13px}.quickGuideHeading{padding:12px}}@media(max-width:900px){.backToTop{display:none}.quickGuideTrigger{bottom:calc(12px + env(safe-area-inset-bottom))}.quickGuideTrigger:not(.is-ready){display:none}.heroGuideSlot{display:flex;align-items:center;min-height:44px;margin-top:12px}.heroGuideEntrance{display:inline-flex;min-width:68px;padding-inline:10px;gap:5px}.heroGuideEntrance.is-past-hero{display:none}.quickGuide{bottom:calc(68px + env(safe-area-inset-bottom));max-height:calc(100dvh - 92px - env(safe-area-inset-bottom));width:min(340px,calc(100vw - 28px))}}