.collection-tour{padding:0;width:min(600px,calc(100% - 24px));height:min(720px,calc(100dvh - 24px));max-height:none;display:grid;grid-template-rows:minmax(160px,1fr) 168px 208px;overflow:hidden}
.collection-tour:not([open]){display:none}
.collection-tour .preview-close{z-index:3;right:16px;top:12px}
.tour-stage{position:relative;display:grid;place-items:center;background:#252729;overflow:hidden;padding:28px 24px 40px}
.tour-scene-label{position:absolute;bottom:16px;left:16px;right:16px;text-align:center;font-size:12px;line-height:16px;color:var(--muted)}
.tour-copy{text-align:center;padding:24px 32px 8px}
.collection-tour .tour-copy h2{font-size:28px;line-height:32px;max-width:460px;margin:0 auto 12px;text-wrap:balance}
.collection-tour .tour-copy p{font-size:14px;line-height:20px;margin:0 auto;max-width:440px;text-wrap:balance}
.tour-disclaimer{display:block;font-size:11px;line-height:16px;color:var(--muted);margin-top:8px}
.tour-controls{padding:8px 24px 16px;display:flex;flex-direction:column;gap:12px;align-items:center;overflow:auto}
.tour-pagination{display:flex;gap:8px;flex:none}
.tour-pagination button{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.tour-pagination button:after{content:'';position:absolute;inset:8px;border-radius:8px;background:var(--line)}
.tour-pagination button[aria-pressed=true]:after{background:var(--ink)}
.tour-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;min-height:64px}
.tour-actions button{font:inherit;font-size:14px;line-height:20px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--subtle);color:var(--ink);cursor:pointer}
.tour-actions .tour-next,.tour-actions [data-vote=yes],.tour-reason button[type=submit]{background:var(--ink);color:var(--surface)}
.tour-actions button:disabled{opacity:.35;cursor:default}
.collection-tour .preview-status{font-size:12px;line-height:16px;text-align:center;margin:0;min-height:32px}
.tour-browser{width:100%;max-width:460px;border:1px solid #55595c;border-radius:12px;overflow:hidden;background:#1b1d1f;box-shadow:0 12px 32px #0003}
.tour-browser-bar{height:32px;padding:0 12px;display:flex;align-items:center;gap:4px;background:#36393b;font-size:10px;color:#b8bcbe}
.tour-browser-bar i{width:6px;height:6px;background:#707578;border-radius:50%}.tour-browser-bar span{margin-left:8px;flex:1}.tour-browser-bar b{font-size:20px}
.tour-browser-body{position:relative;height:148px;padding:16px;font-size:12px}
.tour-bookmark{padding:6px 0;color:#b8bcbe}
.tour-chrome-menu{position:absolute;right:12px;top:8px;display:grid;gap:4px;padding:8px;border:1px solid #525659;border-radius:8px;background:#303437;font-size:11px;box-shadow:0 8px 16px #0004}
.tour-chrome-menu span,.tour-chrome-menu strong{padding:6px 8px;font-weight:400}
.tour-chrome-menu strong{background:#555e64;border-radius:4px;animation:tour-export-highlight 3s ease-in-out infinite}
.tour-cursor{position:absolute;right:28px;top:100px;font-size:24px;color:white;animation:tour-click 3s ease-in-out infinite}
.tour-download{position:absolute;bottom:8px;left:16px;background:#363c40;border:1px solid #596268;border-radius:8px;padding:8px 12px;animation:tour-download 3s ease-in-out infinite}.tour-download span{margin-left:16px}
.tour-upload{width:100%;max-width:440px;position:relative;height:184px;display:grid;place-items:center}
.tour-upload-file{position:absolute;z-index:1;top:0;background:#3d4346;padding:12px 16px;border:1px solid #737b80;border-radius:8px;animation:tour-drop 3.6s ease-in-out infinite;font-size:12px}
.tour-upload-zone{width:100%;height:128px;border:1px dashed #80898e;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--muted)}
.tour-upload-zone>span{font-size:24px}.tour-upload-zone strong{font-weight:400}
.tour-upload-check{position:absolute;bottom:0;font-size:12px;animation:tour-upload-done 3.6s ease-in-out infinite}
.tour-markup{width:100%;max-width:460px}
.tour-markup-orb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;margin-bottom:12px}
.tour-table{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);font-size:11px;line-height:16px}
.tour-table-header,.tour-table-row{display:grid;grid-template-columns:40% 60%;padding:10px 12px;gap:8px;border-bottom:1px solid var(--line)}
.tour-table-header{color:var(--muted);background:var(--subtle)}.tour-table-row:last-child{border:0}.tour-table-row>span:last-child{position:relative;min-height:16px}
.tour-note-skeleton{position:absolute;inset:2px 12px 2px 0;background:#444b50;border-radius:4px;animation:tour-skeleton 4.8s infinite;animation-delay:calc(var(--row)*.4s)}
.tour-note{display:block;animation:tour-note 4.8s infinite;animation-delay:calc(var(--row)*.4s)}
.tour-library{width:100%;max-width:440px;font-size:12px}
.tour-mini-search{background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:20px}
.tour-mini-tags{display:flex;gap:8px;margin:12px 0;color:var(--muted)}.tour-mini-tags span{padding:4px 8px;border-radius:8px}.tour-mini-tags .selected{background:#4b5358;color:var(--ink)}
.tour-found{border:1px solid var(--line);padding:12px;border-radius:12px;background:var(--surface);animation:tour-found 3s ease-in-out infinite}
.tour-found>span{float:right;color:var(--muted)}.collection-tour .tour-found p{font-size:12px;margin:8px 0 0;line-height:16px}.tour-library-caption{text-align:center;color:var(--muted);margin-top:12px}
.tour-reason-visual{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:16px}.tour-reason-visual>span{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;font-size:32px}
.tour-reason{width:100%;display:grid;gap:8px;font-size:14px}.tour-reason label{text-align:center}.tour-reason textarea{width:100%;height:56px;resize:none;border:1px solid var(--line);border-radius:8px;background:var(--subtle);color:var(--ink);font:inherit;font-size:12px;padding:8px}.tour-reason>div{display:flex;justify-content:center;gap:8px}
@keyframes tour-export-highlight{0%,30%,100%{background:#555e64}40%,60%{background:#7a858c}}
@keyframes tour-click{0%,20%{transform:translate(16px,16px);opacity:0}35%,60%{transform:translate(0,0);opacity:1}70%,100%{opacity:0}}
@keyframes tour-download{0%,55%,100%{opacity:0;transform:translateY(8px)}65%,90%{opacity:1;transform:none}}
@keyframes tour-drop{0%,20%{opacity:1;transform:translateY(0)}55%,70%{opacity:1;transform:translateY(64px) scale(.9)}80%,100%{opacity:0;transform:translateY(64px) scale(.9)}}
@keyframes tour-upload-done{0%,65%,100%{opacity:0}75%,90%{opacity:1}}
@keyframes tour-skeleton{0%,30%,100%{opacity:1}50%,85%{opacity:0}}
@keyframes tour-note{0%,30%,100%{opacity:0}50%,85%{opacity:1}}
@keyframes tour-found{0%,20%,100%{opacity:.35;transform:translateY(4px)}40%,85%{opacity:1;transform:none}}
@media(max-width:600px){.collection-tour{grid-template-rows:minmax(144px,1fr) 164px 208px}.tour-stage{padding:28px 16px 40px}.tour-copy{padding:20px 20px 8px}.collection-tour .tour-copy h2{font-size:24px;line-height:28px}.tour-controls{padding-left:16px;padding-right:16px}.tour-table-row,.tour-table-header{padding:8px;font-size:10px}.tour-chrome-menu{font-size:10px;right:8px}.tour-browser-body{padding-left:8px}.tour-browser-bar span{font-size:9px}}
@media(max-height:600px){.collection-tour{grid-template-rows:minmax(120px,1fr) 132px 176px}.tour-copy{padding-top:12px}.collection-tour .tour-copy h2{font-size:20px;line-height:24px;margin-bottom:8px}.collection-tour .tour-copy p{font-size:12px;line-height:16px}.tour-disclaimer{display:none}.tour-stage{padding-top:12px}.tour-controls{gap:4px}.tour-browser{transform:scale(.8)}.tour-upload{height:128px}.tour-upload-zone{height:96px}.tour-markup-orb{display:none}.tour-actions{min-height:48px}}
/* Compact presentation: stable canvas, quiet copy and bottom-right actions. */
.collection-tour{width:min(520px,calc(100% - 32px));height:min(540px,calc(100dvh - 32px));grid-template-rows:minmax(180px,1fr) 136px 88px;border-radius:24px}
.tour-visual{position:relative;min-height:0;background:#252729;overflow:hidden}
.tour-stage{height:100%;box-sizing:border-box;padding:40px 32px 36px;align-items:start;background:transparent}
.tour-stage>div{animation:tour-enter 400ms cubic-bezier(.22,1,.36,1) both}
.tour-copy{text-align:left;padding:24px 28px 8px}
.collection-tour .tour-copy h2{font-size:24px;line-height:28px;max-width:none;margin:0 0 12px;text-wrap:initial}
.collection-tour .tour-copy p{font-size:14px;line-height:20px;max-width:none;margin:0;text-wrap:initial}
.tour-controls{padding:8px 28px 16px;gap:4px;align-items:stretch;overflow:hidden}
.tour-actions{justify-content:flex-end;min-height:40px;flex-wrap:nowrap}
.tour-actions button{font-size:12px;line-height:16px;padding:12px;border-radius:12px;white-space:nowrap;animation:tour-enter 300ms ease both}
.tour-actions .tour-thanks{font-size:14px}
.collection-tour .preview-status{text-align:right;min-height:16px;font-size:11px;line-height:16px}
.tour-pagination{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);gap:0;z-index:2}
.tour-pagination[hidden]{display:none}
.tour-pagination button{width:20px;height:24px}
.tour-pagination button:after{inset:9px 7px;background:#626667;transition:background 240ms,transform 240ms}
.tour-pagination button[aria-pressed=true]:after{transform:scale(1.2);background:#eceeeb}
.tour-markup{max-height:300px;mask-image:linear-gradient(#000 80%,transparent);padding-bottom:24px}
.tour-markup-orb{justify-content:flex-start;height:24px;margin-bottom:12px;gap:4px}
.tour-markup-orb .reply-orb{transform:scale(.45);margin:-10px;width:40px;height:40px;flex:none}
.tour-table-header,.tour-table-row{grid-template-columns:minmax(0,38%) minmax(0,1fr);padding:10px 12px;font-size:10px;line-height:16px}
.tour-note{animation:tour-note-in 400ms ease both;animation-delay:calc(700ms + var(--row)*180ms)}
.tour-note-skeleton{animation:tour-skeleton-out 400ms ease both;animation-delay:calc(700ms + var(--row)*180ms)}
.tour-library{position:relative;padding-top:8px}
.tour-mini-search{display:flex;gap:8px;align-items:center;border-radius:12px;height:44px;box-sizing:border-box}
.tour-typed{display:block;white-space:nowrap;overflow:hidden;width:0;max-width:max-content;border-right:1px solid #aaa;animation:tour-type 1300ms steps(23,end) 200ms forwards}
.tour-search-skeleton{position:absolute;left:0;right:0;top:104px;border:1px solid var(--line);padding:16px;border-radius:12px;display:grid;gap:12px;animation:tour-search-loading 2400ms both}
.tour-search-skeleton i{height:12px;border-radius:4px;background:linear-gradient(90deg,#333638,#515659,#333638);background-size:200% 100%;animation:tour-shimmer 900ms linear infinite}
.tour-search-skeleton i:nth-child(2){width:65%}.tour-search-skeleton i:nth-child(3){width:85%}
.tour-found{animation:tour-enter 400ms ease 2300ms both}
.tour-reason{align-self:center;width:100%;gap:16px}.tour-reason label{text-align:left;font-size:20px;line-height:24px;font-weight:500}.tour-reason textarea{height:120px;padding:12px;box-sizing:border-box;font-size:14px;line-height:20px}
.tour-browser{border-radius:8px}.tour-browser-bar{height:24px;background:#292a2d}.tour-browser-bar span{padding:6px 12px;background:#3b3c40;border-radius:8px 8px 0 0;flex:none;color:#e8eaed}
.tour-chrome-address{height:28px;display:flex;align-items:center;font-size:10px;color:#bdc1c6;background:#3b3c40;padding:0 8px;gap:8px}.tour-chrome-address span{border-radius:20px;background:#292a2d;padding:4px 12px;flex:1}
.tour-chrome-toolbar{display:flex;gap:12px;align-items:center;padding:8px 12px;background:#292a2d;color:#e8eaed;font-size:10px}.tour-chrome-search{flex:1;border-radius:4px;background:#202124;color:#9aa0a6;padding:6px 12px}.tour-chrome-toolbar b{font-size:16px}
.tour-browser-body{height:136px;background:#202124;padding:12px}.tour-bookmark{font-size:11px;line-height:16px;border-bottom:1px solid #333;padding:8px 0}.tour-chrome-menu{top:0;right:4px;gap:0;padding:4px;background:#292a2d;font-size:9px;line-height:12px;border-color:#45464a}.tour-chrome-menu span,.tour-chrome-menu strong{padding:5px 8px}.tour-cursor{top:92px;right:16px;font-size:20px}.tour-download{font-size:10px;bottom:8px;left:8px;padding:8px}
@keyframes tour-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tour-type{to{width:23ch;border-color:transparent}}
@keyframes tour-note-in{from{opacity:0}to{opacity:1}}
@keyframes tour-skeleton-out{from{opacity:1}to{opacity:0}}
@keyframes tour-search-loading{0%,60%{opacity:0}65%,90%{opacity:1}100%{opacity:0}}
@keyframes tour-shimmer{to{background-position:-200% 0}}
@media(max-width:600px){.collection-tour{grid-template-rows:minmax(180px,1fr) 148px 88px}.tour-stage{padding:40px 20px 36px}.tour-copy{padding:20px 20px 8px}.tour-controls{padding:8px 20px 16px}.collection-tour .tour-copy h2{font-size:24px;line-height:28px}.tour-actions button{padding:12px 8px;font-size:11px}.tour-table-row,.tour-table-header{padding:8px}.tour-chrome-menu{font-size:8px}.tour-chrome-search{display:none}}
@media(max-height:560px){.collection-tour{grid-template-rows:minmax(120px,1fr) 112px 72px}.tour-copy{padding-top:12px}.collection-tour .tour-copy h2{font-size:20px;line-height:24px;margin-bottom:8px}.collection-tour .tour-copy p{font-size:12px;line-height:16px}.tour-stage{padding-top:24px}.tour-browser{transform:scale(.8);transform-origin:top center}.tour-controls{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.tour-stage *,.tour-actions button{animation:none!important}.tour-cursor,.tour-note-skeleton,.tour-upload-file,.tour-search-skeleton{display:none}.tour-note,.tour-download,.tour-upload-check,.tour-found{opacity:1}.tour-typed{width:auto;border:0}}
.collection-tour{width:min(364px,calc(100% - 32px));grid-template-rows:minmax(180px,1fr) 104px 88px;border-radius:20px}
.tour-copy{padding:20px 24px 8px}.collection-tour .tour-copy h2{font-size:24px;line-height:28px;margin:0;text-wrap:initial}
.tour-stage{padding:40px 20px 24px}.tour-controls{padding:8px 20px 16px}
.tour-actions button{font-size:11px;padding:12px 8px}
.tour-travel-file{position:absolute;z-index:2;left:28px;top:256px;padding:10px 12px;border:1px solid #677076;background:#363c40;border-radius:8px;font-size:11px;line-height:16px;pointer-events:none;opacity:0;transition:top 1200ms cubic-bezier(.22,1,.36,1),left 1200ms cubic-bezier(.22,1,.36,1),transform 1200ms cubic-bezier(.22,1,.36,1),opacity 500ms}
.tour-visual[data-step="0"] .tour-travel-file{animation:tour-file-export 5s both}
.tour-visual[data-step="1"] .tour-travel-file{left:50%;top:116px;transform:translateX(-50%);opacity:1;animation:tour-file-land 5s both}
.tour-chrome-search{display:none}.tour-chrome-toolbar{justify-content:space-between}.tour-chrome-menu{font-size:8px}
.tour-upload{height:240px;align-self:center}.tour-upload-zone{height:152px;border-radius:12px}.tour-upload-zone strong{font-size:12px}
.tour-markup{max-height:360px;mask-image:linear-gradient(#000 72%,transparent)}
.tour-markup-orb{align-items:center;height:40px;margin-bottom:16px;gap:8px;font-size:11px;line-height:16px}
.tour-assistant-copy{display:grid}.tour-assistant-copy>span{grid-area:1/1;animation:tour-explain-first 5s both}.tour-assistant-copy>span+span{animation:tour-explain-second 5s both}
.tour-note{animation-delay:calc(1100ms + var(--row)*350ms);animation-duration:700ms}
.tour-note-skeleton{animation-delay:calc(1100ms + var(--row)*350ms);animation-duration:700ms}
.tour-table-header,.tour-table-row{padding:10px 8px;grid-template-columns:minmax(0,38%) minmax(0,1fr);font-size:9px;line-height:14px}
.tour-row-tags{display:block;color:var(--muted);font-size:8px;line-height:12px;margin-top:4px;animation:tour-enter 600ms 3s both}
.tour-found{animation-delay:3000ms}.tour-search-skeleton{animation-duration:3100ms}.tour-typed{animation-duration:1800ms}
@keyframes tour-file-export{0%,65%{opacity:0;transform:translateY(8px)}75%,100%{opacity:1;transform:none}}
@keyframes tour-file-land{0%,60%{opacity:1}75%,100%{opacity:0}}
@keyframes tour-explain-first{0%,45%{opacity:1}55%,100%{opacity:0}}
@keyframes tour-explain-second{0%,45%{opacity:0}55%,100%{opacity:1}}
@media(max-width:600px){.collection-tour{grid-template-rows:minmax(180px,1fr) 104px 88px}.tour-copy{padding:20px 24px 8px}.tour-stage{padding:40px 20px 24px}}
@media(max-height:560px){.collection-tour{grid-template-rows:minmax(120px,1fr) 88px 72px}.tour-copy{padding-top:12px}.collection-tour .tour-copy h2{font-size:20px;line-height:24px}.tour-travel-file{top:180px}}
@media(prefers-reduced-motion:reduce){.tour-travel-file{display:none}.tour-assistant-copy>span+span{display:none}.tour-assistant-copy>span{opacity:1}.tour-row-tags{animation:none}}
.tour-grouping{width:100%}.tour-topic{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 12px;margin-top:12px;animation:tour-enter 900ms both;animation-delay:calc(500ms + var(--row)*900ms)}
.tour-topic strong{font-size:12px;line-height:16px;font-weight:500}.tour-topic>span{font-size:9px;line-height:14px;color:var(--muted)}
.collection-tour{width:min(440px,calc(100% - 32px));height:min(560px,calc(100dvh - 32px));grid-template-rows:minmax(180px,1fr) 152px 72px;transition:height 440ms cubic-bezier(.22,1,.36,1),grid-template-rows 440ms cubic-bezier(.22,1,.36,1)}
.tour-stage{padding:0;display:block;position:relative}
.tour-slide{position:absolute;inset:40px 24px 20px;display:grid;align-content:start;animation:none!important}
.tour-copy{padding:20px 24px 12px}.collection-tour .tour-copy h2{font-size:24px;line-height:28px;margin:0 0 12px}.collection-tour .tour-copy p{font-size:14px;line-height:20px;text-wrap:initial}
.tour-controls{padding:0 24px 16px;gap:4px}.tour-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;min-height:40px}
.tour-actions button{width:100%;border:0;border-radius:8px;background:var(--subtle);color:var(--ink);font-size:14px;line-height:20px;padding:12px 8px;min-height:44px}
.tour-actions button:hover{background:#343638}.tour-actions [data-vote=yes],.tour-actions button[type=submit]{background:#eeefeb;color:#222}.tour-actions [data-vote=yes]:hover,.tour-actions button[type=submit]:hover{background:#dfe1dc}
.collection-tour .preview-status{min-height:0}.collection-tour .preview-status:empty{display:none}
.tour-travel-file{display:flex;align-items:center;gap:12px;top:228px;left:28px;padding:12px 16px;font-size:14px;line-height:20px;box-shadow:0 8px 24px #0004;background:#3a3e41;border-color:#81888d}
.tour-travel-file svg{width:32px;height:40px;stroke:#eeefeb;stroke-width:2;flex:none}.tour-travel-file small{display:block;font-size:11px;line-height:16px;color:#b5b7b4}
.tour-visual[data-step="1"] .tour-travel-file{top:104px}
.tour-visual[data-step="0"] .tour-travel-file{animation:tour-file-export-clear 5s both}
.tour-chrome-menu{font-size:9px;line-height:12px;max-width:65%}.tour-chrome-menu span,.tour-chrome-menu strong{padding:5px 8px;white-space:nowrap}.tour-browser-body{height:144px}
.tour-markup-orb{font-size:14px;line-height:20px;gap:12px;min-height:48px;margin-bottom:16px}.tour-markup-orb .reply-orb{transform:scale(.7);margin:-6px;width:40px;height:40px}
.tour-assistant-copy{min-width:0}.tour-assistant-copy>span{max-width:100%}.tour-topic strong{font-size:14px;line-height:20px}.tour-topic>span{font-size:11px;line-height:16px}
.collection-tour.is-reason{height:300px;grid-template-rows:minmax(0,1fr) 0px 72px}
.is-reason .tour-copy{opacity:0;overflow:hidden;padding:0;pointer-events:none}.is-reason .tour-visual{background:var(--surface)}
.is-reason .tour-stage{height:100%;padding:40px 24px 16px;box-sizing:border-box;display:flex;align-items:center}
.is-reason .tour-reason{width:100%;gap:16px;animation:tour-enter 360ms ease both}.is-reason .tour-reason label{font-size:20px;line-height:24px}.is-reason .tour-reason textarea{height:104px;font-size:14px;line-height:20px;border-radius:8px;padding:12px}
.tour-copy{transition:opacity 200ms}
.collection-feedback-toast{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid var(--line);border-radius:12px;background:var(--subtle);color:var(--ink);font-size:14px;line-height:20px;box-shadow:0 8px 32px #0004;animation:tour-enter 240ms ease both;white-space:nowrap}
.collection-feedback-toast[hidden]{display:none}
@keyframes tour-file-export-clear{0%,38%{opacity:0;transform:translateY(12px) scale(.9)}52%,100%{opacity:1;transform:none}}
@media(max-width:600px){.collection-tour{grid-template-rows:minmax(180px,1fr) 164px 72px}.collection-tour.is-reason{grid-template-rows:minmax(0,1fr) 0px 72px}.tour-copy{padding:20px 20px 12px}.tour-controls{padding:0 20px 16px}.tour-slide{inset:40px 20px 20px}.tour-stage{padding:0}.tour-markup-orb{font-size:13px;line-height:18px}.tour-chrome-menu{font-size:8px}.tour-actions button{font-size:13px}}
@media(max-height:560px){.collection-tour{grid-template-rows:minmax(120px,1fr) 132px 64px}.collection-tour.is-reason{height:min(300px,calc(100dvh - 32px));grid-template-rows:minmax(0,1fr) 0px 64px}.tour-copy{padding-top:12px}.collection-tour .tour-copy h2{font-size:20px;line-height:24px;margin-bottom:8px}.collection-tour .tour-copy p{font-size:12px;line-height:16px}.tour-slide{inset:32px 20px 12px}.tour-browser{transform:none}.tour-travel-file{top:140px}}
@media(prefers-reduced-motion:reduce){.collection-tour,.tour-copy{transition:none}.collection-feedback-toast{animation:none}}
.collection-feedback-toast{animation:feedback-toast-in 240ms ease both}
@keyframes feedback-toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.collection-feedback-toast{animation:none}}
.collection-tour{grid-template-rows:minmax(180px,1fr) 152px 60px}
.collection-tour.is-reason{grid-template-rows:minmax(0,1fr) 0px 60px}
.tour-actions{height:44px;align-items:stretch;min-height:44px}
.collection-tour:has(.preview-status:not(:empty)){grid-template-rows:minmax(180px,1fr) 152px 80px}
.collection-tour.is-reason:has(.preview-status:not(:empty)){grid-template-rows:minmax(0,1fr) 0px 80px}
@media(max-width:600px){.collection-tour{grid-template-rows:minmax(180px,1fr) 164px 60px}.collection-tour:has(.preview-status:not(:empty)){grid-template-rows:minmax(180px,1fr) 164px 80px}.collection-tour.is-reason{grid-template-rows:minmax(0,1fr) 0px 60px}.collection-tour.is-reason:has(.preview-status:not(:empty)){grid-template-rows:minmax(0,1fr) 0px 80px}}
@media(max-height:560px){.collection-tour{grid-template-rows:minmax(120px,1fr) 132px 60px}.collection-tour.is-reason{grid-template-rows:minmax(0,1fr) 0px 60px}}
.tour-topic{padding:8px 12px;gap:4px;margin-top:8px}
/* One-way narrative: launch → export → receive → annotate → group → browse. */
.collection-tour{height:min(500px,calc(100dvh - 32px));grid-template-rows:minmax(180px,1fr) 148px 0px}
.collection-tour.has-actions{height:min(560px,calc(100dvh - 32px));grid-template-rows:minmax(180px,1fr) 148px 60px}
.collection-tour:not(.has-actions) .tour-controls{padding:0;overflow:hidden}
.collection-tour .tour-copy{padding-bottom:16px}
.collection-tour.is-reason,.collection-tour.is-reason.has-actions{height:300px;grid-template-rows:minmax(0,1fr) 0px 60px}
.tour-launch{height:240px;display:grid;place-items:center;position:relative}
.tour-chrome-logo{width:88px;height:88px;filter:drop-shadow(0 12px 16px #0004);animation:chrome-launch-press 3.5s both}
.tour-pointer{width:24px;height:32px;display:block}.tour-launch>.tour-pointer{position:absolute;left:58%;top:52%;animation:chrome-launch-pointer 3.5s both}
.tour-cursor{top:92px;right:12px;animation:chrome-export-pointer 9s both}.tour-cursor .tour-pointer{width:20px;height:28px}
.tour-chrome-menu strong{animation:chrome-export-once 9s both;background:#41464b}
.tour-visual[data-step="0"] .tour-travel-file{opacity:0;animation:none}
.tour-visual[data-step="1"] .tour-travel-file{left:28px;top:228px;transform:none;animation:chrome-export-file 9s both;transition-delay:0s}
.tour-visual[data-step="2"] .tour-travel-file{left:50%;top:104px;transform:translateX(-50%);opacity:1;animation:chrome-receive-file 6.5s both;transition-delay:1000ms}
.tour-visual:not([data-step="1"]):not([data-step="2"]) .tour-travel-file{opacity:0}
.tour-travel-file svg{width:40px;height:48px}.tour-travel-file{font-size:15px;line-height:20px}
.tour-upload{height:240px}.tour-upload-zone{height:172px}
.tour-browser-bar{font-size:11px}.tour-chrome-address{font-size:11px}.tour-chrome-toolbar{font-size:11px}.tour-bookmark{font-size:12px;line-height:18px}.tour-chrome-menu{font-size:10px;line-height:14px;max-width:70%}.tour-chrome-menu span,.tour-chrome-menu strong{padding:5px 8px}
.tour-browser-body{height:164px}.tour-chrome-menu{top:4px}.tour-cursor{top:112px}
.tour-attachment{display:flex;align-items:center;gap:8px;justify-self:end;margin:0 0 16px auto;width:max-content;padding:8px 12px;border-radius:8px;background:#36393b;font-size:12px;line-height:16px;color:var(--ink)}
.tour-attachment-icon{font-size:28px;line-height:32px}.tour-attachment small{display:block;font-size:10px;line-height:14px;color:var(--muted)}
.tour-markup{max-height:400px}.tour-markup-orb{margin-bottom:12px}
.tour-assistant-copy>span{animation:annotation-explain-first 15s both}.tour-assistant-copy>span+span{animation:annotation-explain-second 15s both}
.tour-note{animation-duration:1600ms;animation-delay:calc(2500ms + var(--row)*950ms)}
.tour-note-skeleton{animation-duration:1600ms;animation-delay:calc(2500ms + var(--row)*950ms)}
.tour-row-tags{animation-duration:1200ms;animation-delay:6s}
.tour-topic{animation-duration:1400ms;animation-delay:calc(800ms + var(--row)*1800ms)}
.tour-library{padding-top:0}.tour-results-window{height:220px;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent)}
.tour-results-stream{animation:tour-browse-many 32s linear 8s both}
.tour-result-item{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-bottom:8px;animation:tour-enter 800ms both;animation-delay:calc(3200ms + var(--result)*250ms)}
.tour-result-item strong{display:block;font-size:12px;line-height:16px;font-weight:500}.tour-result-item>span{display:block;font-size:10px;line-height:14px;color:var(--muted);margin-top:4px}.collection-tour .tour-result-item p{font-size:11px;line-height:16px;margin:4px 0 0;color:var(--muted)}
@keyframes chrome-launch-pointer{0%{opacity:0;transform:translate(52px,44px)}25%{opacity:1}45%,65%{opacity:1;transform:none}50%{transform:scale(.8)}80%,100%{opacity:0}}
@keyframes chrome-launch-press{0%,42%,65%,100%{transform:scale(1)}50%{transform:scale(.9)}}
@keyframes chrome-export-pointer{0%,20%{opacity:0;transform:translate(32px,24px)}35%,55%{opacity:1;transform:none}46%{transform:scale(.8)}65%,100%{opacity:0}}
@keyframes chrome-export-once{0%,35%,65%,100%{background:#41464b}42%,55%{background:#737e87}}
@keyframes chrome-export-file{0%,50%{opacity:0;transform:translateY(12px) scale(.9)}62%,100%{opacity:1;transform:none}}
@keyframes chrome-receive-file{0%,65%{opacity:1}82%,100%{opacity:0}}
@keyframes annotation-explain-first{0%,36%{opacity:1}44%,100%{opacity:0}}
@keyframes annotation-explain-second{0%,36%{opacity:0}44%,100%{opacity:1}}
@keyframes tour-browse-many{0%{transform:translateY(0)}100%{transform:translateY(calc(-100% + 208px))}}
@media(max-width:600px){.collection-tour{grid-template-rows:minmax(180px,1fr) 160px 0px}.collection-tour.has-actions{grid-template-rows:minmax(180px,1fr) 160px 60px}.collection-tour.is-reason{grid-template-rows:minmax(0,1fr) 0px 60px}.tour-chrome-menu{font-size:8px;line-height:12px}.tour-bookmark{font-size:11px}.tour-chrome-menu span,.tour-chrome-menu strong{padding:5px 6px}.tour-travel-file{font-size:13px}.tour-travel-file svg{width:32px;height:40px}}
@media(max-height:560px){.collection-tour{grid-template-rows:minmax(120px,1fr) 132px 0px}.collection-tour.has-actions{grid-template-rows:minmax(120px,1fr) 132px 60px}.collection-tour.is-reason{grid-template-rows:minmax(0,1fr) 0px 60px}}
@media(prefers-reduced-motion:reduce){.tour-results-stream,.tour-result-item,.tour-launch *,.tour-cursor,.tour-chrome-menu strong{animation:none}.tour-result-item{opacity:1}.tour-assistant-copy>span{animation:none;opacity:1}.tour-assistant-copy>span+span{display:none}}
/* Clear shared-file handoff and cumulative assistant messages. */
.tour-chrome-logo{animation:chrome-to-file 8000ms cubic-bezier(.22,1,.36,1) both}
.tour-visual[data-step="0"] .tour-travel-file{left:calc(50% + 8px);top:120px;opacity:1;animation:file-from-chrome 8000ms both;transition:none}
.tour-travel-file{box-sizing:border-box;width:calc(50% - 32px);max-width:188px;padding:12px;gap:8px;font-size:13px;line-height:20px}
.tour-travel-file svg{width:32px;height:40px}.tour-travel-file>span{min-width:0;overflow-wrap:anywhere}
.tour-visual[data-step="1"] .tour-travel-file{left:50%;top:104px;opacity:1;transform:translateX(-50%);animation:file-into-dropzone 2800ms cubic-bezier(.22,1,.36,1) both;transition:left 800ms 300ms,top 800ms 300ms}
.tour-visual[data-step="2"] .tour-travel-file{opacity:0;animation:none;transition:opacity 200ms}
.tour-visual[data-step="0"] .tour-travel-file,.tour-visual[data-step="1"] .tour-travel-file{display:flex}
.tour-assistant-copy{display:grid;gap:0;flex:1;min-height:48px;align-items:center}
.tour-assistant-copy>span,.tour-assistant-copy>span+span{grid-area:1/1;display:block;font-size:14px;line-height:20px;opacity:0;animation:assistant-phrase 3500ms cubic-bezier(.4,0,.2,1) both;animation-delay:calc(var(--message)*3500ms)}
.tour-markup-orb{height:auto;align-items:center;min-height:64px;margin-bottom:16px}
.tour-grouping .tour-markup-orb{min-height:48px}
.tour-note,.tour-note-skeleton{animation-duration:600ms;animation-delay:calc(10500ms + var(--row)*300ms)}
.tour-row-tags{animation-delay:calc(10500ms + var(--row)*300ms);animation-duration:600ms}
.tour-assistant-copy>span:nth-child(3){animation-duration:6200ms;animation-delay:7000ms}
.tour-assistant-copy>span:nth-child(4){animation:tour-enter 400ms 13200ms both}
.tour-file-icon{width:28px;height:36px;flex:none;stroke:currentColor;stroke-width:2}
.tour-attachment{max-width:100%;box-sizing:border-box;min-width:0;gap:12px}
.tour-attachment>span{min-width:0;overflow-wrap:anywhere}
.tour-results-stream{animation:none}
.tour-result-item a{color:inherit;text-decoration:none}
.collection-tour .preview-close{width:32px;height:32px;padding:0;border-radius:8px;background:transparent!important;box-shadow:none;color:var(--muted);display:grid;place-items:center;line-height:32px}
.collection-tour .preview-close:hover{color:var(--ink);background:transparent!important}
.collection-tour .preview-close:focus{outline:none}
.collection-tour .preview-close:focus-visible{outline:2px solid #8b9297;outline-offset:2px}
@media(max-width:600px){.tour-travel-file{font-size:11px;padding:8px;gap:8px}.tour-travel-file svg{width:24px;height:32px}.tour-travel-file small{font-size:9px;line-height:12px}.tour-travel-file>span{white-space:normal;overflow-wrap:anywhere}.tour-table-row>span{min-width:0;overflow-wrap:anywhere}.tour-assistant-copy>span{font-size:12px;line-height:18px}.tour-attachment{font-size:12px}}
.tour-topic{animation-delay:calc(320ms + var(--row)*480ms);animation-duration:600ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
.tour-attachment{animation:tour-enter 400ms both}
.tour-export-menu{position:absolute;left:50%;top:156px;transform:translateX(-50%);width:220px;background:#343638;border:1px solid #55595c;border-radius:12px;padding:8px;box-shadow:0 12px 32px #0004;animation:export-menu 8000ms both}
.tour-export-menu>span{display:block;color:var(--muted);font-size:12px;line-height:16px;padding:8px}
.tour-export-menu strong{display:flex;justify-content:space-between;padding:12px 8px;font-size:14px;line-height:20px;font-weight:400;border-radius:8px;animation:export-selection 8000ms both}
.tour-export-pointer{position:absolute;width:24px;height:32px;left:calc(50% + 24px);top:124px;animation:export-clicks 8000ms both;z-index:2}
@keyframes chrome-to-file{0%,10%,60%{transform:none}14%{transform:scale(.92)}70%,100%{transform:translateX(-116px)}}
@keyframes file-from-chrome{0%,62%{opacity:0;transform:translate(-50%,0) scale(.85)}72%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes export-menu{0%,18%{opacity:0;transform:translate(-50%,8px)}24%,55%{opacity:1;transform:translate(-50%,0)}64%,100%{opacity:0;transform:translate(-50%,8px)}}
@keyframes export-selection{0%,40%,60%,100%{background:transparent}46%,55%{background:#62686c}}
@keyframes export-clicks{0%{opacity:0;transform:translate(48px,32px)}8%,20%{opacity:1;transform:none}14%{transform:scale(.8)}40%,55%{opacity:1;transform:translate(28px,96px)}48%{transform:translate(28px,96px) scale(.8)}62%,100%{opacity:0;transform:translate(28px,96px)}}
@keyframes assistant-phrase{0%{opacity:0;transform:translateY(4px)}14%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
@keyframes file-into-dropzone{0%,20%{opacity:1;transform:translate(0,16px)}60%,85%{opacity:1;transform:translate(-50%,40px) scale(.9)}100%{opacity:0;transform:translate(-50%,48px) scale(.85)}}
@media(prefers-reduced-motion:reduce){.tour-chrome-logo,.tour-assistant-copy>span{animation:none;opacity:1}.tour-assistant-copy>span+span{display:none}.tour-export-pointer,.tour-export-menu,.tour-travel-file{display:none!important}}
/* Shared file silhouette, a single alignment axis, and shimmer until resolution. */
.tour-travel-file,.tour-attachment{height:64px;box-sizing:border-box}
.tour-visual[data-step="0"] .tour-travel-file{top:128px}
.tour-travel-file .tour-file-icon,.tour-attachment .tour-file-icon{width:20px;height:24px;stroke:none;flex:none}
.tour-travel-file>span{font-size:12px;line-height:16px}.tour-travel-file small{font-size:10px;line-height:14px}
.tour-note-skeleton{background:linear-gradient(100deg,#33383b 20%,#60686c 45%,#33383b 70%);background-size:250% 100%;animation:tour-skeleton-out 600ms calc(10500ms + var(--row)*300ms) both,tour-shimmer 1400ms linear infinite}
.tour-site-name{display:flex;align-items:center;gap:6px;min-width:0}.tour-site-name .site-icon,.tour-site-name .site-icon img{width:16px;height:16px;flex:none}
.tour-result-item a{display:flex;align-items:center;gap:8px}.tour-result-item .site-icon,.tour-result-item .site-icon img{width:16px;height:16px;flex:none}
.tour-visual[data-step="1"] .tour-travel-file{top:128px;transition:left 1000ms 200ms cubic-bezier(.22,1,.36,1),top 1000ms 200ms cubic-bezier(.22,1,.36,1)}
@keyframes file-into-dropzone{0%,12%{opacity:1;transform:translate(8px,0)}68%,86%{opacity:1;transform:translate(-50%,24px) scale(.92)}100%{opacity:0;transform:translate(-50%,28px) scale(.9)}}
@media(max-width:600px){.tour-travel-file>span{font-size:10px;line-height:14px}.tour-travel-file small{font-size:8px;line-height:12px}.tour-travel-file .tour-file-icon{width:16px;height:20px}.tour-site-name{gap:4px}}
@media(prefers-reduced-motion:reduce){.tour-note-skeleton{display:none;animation:none}}
.collection-tour .tour-assistant-copy>span,.collection-tour .tour-grouping .tour-markup-orb>span{font-family:inherit;font-size:14px;line-height:20px;font-weight:400;color:var(--muted)}
.tour-result-item a{align-items:center;line-height:20px;min-height:20px}
.tour-result-item a .site-icon,.tour-site-name .site-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;margin:0;padding:0;line-height:0;vertical-align:middle;transform:none;border-radius:4px;background:transparent}
.tour-result-item a .site-icon img,.tour-site-name .site-icon img{position:absolute;inset:0;width:16px;height:16px;object-fit:contain;background:transparent;margin:0}
.tour-result-item a>span:last-child{display:block;line-height:20px}
.collection-tour .tour-markup-orb>.chat-s3{transform:none;margin:0;width:23px;height:23px;flex:0 0 23px}
/* Short narrative: export → upload → three 1.5 s phrases → search. */
.tour-visual[data-step="0"] .tour-slide{inset:0}
.tour-visual[data-step="0"] .tour-launch{position:absolute;inset:0;height:auto}
.tour-visual[data-step="0"] .tour-chrome-logo{position:absolute;left:calc(50% - 44px);top:calc(50% - 44px)}
.collection-tour .tour-visual[data-step="0"] .tour-travel-file{top:calc(50% - 32px)}
.tour-visual[data-step="0"] .tour-export-menu{top:calc(50% + 36px)}
.tour-visual[data-step="0"] .tour-export-pointer{top:calc(50% + 4px)}
.collection-tour .tour-chrome-logo,.collection-tour .tour-export-menu,.collection-tour .tour-export-menu strong,.collection-tour .tour-export-pointer,.collection-tour .tour-visual[data-step="0"] .tour-travel-file{animation-duration:3800ms}
.collection-tour .tour-visual[data-step="1"] .tour-travel-file{animation-duration:2200ms}
.collection-tour .tour-assistant-copy>span{animation-duration:1500ms;animation-delay:calc(var(--message)*1500ms)}
.collection-tour .tour-assistant-copy>span:nth-child(3){animation:tour-enter 300ms 3000ms both}
.collection-tour .tour-note,.collection-tour .tour-row-tags{animation-delay:calc(4500ms + var(--row)*300ms);animation-duration:600ms}
.collection-tour .tour-note-skeleton{overflow:hidden;background:#3f4549;animation:tour-skeleton-out 600ms calc(4500ms + var(--row)*300ms) both}
.tour-note-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#929b9f99,transparent);animation:tour-visible-shimmer 1100ms linear infinite;transform:translateX(-100%)}
@keyframes tour-visible-shimmer{to{transform:translateX(100%)}}
.collection-tour .tour-mini-search>.chat-s3{transform:none;margin:0;width:23px;height:23px;flex:0 0 23px}
.collection-tour.has-actions{height:min(564px,calc(100dvh - 32px));grid-template-rows:minmax(180px,1fr) 148px 64px}
.collection-tour.has-actions .tour-controls{padding-bottom:20px}
@media(max-width:600px){.collection-tour.has-actions{grid-template-rows:minmax(180px,1fr) 160px 64px}}
.collection-tour.is-reason.has-actions{grid-template-rows:minmax(0,1fr) 0px 64px;height:300px}
@media(prefers-reduced-motion:reduce){.tour-note-skeleton::after{animation:none}.collection-tour .tour-assistant-copy>span{animation:none}}