/* Cross-page keyboard and motion safeguards. */
:focus-visible { outline: 3px solid #9df6ff; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

.feature-form-card,.feature-list-card,.chat-card{margin-top:20px;padding:24px 28px}
.feature-form-card form{max-width:720px;margin-top:12px}
.feature-form-card button{justify-self:start}
.feature-list-card h2{margin-top:0}
.stats>.small{grid-column:1/-1}
.task-toggle{display:flex;width:100%;margin:17px 0 0;padding:0 0 15px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;color:var(--text);font:inherit;font-weight:inherit;text-align:left;cursor:pointer;transform:none}
button.task-toggle:hover,button.task-toggle:active{transform:none;box-shadow:none;background:transparent;color:var(--text)}
.task-toggle:focus-visible{outline:3px solid #9df6ff;outline-offset:3px}
.task-toggle:last-child{border-bottom:0;padding-bottom:0}
.mobile-nav{display:none}
@media (max-width:1100px){
  .mobile-nav{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(6,8,24,.88);backdrop-filter:blur(18px);scrollbar-width:thin}
  .mobile-nav a{display:flex;flex:0 0 auto;align-items:center;gap:7px;padding:9px 12px;border:1px solid transparent;border-radius:11px;color:var(--muted);font-size:13px;text-decoration:none;white-space:nowrap}
  .mobile-nav a:hover,.mobile-nav a[aria-current=page]{border-color:#8edfff44;background:linear-gradient(90deg,#403e9755,#1c88a733);color:var(--text)}
}
@media (max-width:700px){.mobile-nav{padding:8px 10px}.mobile-nav a{padding:8px 10px;font-size:12px}}
.workspace-page{width:100%;max-width:1080px}
.side{position:sticky;top:0;height:100vh;align-self:start}
.workspace-page .workspace-card{width:100%}
.file-picker{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px dashed #65dffa88;border-radius:14px;background:linear-gradient(135deg,#10b5d512,#8a63ff0d)}
.file-picker input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.file-picker-button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:10px 15px;border:1px solid #91f4ff66;border-radius:10px;background:linear-gradient(105deg,#51e5ff,#8a63ff);box-shadow:0 8px 18px #4d64c844;color:#11152e;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.file-picker-button:hover{transform:translateY(-1px);box-shadow:0 11px 22px #5870e866}
.file-picker:focus-within .file-picker-button{outline:3px solid #9df6ff;outline-offset:3px}
.file-picker-name{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}
.verification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.verification-row .secondary-button{white-space:nowrap}
.chat-card{max-width:760px}
.chat-card form{margin-top:20px}
.muted{color:var(--muted)}
@media (max-width:700px){.feature-form-card,.feature-list-card,.chat-card{padding:20px 16px}.file-picker{align-items:stretch;flex-wrap:wrap}.file-picker-button{justify-content:center}.file-picker-name{flex:1 1 100%}.verification-row{grid-template-columns:1fr}.verification-row .secondary-button{width:100%}}
@media (max-width:700px){
  .lower,.lower>div,.lower>aside{min-width:0}
  .lower>.chat{min-width:0;min-height:0;padding:16px}
  .chat-head,.chat-head>div{min-width:0}
  .chat h2{font-size:15px;overflow-wrap:anywhere}
  .bubble{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  .prompt{align-items:stretch;flex-wrap:wrap}
  .prompt>span:first-child{min-width:0;flex:1 1 100%;overflow-wrap:anywhere;word-break:break-word}
  .prompt .send{margin-left:auto;flex:0 0 auto}
}