:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0e121b;color:#e8edf6;--muted:#98a6bf;--line:#252f43;--accent:#84d5c9}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100dvh}button,select,textarea{font:inherit;color:inherit}button,select{background:#1a2232;border:1px solid var(--line);border-radius:10px;padding:10px 14px}button{cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea{width:100%;background:#111825;border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical}textarea:focus{outline:1px solid var(--accent)}.primary{background:var(--accent);color:#102722;border:0;font-weight:650}.sidebar{width:290px;flex-shrink:0;background:#111725;border-right:1px solid var(--line);padding:26px 20px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:13px;align-items:center;font-weight:700;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:5px}.orb{display:inline-block;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#c2fff0,#62adbd 30%,#286174 64%,#152b45 86%);box-shadow:0 0 50px #63b8c921,inset 0 0 15px #a2f7df45}.orb.small{width:34px;height:34px;flex-shrink:0}nav{max-height:34dvh;overflow:auto}.history-row{display:flex;gap:6px;margin-bottom:7px}.history-row .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px}.history-row .selected{border-color:var(--accent);background:#203039}.delete{color:var(--muted);padding:8px}.hint,.privacy,.footer-note{font-size:11px;line-height:1.6;color:var(--muted)}summary{font-size:14px;cursor:pointer}.export{color:var(--accent);font-size:12px;text-decoration:none}.privacy{margin-top:auto}#note-form{display:grid;gap:8px}#notes-search-form{display:grid;gap:7px;margin-top:12px}#notes-search-form input{min-width:0;width:100%;background:#111825;border:1px solid var(--line);border-radius:10px;padding:10px;color:inherit}#notes{max-height:32dvh;overflow:auto}.note{margin-top:12px;padding:12px;background:#172130;border-radius:10px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.note small{display:block;color:var(--accent);margin-bottom:8px}.note button{margin-top:8px;font-size:11px;padding:5px 8px}main{flex:1;min-width:0;display:flex;flex-direction:column;height:100dvh}header{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-bottom:1px solid var(--line);gap:16px}.subheading{display:block;font-size:12px;color:var(--muted);margin-top:4px}.badge{font-size:11px;color:var(--accent);border:1px solid #38564f;border-radius:30px;padding:8px 12px}.controls{display:flex;flex-wrap:wrap;gap:18px;padding:14px 30px;font-size:11px;color:var(--muted)}.controls label{display:flex;align-items:center;gap:6px}.controls select{font-size:11px;padding:6px;max-width:210px}input[type=checkbox]{accent-color:var(--accent)}.messages{overflow:auto;flex:1;padding:20px 30px;scroll-behavior:smooth}.welcome{max-width:590px;margin:5dvh auto;text-align:center}.welcome h1{font-size:32px;font-weight:500;letter-spacing:-1px;margin:26px 0 12px}.welcome p{color:var(--muted);line-height:1.7;font-size:14px}.suggestions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:30px}.suggestions button{font-size:12px;background:#151e2c}.message{max-width:800px;margin:0 auto 24px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:14px}.message.user{background:#1a2534;padding:14px 18px;border-radius:16px}.message .who{font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:8px}.message a{color:var(--accent)}.message .meta{font-size:10px;color:var(--muted);margin-top:9px;line-height:1.5}.message button{font-size:10px;padding:5px 8px;margin-top:10px}#activity{padding:0 30px 10px;font-size:12px;color:var(--accent)}#error{margin:0 30px 14px;padding:12px;border:1px solid #865949;background:#34261f;border-radius:10px;font-size:12px;line-height:1.6}.composer{padding:16px 30px 12px;border-top:1px solid var(--line);background:#101723}.voice-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.voice-row strong{font-size:13px;font-weight:500}.voice-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.mic{width:46px;height:46px;border-radius:50%;background:#253f40;color:var(--accent);font-size:19px;flex-shrink:0}.mic.recording{background:#983b38;color:white;animation:pulse 1s infinite}#stop,#stop-audio{font-size:11px;margin-left:auto}#chat-form{display:flex;align-items:stretch;gap:10px}#input{min-height:64px;max-height:150px}#send{min-width:95px}.footer-note{margin:10px 0 0;text-align:center}body[hidden],[hidden]{display:none!important}@keyframes pulse{50%{box-shadow:0 0 0 7px #983b3820}}@media(max-width:800px){.sidebar{width:225px;padding:20px 14px}header,.controls,.messages,.composer{padding-left:18px;padding-right:18px}#activity{padding-left:18px}header{flex-wrap:wrap}.welcome h1{font-size:27px}}@media(max-width:580px){body{flex-direction:column}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:12px 16px;gap:12px;display:grid;grid-template-columns:1fr auto}.sidebar .brand{font-size:14px}.sidebar nav,.sidebar details{grid-column:1/-1}.sidebar nav:empty{display:none}.sidebar nav{max-height:100px}.sidebar .privacy{display:none}.sidebar .export{grid-column:1/-1}.sidebar #new-chat{font-size:12px;padding:7px 10px}.sidebar details{font-size:12px}main{height:auto;min-height:78dvh}.messages{min-height:260px;max-height:65dvh}.controls{gap:12px}header{padding:15px 18px}.badge{font-size:10px}.welcome{margin:20px auto}.orb{width:65px;height:65px}.voice-row small{max-width:190px}#stop,#stop-audio{padding:6px}.composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
input[type=text],input[type=password],input:not([type]){width:100%;font:inherit;color:inherit;background:#111825;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}input:focus-visible{outline:1px solid var(--accent)}#task-form,#search-settings-form{display:grid;gap:8px;margin-top:10px}#tasks,#projects{max-height:35dvh;overflow:auto}.sidebar{max-height:100dvh;overflow-y:auto}@media(max-width:580px){.sidebar{max-height:none}}
#phone-admin{display:grid;gap:8px;margin-top:10px}#phone-code{display:block;background:#111825;padding:12px;border:1px solid var(--line);border-radius:8px;font-family:monospace;overflow-wrap:anywhere;user-select:all}.pair-page{display:grid;place-items:center;min-height:100dvh;padding:24px}.pair-card{height:auto;max-width:440px;display:block;padding:24px;background:#111725;border:1px solid var(--line);border-radius:16px}.pair-card h1{font-size:24px}.pair-card p{line-height:1.7}.pair-card form{display:grid;gap:14px}.pair-card label{font-size:14px}
#coding-list{max-height:35dvh;overflow:auto}#coding-list a{display:block;margin:10px 0}#coding-preview{font-size:12px}#coding-files{display:flex;gap:6px;flex-wrap:wrap}#coding-files button{font-size:11px;padding:6px}#coding-source{max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#0e121b;padding:10px;border-radius:8px}
#development-form{display:grid;gap:8px;margin:10px 0}#development-form textarea{min-height:92px;max-height:220px;resize:vertical}#development-refresh{width:100%}#development-status{font-size:12px;color:var(--muted);padding:9px 0}#development-list{max-height:42dvh;overflow:auto}.development-row{margin:10px 0;padding:12px;background:#172130;border:1px solid var(--line);border-radius:10px;font-size:12px;overflow-wrap:anywhere}.development-row h3{font-size:13px;margin:0 0 8px}.development-row p{white-space:pre-wrap;line-height:1.55;margin:7px 0}.development-row .development-meta{font-size:10px;color:var(--muted)}.development-row button{margin-top:5px;font-size:11px;padding:7px 9px}.sidebar-close,#sidebar-open,#sidebar-backdrop{display:none}
@media(max-width:580px){
  html,body{height:100%;height:100dvh;overflow:hidden}
  body{display:flex;flex-direction:column;min-height:0}
  main{height:100%;height:100dvh;min-height:0;flex:1}
  header{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px}
  header>div{flex:1;min-width:0}header .badge{white-space:nowrap;padding:7px 9px}
  #sidebar-open{display:block;flex:none;padding:9px 11px}
  .sidebar{display:none;position:fixed;z-index:31;inset:0 auto 0 0;width:min(88vw,360px);height:100%;height:100dvh;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:calc(14px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));gap:13px;border:0;border-right:1px solid var(--line);box-shadow:12px 0 40px #0008}
  .sidebar.mobile-open{display:flex;align-items:stretch}
  .sidebar .brand{font-size:14px}.sidebar nav,.sidebar details{width:100%;max-height:none}.sidebar nav{flex:none;max-height:18dvh}.sidebar .privacy{display:block;margin-top:auto}.sidebar .export{align-self:flex-start}.sidebar-close{display:block;align-self:flex-end;padding:7px 10px;font-size:12px}
  #sidebar-backdrop:not([hidden]){display:block;position:fixed;z-index:30;inset:0;border:0;border-radius:0;padding:0;background:#060911aa}
  body.menu-open{overflow:hidden}
  .messages{min-height:0;max-height:none;flex:1;padding:14px 14px;overscroll-behavior:contain}
  .controls{flex:none;padding:9px 14px;gap:9px}
  .composer{flex:none;padding:11px 14px calc(10px + env(safe-area-inset-bottom))}
  .voice-row{gap:10px;margin-bottom:10px}.voice-row small{max-width:none}
  #input,#development-instruction,#note-content,input,select{font-size:16px}
  #input{min-height:54px;max-height:130px}
  #chat-form{gap:8px}#send{min-width:76px;padding:9px}
  #activity{flex:none;padding:0 14px 7px}.footer-note{font-size:10px;margin-top:7px}
}
.development-activity{margin-top:9px;padding:8px;background:#111825;border-radius:8px}.development-activity strong{font-size:11px;color:var(--accent)}.development-activity p{font-size:11px}