:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#293c38;background:#f6f3f0}*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;margin:auto;padding:28px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:34px}h1{font-family:Georgia,serif;font-size:46px;letter-spacing:-2px;margin:2px 0}.dot{color:#bc8b90}.eyebrow{font-size:11px;letter-spacing:2px;color:#9b777d;font-weight:700}h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:12px 0}h3{font-size:17px;margin:0}.card{background:white;border:1px solid #e9e1df;border-radius:20px;padding:25px;box-shadow:0 7px 30px #3e28200a}.login{max-width:470px;margin:7vh auto;padding:35px}.login p,.welcome p,.hint{color:#77817c}label{display:block;margin:20px 0;font-size:14px}input,textarea{font:inherit;border:1px solid #dcded8;border-radius:10px;padding:13px;background:#fff;width:100%;color:#293c38}label input{margin-top:8px}button{border:0;border-radius:10px;padding:12px 18px;background:#36594e;color:white;cursor:pointer;font:inherit}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}.subtle{background:transparent;color:#36594e;border:1px solid #c9d2cc;margin-left:12px}.error{color:#ad4444;min-height:1.5em}.welcome{margin-bottom:24px}.layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar{min-height:530px}.sidebar input{margin:18px 0}.noteList{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}.noteItem{background:#faf8f6;color:#293c38;text-align:left;padding:14px;border:1px solid transparent}.noteItem.active{border-color:#c9a6a9;background:#f6eeee}.noteItem strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noteItem small{color:#89918b}.editor{display:flex;flex-direction:column;min-height:530px}textarea{flex:1;resize:vertical;min-height:380px;border:0;outline:0;font-size:17px;line-height:1.8;padding:25px 4px}.muted,#saveStatus{font-size:12px;color:#75827a}.hint{font-size:12px;border-top:1px solid #eee;padding-top:14px}footer{text-align:center;color:#a1a8a2;font-size:12px;padding:30px}@media(max-width:750px){.shell{padding:18px 14px}.layout{grid-template-columns:1fr}.sidebar{min-height:unset}.noteList{max-height:220px}.editor{min-height:440px}.login{margin:3vh auto;padding:24px}h1{font-size:38px}}

