.tour-panel{position:fixed;z-index:100;bottom:88px;left:50%;transform:translateX(-50%);width:min(620px,calc(100vw - 28px));padding:20px 24px;border:1px solid #a3b79c;border-radius:18px;background:#fffef8;color:#304b3d;box-shadow:0 12px 48px #233b3033;max-height:50dvh;overflow:auto;box-sizing:border-box}
.tour-panel h2{font-size:20px;margin:12px 0 8px;line-height:1.4}.tour-panel p{font-size:15px;line-height:1.75;margin:8px 0 14px}.tour-top,.tour-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tour-top{justify-content:space-between;font-size:12px;color:#657761}.tour-controls{justify-content:flex-end}.tour-panel button{min-height:42px}.tour-panel .text{padding:6px 10px}.tour-note{padding:10px;background:#eef3e9;border-radius:8px}.tour-panel.tour-welcome{bottom:auto;top:25%;max-height:65dvh}.tour-inline{position:sticky;bottom:0;left:auto;transform:none;width:100%;max-height:none;margin:24px 0 0;box-shadow:0 -5px 20px #233b3018}.tour-focus{outline:3px solid #a38b43!important;outline-offset:6px;scroll-margin:100px 0}.tour-running{padding-bottom:var(--tour-space,320px)}.tour-running .content{padding-bottom:var(--tour-space,320px)}.tour-entry .record-actions{flex-wrap:wrap}dialog .tour-focus{outline-offset:3px}
@media(min-width:901px){.tour-panel:not(.tour-inline){left:calc(50% + 115px);bottom:24px}.tour-panel.tour-welcome{bottom:auto}.tour-running .content{padding-bottom:var(--tour-space,300px)}}
@media(max-width:600px){.tour-panel{padding:14px 16px;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:14px}.tour-panel h2{font-size:18px}.tour-panel p{font-size:14px;line-height:1.65}.tour-controls{gap:8px}.tour-controls button{padding:9px 12px;font-size:13px}.tour-inline{bottom:0}.tour-panel.tour-welcome{top:18%;bottom:auto}}
@media(prefers-reduced-motion:reduce){.tour-focus{scroll-behavior:auto}}