#tutorial-open{flex-shrink:0;min-height:36px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--primary-color);cursor:pointer;font-size:12px;font-weight:700}#tutorial-open[hidden]{display:none}.journal-tour{position:fixed;inset:0;margin:auto;width:min(940px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border-color);border-radius:20px;background:var(--surface-color);color:var(--text-main);box-shadow:0 24px 80px #0006;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--surface-color)}.journal-tour::backdrop{background:#020b09b8}[data-theme=dark] .journal-tour{color-scheme:dark}.journal-tour *{box-sizing:border-box}.journal-tour [hidden]{display:none!important}.journal-tour button{font:inherit;cursor:pointer}.tour-top{position:sticky;top:0;z-index:2;background:var(--surface-color);display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color)}.tour-brand{display:flex;gap:10px;align-items:center;font-weight:800}.tour-brand img{width:26px;height:26px;object-fit:contain}.tour-caption{font-size:11px;color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:10px}.tour-close{width:40px;height:40px;border:1px solid var(--border-color);border-radius:12px;background:0 0;color:var(--text-main);font-size:24px!important}.tour-body{display:grid;grid-template-columns:220px minmax(0,1fr)}.tour-progress{padding:16px 12px;border-right:1px solid var(--border-color);background:var(--bg-color);display:flex;flex-direction:column;gap:3px;scrollbar-width:thin}.tour-progress button{min-height:38px;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:0 0;color:var(--text-muted);font-size:12px;font-weight:600}.tour-progress button span{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}.tour-progress button:hover{background:var(--surface-color);color:var(--text-main)}.tour-progress button[aria-current=step]{background:var(--surface-color);color:var(--primary-color);border-color:var(--primary-color);font-weight:800}.tour-layout{min-width:0;display:flex;flex-direction:column}.tour-copy{padding:28px 32px 20px}.tour-eyebrow{color:var(--primary-color);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tour-copy h2{font-size:clamp(23px,3vw,30px);line-height:1.2;letter-spacing:-.6px;margin:12px 0}.tour-copy p{color:var(--text-muted);line-height:1.65;font-size:14px;margin:0}.tour-instructions{list-style:disc;padding:0 0 0 20px;margin:20px 0;display:grid;gap:13px}.tour-instructions li{padding-left:4px;font-size:13px;line-height:1.6}.tour-instructions li p{margin:0;color:var(--text-main);font-size:13px;line-height:1.6}.tour-image-holder{margin-top:12px}.tour-image-holder img{display:block;max-width:100%;height:auto;border-radius:8px}.tour-tip{padding:12px 14px;border-left:3px solid var(--primary-color);border-radius:0 8px 8px 0;background:rgba(22,163,74,.07);font-size:12px;line-height:1.65}.tour-try{margin-top:16px;padding:10px 0;min-height:44px;background:0 0;color:var(--primary-color);border:0;font-weight:800!important;font-size:13px!important}.tour-footer{position:sticky;bottom:0;z-index:2;background:var(--surface-color);border-top:1px solid var(--border-color);padding:14px 24px}.tour-actions{display:flex;align-items:center;gap:12px}.tour-count{color:var(--text-muted);font-size:12px;margin-right:auto;white-space:nowrap}.tour-back,.tour-skip{background:0 0;border:0;padding:12px 8px;min-height:44px;color:var(--text-muted);font-weight:700!important;font-size:13px!important}.tour-next{min-height:44px;background:var(--primary-color);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:800!important;font-size:13px!important}.journal-tour button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.journal-tour button:disabled{opacity:.35;cursor:default}#tour-setup{padding:0 32px 24px}#tour-setup .settings-group{overflow:visible}#tour-setup .settings-text p{margin-top:4px}#tour-setup input:disabled{opacity:.5}#tour-setup [role=button]:focus-visible,#tour-setup input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.tour-status{font-size:13px;line-height:1.5;margin-top:12px;color:var(--text-main)}@media(max-width:700px){.journal-tour{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.tour-top{padding:12px 16px}.tour-body{display:block}.tour-progress{flex-direction:row;overflow-x:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border-color);gap:6px}.tour-progress button{flex-shrink:0;min-height:44px;padding:8px 12px}.tour-copy{padding:22px 20px 16px}.tour-copy h2{font-size:24px}.tour-footer{padding:12px 16px}.tour-actions{gap:5px;flex-wrap:wrap}.tour-next{padding:12px 15px}#tour-setup{padding:0 20px 20px}}@media(max-width:380px){#tutorial-open span{display:none}.tour-count{flex-basis:100%}.tour-next{margin-left:auto}}.tour-configuring .tour-instructions:empty{display:none}.tour-instructions li::marker{color:var(--primary-color)}.journal-tour[open]{display:flex;flex-direction:column;height:calc(100dvh - 32px);overflow:hidden}.tour-footer,.tour-top{flex-shrink:0}.tour-body{flex:1;min-height:0;overflow:hidden}.tour-progress{overflow-y:auto}.tour-progress button{flex-shrink:0}.tour-layout{min-height:0;overflow-y:auto;scrollbar-width:thin}@media(max-width:700px){.journal-tour[open]{height:calc(100dvh - 16px)}.tour-body{display:flex;flex-direction:column}.tour-progress{flex-shrink:0;overflow-y:hidden}.tour-layout{flex:1}}