/* ELARA V0.1.1 mobile-first workspace refinement */
.mobile-back{display:none}
@media(max-width:750px){
  html,body{width:100%;overflow-x:hidden}
  .shell{padding:16px 14px 24px}
  header{align-items:flex-start;gap:10px;margin-bottom:24px}
  h1{font-size:36px;letter-spacing:-1px}
  .eyebrow{font-size:9px;letter-spacing:1.5px}
  #account{display:flex;align-items:flex-end;flex-direction:column;gap:6px;min-width:0;max-width:54%}
  #account[hidden]{display:none}
  #email{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .subtle{margin:0;padding:8px 10px;font-size:12px}
  .welcome{margin-bottom:16px}
  .welcome h2{font-size:24px;margin:8px 0}
  .welcome p{font-size:13px;margin:6px 0}
  .card{border-radius:16px;padding:18px;box-shadow:0 3px 15px #3e282008}
  .layout{display:block}
  .sidebar,.editor{min-height:0}
  .sidebar .row button{padding:11px 16px;min-height:44px}
  .sidebar input{margin:14px 0}
  .noteList{max-height:none;overflow:visible}
  .noteItem{min-height:62px;padding:13px 14px}
  #workspace.mobile-list-view .editor{display:none}
  #workspace.mobile-editor-view .sidebar{display:none}
  #workspace.mobile-editor-view .welcome{display:none}
  .mobile-back{display:inline-flex;align-self:flex-start;background:transparent;color:#36594e;padding:7px 0;margin-bottom:10px;font-size:14px}
  #workspace.mobile-editor-view .editor{display:flex;min-height:calc(100dvh - 175px)}
  .editor .row{gap:10px;align-items:flex-start}
  #saveStatus{text-align:right}
  textarea{font-size:16px;line-height:1.65;padding:14px 0;min-height:calc(100dvh - 330px);resize:none}
  .hint{font-size:11px;margin-bottom:0}
  footer{padding:20px 0;font-size:10px}
  .login{margin:3vh auto;padding:20px}
  .login h2{font-size:26px}
}

/* ELARA V0.2 */
[hidden]{display:none!important}.appnav{display:flex;gap:9px;margin:0 0 25px}.navbtn{background:#fff;color:#486257;border:1px solid #e7e1df;display:flex;gap:8px;align-items:center;justify-content:center;min-width:125px}.navbtn.active{background:#36594e;color:#fff}.pageheading{margin-bottom:18px}.pageheading h2{margin:5px 0}.softflower{color:#bc8b90;font-size:20px}.daygrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.helper{font-size:13px;color:#839088;line-height:1.5}.taskStack{display:flex;flex-direction:column;gap:9px;margin-top:15px}.taskrow{border:1px solid #ece8e5;border-radius:12px;background:#fcfaf8;padding:12px;display:flex;gap:10px;align-items:flex-start}.taskrow .taskbody{flex:1;min-width:0}.taskname{display:block;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}.taskmeta{display:block;font-size:11px;color:#849087;margin-top:4px}.taskcheck{width:20px;height:20px;flex:none;margin:2px 0;accent-color:#36594e}.taskedit{background:transparent;color:#36594e;border:1px solid #d7ded7;padding:7px 9px;font-size:12px}.topToggle{background:transparent;color:#9c8385;border:1px solid #e7dbdd;padding:7px 9px;font-size:12px}.topToggle.chosen{color:#7e4e57;background:#f7eded}.taskrow.done .taskname{text-decoration:line-through;opacity:.55}.dayactions{display:flex;gap:12px;margin:22px 0}.dayactions .subtle{margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters select{max-width:220px}.empty{font-size:13px;color:#88938b;padding:15px 0}.taskform{width:min(540px,calc(100vw - 40px));padding:12px 4px}.taskform textarea{min-height:90px;border:1px solid #dcded8;padding:12px;resize:vertical;font-size:14px;line-height:1.5}.taskform label{margin:12px 0}.taskform .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.taskform select,.filters select{font:inherit;border:1px solid #dcded8;border-radius:10px;background:#fff;color:#293c38;padding:12px;width:100%}.taskform .checkline{display:flex;align-items:center;gap:9px}.taskform .checkline input{width:auto}.danger{background:#aa5b5b}dialog{border:1px solid #e9e1df;border-radius:20px;box-shadow:0 20px 80px #1c2e2b33;max-height:90dvh;overflow:auto}dialog::backdrop{background:#15251f77}
@media(max-width:750px){.appnav{position:fixed;bottom:0;left:0;right:0;margin:0;padding:9px 12px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;z-index:10;justify-content:space-around}.navbtn{min-width:0;flex:1;flex-direction:column;gap:3px;padding:8px 3px;font-size:19px;border:0}.navbtn span{font-size:11px}.shell{padding-bottom:105px}.daygrid{grid-template-columns:1fr;gap:13px}.pageheading{align-items:flex-end}.pageheading h2{font-size:25px}.taskrow{padding:12px 9px}.taskedit,.topToggle{padding:7px}.taskform .formgrid{grid-template-columns:1fr 1fr}.filters select{max-width:none;flex:1;min-width:130px}.dayactions{margin:16px 0}.dayactions button{flex:1}.taskform{width:min(520px,calc(100vw - 42px))}dialog{padding:16px}#notesPage.mobile-list-view .editor{display:none}#notesPage.mobile-editor-view .sidebar,#notesPage.mobile-editor-view .welcome{display:none}#notesPage.mobile-editor-view .editor{display:flex;min-height:calc(100dvh - 240px)}}

/* ELARA V0.2.2 — mobile task form: no sideways scrolling */
@media (max-width: 750px) {
  html, body { max-width: 100%; overflow-x: clip; }
  #taskDialog {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
    padding: max(18px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  #taskDialog .taskform {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
  }
  #taskDialog .formgrid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #taskDialog .row { min-width: 0; flex-wrap: wrap; }
  #taskDialog label, #taskDialog input, #taskDialog select,
  #taskDialog textarea { max-width: 100%; min-width: 0; }
  #taskDialog input, #taskDialog select, #taskDialog textarea { font-size: 16px; }
  #taskDialog .subtle { margin-left: 0; }
}

/* ELARA V0.3 */
.followCard{grid-column:1/-1}.capturePanel{margin-top:18px}.captureRow{display:flex;align-items:center;gap:10px;margin:12px 0}.captureRow input{flex:1;min-width:0}.captureRow button{white-space:nowrap}.noteTools{flex-wrap:wrap}.noteTools .subtle{margin-left:0}#waitingFields[hidden],#capturePanel[hidden]{display:none!important}
@media(max-width:750px){.captureRow{flex-direction:column;align-items:stretch}.captureRow button{width:100%}.noteTools{align-items:flex-start}.noteTools #extractTasks{width:100%;margin-bottom:8px}}

/* ELARA V0.3.1 — Notes recycle bin */
.trashLink{margin:18px 0 0;width:100%;text-align:center}
#trashPanel{margin-top:18px;border-top:1px solid #eee;padding-top:16px}
#trashPanel[hidden]{display:none!important}
.trashItem{padding:12px 4px;border-bottom:1px solid #eee;overflow-wrap:anywhere}
.trashItem strong,.trashItem small{display:block;margin-bottom:7px}
.trashItem small{color:#75827a;font-size:12px}
.trashActions{display:flex;gap:8px;flex-wrap:wrap}
.trashActions button{flex:1;min-width:100px;padding:10px 8px;font-size:13px}
#deleteNote{padding:10px 12px;font-size:13px}
@media(max-width:750px){.noteTools #deleteNote{width:100%;margin:0 0 8px}.trashActions button{min-width:0}}