.first-win-hint{position:absolute;top:70px;left:12px;z-index:15;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:min(360px,calc(100% - 24px));padding:8px 6px 8px 12px;font-size:13px;line-height:1.4;color:var(--text);background:var(--float-bg);border:1px solid var(--accent);border-radius:10px;box-shadow:0 6px 18px #00000038}.first-win-hint-text{flex:1 1 calc(100% - 44px)}.first-win-close{flex:0 0 auto;align-self:flex-start;width:28px;height:28px;padding:0;font-size:12px;color:var(--text-dim);background:none;border:0;border-radius:6px;cursor:pointer}.first-win-close:hover{color:var(--text);background:var(--bg-hover)}.first-win-hint :focus-visible,.first-win-toast :focus-visible,.share-landing :focus-visible,.sheet-friend :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.first-win-toast{position:absolute;left:12px;bottom:12px;z-index:17;display:grid;grid-template-columns:1fr auto;gap:8px;max-width:min(400px,calc(100% - 24px));padding:12px 6px 12px 14px;font-size:13px;line-height:1.45;color:var(--text);background:var(--float-bg);border:1px solid var(--run);border-radius:12px;box-shadow:0 10px 28px #00000047}.first-win-toast-text{grid-column:1;margin:0}.first-win-toast-actions{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.first-win-toast .first-win-close{grid-column:2;grid-row:1}.first-win-link,.first-win-quiet{padding:0;font:inherit;color:var(--accent);background:none;border:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.first-win-quiet{color:var(--text-dim)}@media(prefers-reduced-motion:no-preference){.first-win-toast{animation:first-win-in .18s ease-out}@keyframes first-win-in{0%{opacity:0;transform:translateY(8px)}}}@media(max-width:700px){.first-win-hint{inset:auto 12px 10px 64px;max-width:none;padding:6px 4px 6px 10px}}@media(max-width:699px){html[data-sheet=full] .first-win-hint,html[data-sheet=full] .first-win-toast{position:fixed;top:auto;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:42;max-width:min(400px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}}#canvas-pane:has(>.canvas-status .status-error)>.first-win-hint{display:none}.share-landing{position:absolute;top:68px;left:50%;transform:translate(-50%);z-index:16;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:max-content;max-width:calc(100% - 24px);padding:7px 8px 7px 12px;font-size:13px;color:var(--text);background:var(--float-bg);border:1px solid var(--line-strong);border-radius:10px}.share-landing .first-win-link{white-space:nowrap}@media(max-width:700px){.share-landing{top:92px}}.sheet-friend{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.sheet-friend-challenge{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-dim);cursor:pointer}.sheet-friend-challenge input{margin-top:2px}.sheet-friend-row{display:flex;flex-wrap:wrap;gap:8px}.sheet-friend-said{margin:0;font-size:12px;color:var(--text-dim)}.sheet-friend-said:empty{display:none}.sheet-friend-qr{display:grid;justify-items:center;gap:6px}.sheet-friend-qr svg{width:min(220px,100%);height:auto;border-radius:6px}.report-link{margin-left:auto;padding:4px 8px;font:inherit;font-size:12px;color:var(--text-dim);background:none;border:0;border-radius:6px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.report-link:hover{color:var(--text);background:var(--bg-hover)}.report-link:focus-visible,.report-form :focus-visible,.gallery-confirm :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.report-reasons{display:grid;gap:6px;margin:0 0 12px;padding:0;border:0}.report-reasons legend{margin-bottom:6px;padding:0;font-weight:600;color:var(--text)}.report-reason{display:flex;align-items:center;gap:6px;color:var(--text);font-size:13px;cursor:pointer}.report-note-label{display:block;margin-bottom:4px;color:var(--text-dim);font-size:13px}.report-note{box-sizing:border-box;width:100%;padding:8px 10px;font:inherit;font-size:13px;color:var(--text);background:var(--bg-input);border:1px solid var(--line);border-radius:8px;resize:vertical}.modal p.report-status:empty{display:none}.modal p.report-status{margin:8px 0 0}.gallery-confirm ul{margin:0 0 10px;padding-left:20px;color:var(--text-dim);font-size:13px;line-height:1.5}
