:root{--tt-guide-fill:#c4dfce;--tt-guide-ink:#193b2a;--tt-guide-muted:#355c46;--tt-guide-hover:#d7ecdf}
#tt-onboarding{position:fixed;inset:0;z-index:2147480000;pointer-events:none;font-family:var(--font-ui,system-ui);color:var(--tt-guide-ink)}
#tt-onboarding [hidden]{display:none!important}
.tt-tour-mask i{position:fixed;display:block;background:rgba(0,0,0,.58);pointer-events:auto}
.tt-tour-ring{position:fixed;box-sizing:border-box;border:2px solid var(--tt-guide-fill);border-radius:12px;box-shadow:0 0 0 5px #c4dfce20;pointer-events:none}
.tt-tour-tip{position:fixed;width:14px;height:14px;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px;background:var(--tt-guide-fill);pointer-events:none}
.tt-tour-card{position:fixed;box-sizing:border-box;pointer-events:auto;overflow:auto;padding:18px 16px 12px;background:var(--tt-guide-fill);color:var(--tt-guide-ink);border:0;border-radius:16px;box-shadow:0 10px 30px #0003;line-height:1.65;font-size:14px;outline:none}
.tt-tour-guide{position:fixed;pointer-events:none;user-select:none;transform-origin:50% 100%}
.tt-tour-guide img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.tt-tour-guide[data-facing=left] img{transform:scaleX(-1)}
.tt-tour-guide[data-pose=down]{animation:tt-guide-point-down 2.8s ease-in-out infinite}
.tt-tour-guide[data-pose=side]{animation:tt-guide-point-side 2.8s ease-in-out infinite}
.tt-tour-guide[data-facing=left]{--tt-guide-nudge:-2px}
.tt-tour-card[data-guide-inset=true]{min-height:84px}
.tt-tour-card[data-guide-inset=true] #tt-tour-description,.tt-tour-card[data-guide-inset=true] .tt-tour-note,.tt-tour-card[data-guide-inset=true] .tt-tour-notice{margin-left:50px}
html.tt-tour-with-guide #tt-pet-root{visibility:hidden;pointer-events:none}
@keyframes tt-guide-point-down{0%,70%,100%{transform:translateY(0)}35%{transform:translateY(2px)}}
@keyframes tt-guide-point-side{0%,70%,100%{transform:translateX(0)}35%{transform:translateX(var(--tt-guide-nudge,2px))}}
.tt-tour-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tt-tour-card p{margin:0;color:inherit;overflow-wrap:anywhere}
.tt-tour-card #tt-tour-description{padding-right:20px;font-weight:500;min-height:24px}
.tt-tour-card button{box-sizing:border-box;font:500 13px/1.4 var(--font-ui,system-ui);color:inherit;border:1px solid transparent;border-radius:8px;background:transparent;min-height:32px;padding:6px 10px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.tt-tour-card button:hover{background:#193b2a12}
.tt-tour-card button:active{background:#193b2a20}
.tt-tour-card button:focus-visible{outline:2px solid var(--tt-guide-ink);outline-offset:2px}
.tt-tour-card button:disabled{opacity:.5;cursor:default}
.tt-tour-card button.primary{background:var(--tt-guide-ink);color:var(--tt-guide-fill);border-radius:999px;font-weight:600;padding-inline:16px;white-space:nowrap}
.tt-tour-card button.primary:hover{background:#254e38}
.tt-tour-card button.primary:active{background:#102b1d}
.tt-tour-card button.quiet{color:var(--tt-guide-muted);white-space:nowrap}
.tt-tour-card button.close{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:28px;min-height:28px;height:28px;padding:0;font:20px/1 var(--font-ui,system-ui);color:var(--tt-guide-muted);border-radius:50%}
.tt-tour-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;font-size:12px}
.tt-tour-count{flex-shrink:0;color:var(--tt-guide-muted);font-variant-numeric:tabular-nums}
.tt-tour-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.tt-tour-topics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.tt-tour-topics button{min-height:36px;background:#ffffff38;border-color:#193b2a20}
.tt-tour-topics button.selected{background:var(--tt-guide-ink);color:var(--tt-guide-fill);border-color:var(--tt-guide-ink)}
.tt-tour-topics button.selected:hover{background:#254e38}
.tt-tour-question-preview{margin-top:12px;padding:10px 12px;border:1px solid #193b2a20;border-radius:10px;background:#ffffff38;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.tt-tour-card .tt-tour-note,.tt-tour-card .tt-tour-notice{margin-top:8px;font-size:12px;line-height:1.5;color:var(--tt-guide-muted)}
.tt-tour-example{margin-top:12px;padding:10px 12px;background:#ffffff38;border-radius:10px;font-size:13px}
.tt-tour-example p+p{margin-top:8px}
.tt-tour-example b{font-weight:650}
.tt-ex-guide{margin:18px 0 8px;padding:16px;border:1px solid var(--color-line,#414141);border-radius:12px;background:var(--color-surface-sunken,#191919);color:var(--color-text,#eee)}
.tt-ex-modal:has(#tt-ex-body.tt-ex-detail) .tt-ex-search,.tt-ex-modal:has(#tt-ex-body.tt-ex-detail) .tt-ex-filter-row{display:none}
.tt-ex-guide h3{font:650 14px/1.5 var(--font-ui,system-ui);margin:0 0 12px}
.tt-ex-guide dl{margin:0;display:grid;gap:10px;font:13px/1.65 var(--font-ui,system-ui)}
.tt-ex-guide dl>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}.tt-ex-guide dt{color:var(--color-text-muted,#aaa)}.tt-ex-guide dd{margin:0}
.tt-ex-guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tt-ex-guide-actions button{min-height:36px;padding:7px 12px;border:1px solid var(--color-line-strong,#555);border-radius:8px;background:var(--color-menu-bg,#292929);color:var(--color-text,#eee);font:13px/1.4 var(--font-ui,system-ui);cursor:pointer}
.tt-ex-guide-actions button:hover{background:var(--color-hover,#383838)}.tt-ex-guide-actions button:focus-visible{outline:2px solid var(--tt-guide-fill);outline-offset:2px}
.tt-ex-guide-note,.tt-ex-guide-status{margin:10px 0 0;font:12px/1.6 var(--font-ui,system-ui);color:var(--color-text-muted,#aaa)}.tt-ex-guide-status:empty{display:none}
#tt-onboarding[data-attention=true] .tt-tour-ring{animation:tt-tour-highlight-pulse 1.8s ease-in-out infinite}
@keyframes tt-tour-highlight-pulse{0%,100%{box-shadow:0 0 0 3px #c4dfce14}50%{box-shadow:0 0 0 6px #c4dfce2b,0 0 12px #c4dfce20}}
#tt-tour-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:2147481000;max-width:calc(100vw - 40px);padding:12px 18px;border-radius:12px;background:var(--color-menu-bg,#292929);border:1px solid var(--color-line-strong,#555);color:var(--color-text,#eee);font:14px/1.6 var(--font-ui,system-ui);box-shadow:0 8px 24px #0004}
#tt-pet-root .tt-pet-tools{width:max-content;left:auto;right:0;transform:none}
#tt-pet-root .tt-pet-tools #tt-pet-tutorial{white-space:nowrap;background:var(--tt-guide-fill);color:var(--tt-guide-ink);border-color:#d6ebdf}
#tt-pet-root .tt-pet-tools #tt-pet-tutorial:hover{background:var(--tt-guide-hover)}
#tt-pet-root .tt-pet-tools #tt-pet-tutorial:active{background:#afceb9}
#tt-pet-tutorial:focus-visible{outline:2px solid var(--color-accent,#7ebcfc);outline-offset:3px}
.tt-guide-more{border-top:1px solid var(--color-line,#444);padding-top:12px;margin-top:12px}
.tt-guide-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:14px/1.5 var(--font-ui,system-ui);color:var(--color-text-muted,#bbb)}
.tt-guide-more>summary:before{content:'›';margin-right:8px}.tt-guide-more[open]>summary:before{transform:rotate(90deg)}
.tt-guide-more>summary:focus-visible{outline:2px solid var(--color-accent,#7ebcfc);outline-offset:2px}
@media(max-width:700px){
  .tt-tour-card{padding:16px 14px 10px;border-radius:14px}
  .tt-tour-card button{min-height:44px}
  .tt-tour-card button.close{width:36px;height:36px;min-height:36px;right:1px;top:1px}
  .tt-tour-card #tt-tour-description{padding-right:22px}
  .tt-tour-card[data-compact=true]{max-height:132px!important;padding:12px 14px 6px}
  .tt-tour-card[data-compact=true] #tt-tour-description{font-size:13px}
  .tt-tour-card[data-compact=true] .tt-tour-footer{margin-top:6px}
  html.tt-tour-form-guide #tt-modal-bg,html.tt-tour-form-guide #tt-subject-modal-bg{padding-top:150px!important;align-items:flex-end!important;padding-bottom:12px!important;box-sizing:border-box}
  html.tt-tour-form-guide #tt-modal,html.tt-tour-form-guide #tt-subject-modal{max-height:calc(100dvh - 200px)!important}
  #tt-pet-root .tt-pet-tools{left:auto;right:0;transform:translateY(100%)}
  #tt-pet-root .tt-pet-tools button{min-height:44px;min-width:36px}
}
@media(pointer:coarse){.tt-tour-card button{min-height:44px}.tt-tour-card button.close{width:44px;height:44px;min-height:44px;right:0;top:0}.tt-tour-card #tt-tour-description{padding-right:30px}}
@media(prefers-reduced-motion:reduce){.tt-tour-card button,#tt-pet-root .tt-pet-tools #tt-pet-tutorial{transition:none}#tt-onboarding .tt-tour-ring,#tt-onboarding .tt-tour-guide{animation:none!important}}

.tt-tour-list{margin:8px 0 2px;padding-left:18px;font-size:12.5px;line-height:1.6}
.tt-tour-list li{margin:2px 0}