.note-details{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 0}.note-details>label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.note-details input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--sans)}.note-details input::placeholder{color:#9a9f96}.color-picker{display:flex;gap:6px}.color-swatch{width:14px;height:14px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.color-swatch.selected{outline:2px solid var(--ink);outline-offset:2px}.clay-swatch{background:var(--terracotta)}.moss-swatch{background:var(--moss)}.ochre-swatch{background:var(--ochre)}.source-line{color:var(--muted)!important;font:10px/1.45 var(--sans)!important;border-left:2px solid var(--oat);padding-left:8px}.note-card.moss-note{--note-accent:var(--moss)}.note-card.ochre-note{--note-accent:var(--ochre)}.note-card.clay-note{--note-accent:var(--terracotta)}.note-card{border-left:2px solid var(--note-accent);padding-left:10px}.note-card .tag{background:color-mix(in srgb,var(--note-accent) 14%,transparent);color:var(--note-accent)}.note-card{position:relative}.note-card .more-note{opacity:.55;transition:opacity .2s,transform .2s}.note-card:hover .more-note{opacity:1;transform:translateY(-1px)}.note-modal{width:min(520px,calc(100% - 30px))}.note-modal .modal-head{margin-bottom:12px}.modal-field{display:grid;gap:6px;margin:12px 0}.modal-field span{font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.modal-field input,.modal-field select,.modal-field textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:12px;padding:11px 12px;color:var(--ink);font:13px var(--sans);outline:0}.modal-field textarea{resize:vertical;min-height:120px;line-height:1.55}.modal-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.modal-actions{display:flex;gap:8px;align-items:center}.danger-button{background:rgba(198,107,61,.14);color:var(--terracotta)}.danger-button:hover{background:rgba(198,107,61,.2);color:var(--terracotta)}
.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.scripture-panel{grid-column:1 / -1}.study-drawer{display:grid;gap:16px;padding:20px 18px 18px}.study-notes-panel{position:relative;overflow:hidden;display:grid;gap:16px;align-content:start;padding:22px 20px 20px;background:linear-gradient(180deg,rgba(249,247,240,.96),rgba(244,237,223,.88));border:1px solid rgba(123,101,67,.15);border-radius:var(--radius);box-shadow:0 22px 52px rgba(87,72,43,.11),inset 0 1px 0 rgba(255,255,255,.75)}.study-notes-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0,rgba(255,255,255,.65),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.22),transparent 24%),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(96,108,56,.055) 32px);opacity:.88}.study-notes-panel>*{position:relative;z-index:1}.drawer-header{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.drawer-header h2{margin-top:4px}.drawer-tabs{display:flex;gap:8px;flex-wrap:wrap}.drawer-tab{border:1px solid var(--line);background:rgba(255,255,255,.45);border-radius:999px;padding:8px 12px;font:600 12px var(--sans);color:var(--muted);cursor:pointer}.drawer-tab.active{background:rgba(96,108,56,.12);border-color:rgba(96,108,56,.28);color:var(--moss)}.drawer-pane{min-width:0}.drawer-pane[hidden]{display:none !important}.study-drawer .research-column,.study-drawer .tools-column{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}.study-notes-panel .note-context{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.5));border:1px solid rgba(123,101,67,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.study-notes-panel .note-composer{position:relative;overflow:hidden;padding:20px 20px 18px;border-radius:22px;display:grid;gap:14px;background:linear-gradient(180deg,rgba(255,252,245,.92),rgba(249,244,232,.82));border:1px solid rgba(123,101,67,.12);box-shadow:0 14px 34px rgba(87,72,43,.08),inset 0 1px 0 rgba(255,255,255,.72)}.study-notes-panel .note-composer:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(96,108,56,.06) 32px);opacity:.8}.study-notes-panel .note-composer>*{position:relative;z-index:1}.note-composer-head{display:grid;gap:6px;padding-bottom:4px;border-bottom:1px solid var(--line)}.note-composer-head h3{margin:2px 0 0;font:700 17px var(--serif);letter-spacing:-.03em}.note-composer-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:52ch}.note-composer-label{display:block;font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.study-notes-panel .note-composer textarea{min-height:420px;font-size:15px;line-height:1.8;letter-spacing:-.01em;padding:2px 0 0;background:transparent}.saved-notes-head{display:flex;justify-content:space-between;align-items:end;gap:14px;padding-top:2px}.saved-notes-head h3{margin:3px 0 0;font:700 16px var(--serif);letter-spacing:-.03em}.study-notes-panel .note-filters{padding:4px 0 2px}.study-notes-panel .filter-chip{background:rgba(255,255,255,.45);border-color:rgba(80,95,82,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.study-notes-panel .filter-chip.active{background:rgba(198,107,61,.1);border-color:rgba(198,107,61,.22)}.study-notes-panel .note-card{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.16));border:1px solid rgba(80,95,82,.08);box-shadow:0 8px 18px rgba(65,70,48,.04)}.study-notes-panel .note-card p{font-size:12px;line-height:1.72;margin:8px 0;color:#525b54}.study-notes-panel .note-card .linked-verse{font-size:8px;opacity:.86}.study-notes-panel .note-card .tag{font-size:8px;padding:2px 6px}.study-notes-panel .note-details{grid-template-columns:auto minmax(0,1fr) auto}.study-notes-panel .notes-list{display:grid;gap:12px;max-height:340px;overflow:auto;padding-right:4px}.study-drawer .tools-column{display:grid;gap:16px}.study-drawer .source-attribution{margin-top:0}@media (max-width:1200px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.study-drawer,.study-notes-panel{padding:18px 16px 16px}.study-notes-panel .note-composer textarea{min-height:300px}}@media (max-width:780px){.workspace-grid{display:block}.study-drawer,.study-notes-panel{margin-bottom:15px;padding:16px 14px 14px}.drawer-header{align-items:start;flex-direction:column}.drawer-tabs{width:100%}.study-notes-panel .note-composer textarea{min-height:220px}.study-notes-panel .notes-list{max-height:none;padding-right:0}}

.notes-header{align-items:end;gap:14px}
.notes-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.recent-studies-rail{display:grid;gap:10px;padding:4px 0 2px}
.rail-head{margin-bottom:0}
.note-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 0}
.editor-tool{border:1px solid rgba(80,95,82,.12);background:rgba(255,255,255,.65);border-radius:10px;padding:7px 9px;color:var(--ink);font:700 11px var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:34px}
.editor-tool:hover{background:rgba(255,255,255,.9);border-color:rgba(198,107,61,.26)}
.editor-tool strong,.editor-tool em,.editor-tool span{font:inherit}
.note-editor{min-height:420px;padding:4px 2px 0;border:0;outline:0;background:transparent;color:var(--ink);font:15px/1.85 var(--serif);letter-spacing:-.01em;white-space:pre-wrap;word-break:break-word}
.note-editor:empty:before,.note-editor[data-empty="true"]:before{content:attr(data-placeholder);color:#9a9f96}
.note-editor h2,.note-editor h3{margin:0 0 .7em;font-family:var(--serif);line-height:1.3}
.note-editor h2{font-size:1.28rem}
.note-editor h3{font-size:1.08rem}
.note-editor p,.note-editor ul,.note-editor ol,.note-editor blockquote{margin:0 0 1em}
.note-editor blockquote{border-left:3px solid rgba(198,107,61,.35);padding-left:12px;color:#566058;font-style:italic}
.note-editor ul,.note-editor ol{padding-left:1.3em}
.note-editor a{color:var(--sage-dark);text-decoration:underline}
.composer-head-actions,.composer-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.study-modal{
  width:min(620px,calc(100vw - 36px));
  height:auto;
  max-height:calc(100vh - 36px);
  overflow:hidden;
  margin:0 0 0 auto;
  padding:16px 16px 14px;
  background:rgba(250,248,241,.995);
  box-shadow:0 26px 80px rgba(54,56,42,.22);
}
.study-modal[hidden],
.music-modal[hidden]{
  display:none !important;
}
.study-modal.is-open{
  position:fixed;
  inset:18px 18px auto auto;
  z-index:30;
}
.study-modal::backdrop{
  background:rgba(41,51,47,.20);
  backdrop-filter:blur(3px);
}
.study-modal .drawer-header{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:start;background:linear-gradient(180deg,rgba(248,246,238,.98),rgba(248,246,238,.92));backdrop-filter:blur(6px);z-index:1;padding-top:6px;border-bottom:1px solid rgba(80,95,82,.11)}
.study-modal .drawer-tabs{grid-column:1 / -1}
.study-modal .research-column,.study-modal .tools-column{padding:0}
.study-modal .research-column{max-height:calc(100vh - 220px);overflow:auto;padding-right:4px}
.study-modal .research-column > .column-heading,
.study-modal .tools-column > .column-heading{
  display:none;
}
.study-modal .research-pane,
.study-modal .saved-source-library,
.study-modal .assistant-panel{
  margin-top:12px;
}
.music-modal{width:min(860px,calc(100% - 24px));padding:18px;background:rgba(248,246,238,.98)}
.music-modal.is-open{
  position:fixed;
  inset:18px 18px auto auto;
  z-index:30;
}
.music-modal-head{gap:14px}
.music-modal .music-actions{align-items:flex-start}
.music-modal .music-player-shell{height:560px}
.music-modal .music-player-shell iframe{min-height:560px}
.music-modal .music-player-label{padding-top:0}

@media (max-width:780px){
  .notes-header{
    align-items:start;
    flex-direction:column;
  }
  .notes-header-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .note-editor{
    min-height:280px;
  }
  .study-modal .research-column{
    max-height:calc(100vh - 190px);
  }
  .study-modal.is-open{
    position:fixed;
    inset:12px;
    width:calc(100vw - 24px);
    height:calc(100vh - 24px);
    max-height:none;
  }
  .music-modal.is-open{
    position:fixed;
    inset:12px;
    width:calc(100vw - 24px);
    height:calc(100vh - 24px);
    max-height:none;
  }
  .music-modal .music-player-shell,
  .music-modal .music-player-shell iframe{
    min-height:380px;
    height:380px;
  }
}