:root {
  --bg: #eeeae2;
  --paper: #f7f4ed;
  --paper-2: #f1ede5;
  --ink: #262923;
  --muted: #7e7e74;
  --line: #dcd7cc;
  --accent: #db6e52;
  --accent-soft: #f1cabe;
  --sage: #718474;
  --blue: #5d7895;
  --gold: #c5953d;
  --lavender: #8f82a4;
  --sidebar: #e8e3da;
  --shadow: 0 1px 0 rgb(30 28 22 / 4%), 0 18px 50px rgb(55 45 30 / 6%);
  --serif: "Newsreader", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;
  --mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 14px; transition: background .4s, color .4s; }
button, input, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
::selection { background: var(--accent-soft); }
body.data-loading .shell { visibility: hidden; }
body.data-loading::before { content:"Opening your Daybook…"; position:fixed; inset:0; display:grid; place-items:center; color:var(--muted); font:400 11px var(--mono); letter-spacing:.08em; }

body[data-theme="night"] { --bg:#141715; --paper:#1d211f; --paper-2:#232825; --ink:#edf1e9; --muted:#929c93; --line:#343b36; --accent:#ef8f67; --accent-soft:#6f4132; --sage:#91a988; --blue:#83a8c7; --gold:#d3ab62; --lavender:#ae9bc4; --sidebar:#181c1a; --shadow:0 20px 60px rgb(0 0 0 / 20%); }
body[data-theme="botanical"] { --bg:#dfe4d9; --paper:#f1f1e7; --paper-2:#e7eadc; --ink:#233126; --muted:#6b796c; --line:#cbd2c4; --accent:#ab624d; --accent-soft:#e1c1b3; --sage:#4f7359; --blue:#607e7b; --gold:#aa873e; --sidebar:#d7ddcf; }
body[data-theme="orbit"] { --bg:#e4dfeb; --paper:#f5f1f6; --paper-2:#ebe5ef; --ink:#302b39; --muted:#7c7485; --line:#d7cede; --accent:#b76770; --accent-soft:#e7bec6; --sage:#77877e; --blue:#707fa8; --gold:#b69654; --lavender:#786697; --sidebar:#dcd5e5; }
body[data-theme="cork"] { --bg:#d8c1a9; --paper:#f4eadc; --paper-2:#eadbc8; --ink:#372b24; --muted:#806f61; --line:#ddcbb8; --accent:#b9543f; --accent-soft:#e8b7a4; --sage:#68765c; --blue:#65788a; --gold:#a77b32; --lavender:#88788d; --sidebar:#cfb79d; }

.shell { display:grid; grid-template-columns: 224px minmax(0,1fr); min-height:100vh; }
.sidebar { position:fixed; inset:0 auto 0 0; width:224px; display:flex; flex-direction:column; padding:28px 18px 20px; background:var(--sidebar); border-right:1px solid var(--line); z-index:20; transition:transform .3s, background .4s; }
.brand { display:flex; align-items:center; gap:9px; color:var(--ink); text-decoration:none; font-family:var(--serif); font-size:22px; font-weight:500; margin:0 12px 38px; }
.brand-mark { display:grid; place-items:center; width:29px; height:29px; color:var(--paper); background:var(--ink); border-radius:50%; font-family:var(--serif); font-style:italic; font-size:18px; }
.nav-list { display:flex; flex-direction:column; gap:5px; }
.nav-item { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:9px; text-decoration:none; color:var(--muted); font-size:13px; transition:color .2s,background .2s,transform .18s; }
.nav-item span { width:18px; text-align:center; font-size:16px; }
.nav-item:hover, .nav-item.active { color:var(--ink); background:color-mix(in srgb, var(--paper) 68%, transparent); }
.nav-item.quiet-nav:last-child { margin-top:8px; border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent); border-radius:0 0 9px 9px; padding-top:15px; }
.nav-grip { display:none; margin-left:auto; color:var(--muted); font:500 11px var(--mono)!important; letter-spacing:-.18em; cursor:grab; touch-action:none; }
body.layout-editing .nav-item { outline:1px solid transparent; }
body.layout-editing .nav-item:hover { outline-color:color-mix(in srgb,var(--accent) 45%,transparent); }
body.layout-editing .nav-grip { display:inline-block; }
body.layout-editing .nav-item.quiet-nav { margin-top:0; border-top-color:transparent; border-radius:9px; padding-top:10px; }
.nav-item.is-dragging { opacity:.42; transform:scale(.98); }
.sidebar-spacer { flex:1; }
.energy-card { margin:20px 4px; padding:15px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb, var(--paper) 45%, transparent); }
.energy-card > p:nth-child(2) { margin:7px 0 12px; font-family:var(--serif); font-size:15px; }
.eyebrow { margin:0; font:500 10px/1.2 var(--mono); letter-spacing:.13em; color:var(--muted); }
.energy-options { display:flex; gap:7px; }
.energy-options button { border:1px solid var(--line); background:transparent; border-radius:50%; width:29px; height:29px; color:var(--muted); }
.energy-options button:hover, .energy-options button.selected { color:var(--paper); background:var(--ink); border-color:var(--ink); }
.profile-button { width:100%; border:0; background:transparent; display:grid; grid-template-columns:34px 1fr auto; gap:9px; text-align:left; align-items:center; padding:9px; border-radius:10px; }
.profile-button:hover { background:color-mix(in srgb, var(--paper) 55%, transparent); }
.avatar { width:34px; height:34px; display:grid; place-items:center; background:var(--accent-soft); border-radius:50%; font:500 10px var(--mono); color:var(--ink); }
.profile-button strong { display:block; font-size:12px; }
.profile-button small { color:var(--muted); font-size:10px; }
.profile-more { color:var(--muted); font-size:10px; }

.main { grid-column:2; min-width:0; }
.topbar { height:73px; padding:0 44px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter:blur(12px); position:sticky; top:0; z-index:15; }
.search-button { width:255px; display:flex; align-items:center; gap:9px; border:0; background:transparent; color:var(--muted); text-align:left; }
.search-button span { font-size:20px; }.search-button kbd { margin-left:auto; }
kbd { font:400 9px var(--mono); padding:4px 6px; border:1px solid var(--line); border-radius:5px; color:var(--muted); background:var(--paper-2); box-shadow:0 1px 0 var(--line); }
.topbar-actions { display:flex; align-items:center; gap:8px; }
.customize-button { display:flex; align-items:center; gap:7px; height:34px; padding:0 12px; border:1px solid var(--line); border-radius:999px; background:var(--paper); color:var(--muted); font-size:10px; }
.customize-button:hover,.customize-button[aria-pressed="true"] { border-color:var(--accent); color:var(--accent); background:color-mix(in srgb,var(--accent-soft) 18%,var(--paper)); }
.customize-button > span:first-child { font-size:14px; }
.icon-button, .mobile-menu { border:1px solid var(--line); background:var(--paper); border-radius:50%; width:34px; height:34px; }
.icon-button:hover { border-color:var(--muted); transform:translateY(-1px); }
.mobile-menu { display:none; }
.live-clock { padding-left:12px; margin-left:3px; border-left:1px solid var(--line); line-height:1; min-width:76px; }
.live-clock span { display:block; font:500 15px var(--mono); }
.live-clock small { color:var(--muted); font:400 8px var(--mono); letter-spacing:.12em; }
.page { width:min(1250px, calc(100% - 72px)); margin:0 auto; padding:58px 0 32px; }
.welcome { display:flex; align-items:end; justify-content:space-between; margin-bottom:38px; }
.date-line { font:500 10px var(--mono); letter-spacing:.15em; color:var(--accent); margin:0 0 11px; }
.welcome h1 { font:400 clamp(35px,4vw,52px)/1.05 var(--serif); letter-spacing:-.035em; margin:0; }
.welcome-sub { margin:10px 0 0; color:var(--muted); font-family:var(--serif); font-style:italic; font-size:17px; }
.new-capture { display:flex; align-items:center; gap:8px; border:1px solid var(--ink); color:var(--paper); background:var(--ink); padding:11px 16px; border-radius:8px; font-size:12px; box-shadow:var(--shadow); }
.new-capture:hover { transform:translateY(-2px); }

.customize-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:-16px 0 18px; padding:13px 15px; border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line)); border-radius:13px; background:color-mix(in srgb,var(--accent-soft) 16%,var(--paper)); box-shadow:var(--shadow); }
.customize-panel[hidden] { display:none; }
.customize-panel > div { display:flex; align-items:center; gap:12px; }
.customize-panel > div > span { display:grid; place-items:center; width:31px; height:31px; flex:0 0 auto; border-radius:50%; background:var(--ink); color:var(--paper); }
.customize-panel p { margin:0; }
.customize-panel strong { display:block; font:600 11px var(--sans); }
.customize-panel small { display:block; margin-top:2px; color:var(--muted); font:400 10px/1.4 var(--serif); }
.customize-panel button { flex:0 0 auto; border:1px solid var(--line); border-radius:8px; background:var(--paper); padding:8px 11px; color:var(--muted); font-size:9px; }
.customize-panel button:hover { border-color:var(--accent); color:var(--accent); }

.dashboard-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-flow:row dense; gap:17px; align-items:start; }
.dashboard-grid > .card { grid-column:span var(--widget-columns,6); width:100%; height:var(--widget-height,auto); min-height:220px; }
.card { position:relative; background:var(--paper); border:1px solid var(--line); border-radius:15px; box-shadow:var(--shadow); overflow:auto; transition:background .4s, border-color .4s, box-shadow .2s, transform .2s, opacity .2s; }
.card:hover { box-shadow:0 1px 0 rgb(30 28 22 / 3%),0 22px 54px rgb(55 45 30 / 8%); }
.widget-toolbar { display:none; position:absolute; right:12px; top:12px; z-index:12; align-items:center; gap:5px; padding:4px; border:1px solid color-mix(in srgb,var(--line) 75%,transparent); border-radius:999px; background:color-mix(in srgb,var(--paper) 90%,transparent); box-shadow:0 7px 20px rgb(30 28 22 / 13%); backdrop-filter:blur(10px); }
.widget-toolbar button { display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--muted); }
.widget-toolbar button:hover { background:var(--paper-2); color:var(--ink); }
.widget-drag-handle { cursor:grab; touch-action:none; font:500 12px var(--mono)!important; letter-spacing:-.18em; }
.widget-size-cycle { font-size:14px!important; }
.widget-resize-handle { display:none; position:absolute; z-index:13; right:5px; bottom:5px; width:25px; height:25px; padding:0; border:0; border-radius:8px; background:color-mix(in srgb,var(--paper) 92%,transparent); color:var(--muted); box-shadow:0 4px 14px rgb(30 28 22 / 12%); touch-action:none; cursor:nwse-resize; }
.widget-resize-handle::before { content:""; position:absolute; right:6px; bottom:6px; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; }
body.layout-editing .widget-toolbar { display:flex; }
body.layout-editing .widget-resize-handle { display:block; }
body.layout-editing .dashboard-grid > .card { outline:1px solid color-mix(in srgb,var(--accent) 34%,transparent); outline-offset:-1px; }
body.layout-editing .dashboard-grid > .card:hover { outline-color:var(--accent); }
body.layout-editing .dashboard-grid > .card > :not(.widget-toolbar):not(.widget-resize-handle) { pointer-events:none; user-select:none; }
.dashboard-grid > .card.is-dragging { opacity:.4; transform:scale(.985); box-shadow:none; }
.dashboard-grid > .card.is-resizing { outline:2px solid var(--accent); box-shadow:0 24px 70px rgb(55 45 30 / 13%); }
body.layout-editing .dashboard-grid > .card.is-dragging,body.layout-editing .dashboard-grid > .card.is-resizing { animation:none; }
body.layout-editing .dashboard-grid > .card:nth-of-type(2n) { animation-delay:-.1s; }
@media (prefers-reduced-motion:no-preference) { body.layout-editing .dashboard-grid > .card { animation:widget-float 1.7s ease-in-out infinite alternate; } }
@keyframes widget-float { from{transform:translateY(0)} to{transform:translateY(-1.5px)} }
.card-heading { display:flex; justify-content:space-between; align-items:center; padding:19px 21px; border-bottom:1px solid var(--line); }
.card-heading > div:first-child { display:flex; align-items:center; gap:9px; }
.section-dot { width:7px; height:7px; border-radius:50%; }.coral{background:var(--accent)}.sage{background:var(--sage)}.gold{background:var(--gold)}.blue{background:var(--blue)}.lavender{background:var(--lavender)}
.text-button { border:0; background:transparent; color:var(--muted); font-size:11px; }
.text-button:hover { color:var(--ink); }

.focus-card { min-height:385px; }
.focus-intention { display:grid; grid-template-columns:40px 1fr; gap:6px; margin:24px 24px 15px; }
.focus-number { color:var(--accent); font:400 10px var(--mono); padding-top:6px; }
.focus-intention h2 { margin:0; font:400 25px/1.1 var(--serif); outline:0; }
.focus-intention p { margin:5px 0 0; color:var(--muted); font-family:var(--serif); font-style:italic; outline:0; }
[contenteditable="true"]:focus { box-shadow:inset 0 -1px var(--accent); }
.task-list { padding:5px 23px 0; }
.task-row { display:grid; grid-template-columns:21px 1fr auto; gap:11px; align-items:center; padding:10px 0; border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent); }
.task-check { appearance:none; width:18px; height:18px; border:1px solid var(--line); border-radius:50%; margin:0; display:grid; place-items:center; cursor:pointer; background:transparent; }
.task-check:checked { background:var(--ink); border-color:var(--ink); }.task-check:checked::after { content:"✓"; color:var(--paper); font-size:10px; }
.task-row:has(.task-check:checked) .task-copy { color:var(--muted); text-decoration:line-through; }
.task-copy { font-size:12px; border:0; outline:0; background:transparent; min-width:0; }
.task-tag { font:400 8px var(--mono); letter-spacing:.07em; color:var(--muted); background:var(--paper-2); padding:5px 7px; border-radius:5px; }
.delete-task { display:none; border:0; background:transparent; color:var(--muted); padding:0; }.task-row:hover .delete-task { display:inline; }
.add-task-form { display:flex; gap:10px; align-items:center; margin:6px 23px 0; }
.add-task-form button { border:0; background:transparent; color:var(--muted); font-size:17px; padding:5px 0; }
.add-task-form input { border:0; background:transparent; outline:0; width:100%; font-size:11px; }
.add-task-form input::placeholder { color:color-mix(in srgb,var(--muted) 70%,transparent); }
.focus-footer { display:grid; grid-template-columns:auto 1fr; gap:15px; align-items:center; margin:17px 23px 20px; font:400 8px var(--mono); color:var(--muted); }
.progress-track { height:2px; background:var(--line); }.progress-track span { display:block; height:100%; width:0; background:var(--accent); transition:width .35s; }

.calendar-card { min-height:440px; }
.calendar-title { display:flex; justify-content:space-between; align-items:center; padding:20px 20px 12px; }
.calendar-title h2 { font:400 20px var(--serif); margin:0; }
.calendar-title button { border:0; background:transparent; color:var(--muted); }
.weekdays,.calendar-days { display:grid; grid-template-columns:repeat(7,1fr); padding:0 16px; text-align:center; }
.weekdays span { font:400 8px var(--mono); color:var(--muted); padding:6px 0 10px; }
.calendar-days button { position:relative; border:0; background:transparent; aspect-ratio:1; border-radius:50%; font:400 10px var(--mono); color:var(--ink); padding:0; }
.calendar-days button:hover { background:var(--paper-2); }.calendar-days button.outside { color:color-mix(in srgb,var(--muted) 36%,transparent); }.calendar-days button.today { color:var(--paper); background:var(--ink); }.calendar-days button.selected:not(.today) { outline:1px solid var(--accent); color:var(--accent); }
.calendar-days button.has-event::after { content:""; position:absolute; bottom:3px; left:50%; width:3px; height:3px; background:var(--accent); border-radius:50%; }
.agenda { margin-top:18px; border-top:1px solid var(--line); padding:12px 20px 19px; }
.agenda > div { display:grid; grid-template-columns:34px 2px 1fr; gap:10px; align-items:start; padding:8px 0; }
.agenda-time { font:400 8px var(--mono); color:var(--muted); padding-top:3px; }.agenda-line { width:2px; height:31px; }.agenda-line.rust{background:var(--accent)}.agenda-line.blue{background:var(--blue)}
.agenda p { margin:0; font-size:10px; }.agenda strong{display:block;font-weight:600}.agenda small{display:block;color:var(--muted);margin-top:3px;font-size:9px}
.agenda > .agenda-empty { display:block; padding:10px 0 4px; }

.scratch-card { min-height:225px; }
.autosave { font:400 8px var(--mono); color:var(--muted); }
.scratch-card textarea { display:block; width:100%; height:125px; padding:20px 23px; border:0; outline:0; resize:none; color:var(--ink); background:transparent; font:400 17px/1.6 var(--serif); }
.scratch-card textarea::placeholder { color:color-mix(in srgb,var(--muted) 55%,transparent); font-style:italic; }
.scratch-tools { display:flex; justify-content:space-between; padding:0 22px 15px; color:var(--muted); font:400 8px var(--mono); }
.scratch-tools button { border:0; background:transparent; color:var(--muted); font:inherit; }.scratch-tools button:hover{color:var(--ink)}

.news-card { min-height:290px; }
.news-heading { align-items:center; }.news-tabs { background:var(--paper-2); border-radius:7px; padding:3px; }.news-tabs button { border:0; background:transparent; padding:5px 9px; border-radius:5px; font-size:9px; color:var(--muted); }.news-tabs button.active { background:var(--paper); color:var(--ink); box-shadow:0 1px 4px rgb(0 0 0 / 8%); }
.news-list { padding:5px 21px 1px; }
.news-item { display:grid; grid-template-columns:1fr auto; gap:15px; color:var(--ink); text-decoration:none; padding:14px 1px; border-bottom:1px solid var(--line); }
.news-item:last-child{border-bottom:0}.news-item:hover h3{color:var(--accent)}.news-item h3 { margin:0 0 5px; font:400 16px/1.25 var(--serif); transition:.2s; }.news-item p { margin:0; color:var(--muted); font:400 8px var(--mono); text-transform:uppercase; letter-spacing:.04em; }.news-item > span{color:var(--muted)}
.all-news { width:100%; border:0; border-top:1px solid var(--line); background:var(--paper-2); padding:12px; font-size:9px; color:var(--muted); }.all-news:hover{color:var(--ink)}

.corkboard { min-height:430px; padding:18px; background:color-mix(in srgb,var(--paper) 78%,#b8855f 22%); background-image:radial-gradient(color-mix(in srgb,var(--ink) 7%,transparent) .7px,transparent .7px); background-size:6px 6px; }
.corkboard-image { position:relative; width:100%; height:218px; transform:rotate(-1.2deg); box-shadow:0 10px 25px rgb(47 34 22 / 18%); overflow:hidden; border:6px solid #eee6d9; }
.corkboard-image img { width:100%; height:100%; object-fit:cover; display:block; }.image-label { position:absolute; left:10px; bottom:9px; background:rgb(30 29 25 / 80%); color:#fff; padding:5px 7px; font:400 7px var(--mono); letter-spacing:.1em; }
.pin { position:absolute; width:12px; height:12px; background:var(--accent); border-radius:50%; box-shadow:1px 3px 4px rgb(0 0 0 / 25%); z-index:2; }.pin-one{top:13px;left:48%}
.vision-note { position:absolute; box-shadow:0 8px 18px rgb(54 40 24 / 12%); }
.note-quote { left:22px; top:264px; width:55%; background:#efc9b4; padding:17px 18px; transform:rotate(1.5deg); }.note-quote span{color:#b35a45}.note-quote p{font:400 18px/1.2 var(--serif);margin:6px 0 0}
.note-list { right:19px; top:325px; width:58%; background:#e7e4cb; padding:18px; transform:rotate(-1.3deg); }.note-list ul { margin:11px 0 0; padding-left:15px; font:400 12px/1.75 var(--serif); }
.add-to-board { position:absolute; bottom:18px; left:18px; right:18px; border:1px dashed color-mix(in srgb,var(--ink) 28%,transparent); background:color-mix(in srgb,var(--paper) 45%,transparent); padding:10px; border-radius:7px; color:var(--muted); font-size:10px; }.add-to-board:hover{background:var(--paper);color:var(--ink)}

.notes-wall { min-height:260px; }.sticky-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; padding:18px 20px 12px; }.sticky { min-height:115px; padding:13px; position:relative; background:var(--paper-2); border-radius:3px; transform:rotate(var(--tilt)); box-shadow:0 5px 12px rgb(55 40 20 / 7%); }.sticky:nth-child(3n+1){background:color-mix(in srgb,var(--accent-soft) 60%,var(--paper))}.sticky:nth-child(3n+2){background:color-mix(in srgb,#dce2c8 65%,var(--paper))}.sticky:nth-child(3n){background:color-mix(in srgb,#d8ddeb 65%,var(--paper))}.sticky p { margin:8px 0; font:400 14px/1.25 var(--serif); outline:0; }.sticky small{font:400 7px var(--mono);color:var(--muted)}.sticky-delete{position:absolute;right:7px;top:4px;border:0;background:transparent;color:var(--muted);opacity:0}.sticky:hover .sticky-delete{opacity:1}
.add-note-button { margin:0 20px 18px; border:0; background:transparent; color:var(--muted); font-size:10px; }.add-note-button:hover{color:var(--ink)}
.footer-note { text-align:center; margin-top:35px; font:400 9px var(--mono); color:var(--muted); }.footer-note span:first-child{color:var(--accent);margin-right:6px}

.writer-page { position:relative; width:min(1120px,calc(100% - 72px)); min-height:calc(100vh - 73px); margin:0 auto; padding:54px 0 48px; overflow:hidden; }
.writer-aura { position:absolute; width:440px; height:440px; right:-180px; top:50px; border-radius:50%; background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--accent-soft) 58%,transparent),transparent 68%); filter:blur(4px); opacity:.65; pointer-events:none; }
.writer-intro { position:relative; display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:33px; }
.writer-intro h1 { margin:0; font:400 clamp(38px,4.5vw,58px)/1 var(--serif); letter-spacing:-.04em; }
.writer-intro > div > p:last-child { margin:10px 0 0; color:var(--muted); font:italic 16px var(--serif); }
.writer-layout { position:relative; display:grid; grid-template-columns:208px minmax(0,1fr); gap:17px; align-items:stretch; }
.writer-library { min-height:620px; padding:19px 13px; border:1px solid var(--line); border-radius:15px; background:color-mix(in srgb,var(--paper) 70%,transparent); }
.writer-library-heading { display:flex; align-items:center; justify-content:space-between; padding:0 6px 14px; border-bottom:1px solid var(--line); }
.writer-library-heading > span { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--paper-2); color:var(--muted); font:400 8px var(--mono); }
.writing-entry-list { display:flex; flex-direction:column; gap:5px; padding-top:11px; }
.writing-entry { position:relative; width:100%; padding:11px 27px 11px 10px; border:0; border-radius:9px; background:transparent; text-align:left; }
.writing-entry:hover,.writing-entry.active { background:var(--paper); }
.writing-entry-open { display:block; width:100%; padding:0; border:0; background:transparent; text-align:left; }
.writing-entry strong { display:block; overflow:hidden; color:var(--ink); font:500 11px/1.3 var(--sans); text-overflow:ellipsis; white-space:nowrap; }
.writing-entry small { display:block; margin-top:5px; color:var(--muted); font:400 7px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.writing-entry-delete { position:absolute; top:10px; right:8px; border:0; background:transparent; color:var(--muted); opacity:0; }
.writing-entry:hover .writing-entry-delete { opacity:1; }
.writer-library-note { margin:20px 7px 0; color:var(--muted); font:italic 11px/1.45 var(--serif); }
.writer-sheet { position:relative; min-height:620px; padding:30px clamp(28px,6vw,78px) 23px; border:1px solid var(--line); border-radius:15px; background:var(--paper); box-shadow:var(--shadow); overflow:hidden; }
.writer-sheet::after { content:""; position:absolute; width:6px; height:6px; right:24px; bottom:24px; border-radius:50%; background:var(--accent); opacity:.7; }
.writer-sheet-meta { display:flex; align-items:center; gap:20px; color:var(--muted); font:400 8px var(--mono); letter-spacing:.1em; }
.writer-sheet-meta span:last-child { margin-left:auto; }
.writing-title { display:block; width:100%; margin:45px 0 14px; padding:0; border:0; outline:0; background:transparent; color:var(--ink); font:400 clamp(28px,3.2vw,42px)/1.1 var(--serif); letter-spacing:-.025em; }
.writing-title::placeholder { color:color-mix(in srgb,var(--muted) 38%,transparent); }
.writing-body { display:block; width:100%; min-height:385px; padding:8px 0 30px; border:0; outline:0; resize:none; background:transparent; color:var(--ink); font:400 19px/1.75 var(--serif); caret-color:var(--accent); }
.writing-body::placeholder { color:color-mix(in srgb,var(--muted) 38%,transparent); font-style:italic; }
.writing-prompts { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding-top:15px; border-top:1px solid var(--line); }
.writing-prompts > span { margin-right:4px; color:var(--muted); font:italic 11px var(--serif); }
.writing-prompts button { border:1px solid var(--line); border-radius:999px; background:transparent; padding:6px 9px; color:var(--muted); font-size:8px; }
.writing-prompts button:hover { border-color:var(--accent); color:var(--accent); background:color-mix(in srgb,var(--accent-soft) 18%,transparent); }

dialog { color:var(--ink); background:var(--paper); border:1px solid var(--line); box-shadow:0 30px 100px rgb(0 0 0 / 25%); border-radius:14px; padding:0; }
dialog::backdrop { background:rgb(26 25 22 / 35%); backdrop-filter:blur(5px); }
.palette { width:min(570px,calc(100% - 30px)); margin-top:12vh; }.palette-inner{padding:0}.palette-search{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid var(--line)}.palette-search>span{font-size:22px}.palette-search input{border:0;outline:0;background:transparent;flex:1;font:400 17px var(--serif)}.command-results{padding:15px}.command-results>p{margin:4px 7px 9px}.command-results button{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;text-align:left;border:0;background:transparent;border-radius:8px;padding:9px}.command-results button:hover{background:var(--paper-2)}.command-results button>span:first-child{font-size:18px;color:var(--accent)}.command-results strong{display:block;font-size:11px}.command-results small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.theme-dialog { width:min(650px,calc(100% - 30px)); }.theme-dialog form{padding:22px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.dialog-heading h2{font:400 26px var(--serif);margin:5px 0}.dialog-heading>button{border:0;background:transparent;font-size:22px;color:var(--muted)}.theme-options{display:grid;gap:8px}.theme-options>button{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;text-align:left;border:1px solid var(--line);background:transparent;padding:9px;border-radius:10px}.theme-options>button:hover{background:var(--paper-2);border-color:var(--muted)}.theme-options strong{display:block;font:500 12px var(--sans)}.theme-options small{display:block;color:var(--muted);font:400 10px var(--serif);margin-top:3px}.theme-swatch{width:52px;height:40px;border-radius:6px;display:block}.theme-swatch.studio{background:linear-gradient(135deg,#e8e3da 50%,#db6e52 50%)}.theme-swatch.night{background:linear-gradient(135deg,#181c1a 50%,#ef8f67 50%)}.theme-swatch.botanical{background:linear-gradient(135deg,#d7ddcf 50%,#4f7359 50%)}.theme-swatch.orbit{background:linear-gradient(135deg,#dcd5e5 50%,#786697 50%)}.theme-swatch.cork{background:linear-gradient(135deg,#cfb79d 50%,#b9543f 50%)}
.toast { position:fixed; left:50%; bottom:25px; transform:translate(-50%,20px); background:var(--ink); color:var(--paper); padding:10px 15px; border-radius:8px; box-shadow:var(--shadow); font-size:10px; opacity:0; pointer-events:none; transition:.3s; z-index:100; }.toast.show{opacity:1;transform:translate(-50%,0)}
body.focus-mode .sidebar, body.focus-mode .calendar-card, body.focus-mode .scratch-card, body.focus-mode .news-card, body.focus-mode .corkboard, body.focus-mode .notes-wall, body.focus-mode .footer-note, body.focus-mode .new-capture { display:none; }body.focus-mode .main{grid-column:1/-1}body.focus-mode .dashboard-grid{display:block;max-width:720px;margin:40px auto}body.focus-mode .focus-card{min-height:430px}body.focus-mode .topbar{padding-inline:6vw}body.focus-mode .page{max-width:900px}

@media (max-width: 1020px) { .shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px}.main{grid-column:2}.page,.writer-page{width:calc(100% - 40px)}.topbar{padding:0 24px}.sticky-grid{grid-template-columns:repeat(2,1fr)}.writer-layout{grid-template-columns:180px minmax(0,1fr)}.writer-sheet{padding-inline:42px} }
@media (max-width: 760px) { .shell{display:block}.sidebar{transform:translateX(-105%);box-shadow:20px 0 50px rgb(0 0 0 / 15%)}.sidebar.open{transform:translateX(0)}.main{grid-column:auto}.mobile-menu{display:block}.search-button{width:auto}.search-button kbd,.search-button span{display:none}.topbar{padding:0 16px}.customize-button{width:34px;padding:0;justify-content:center}.customize-button>span:last-child{display:none}.page,.writer-page{width:calc(100% - 28px);padding-top:35px}.welcome,.writer-intro{align-items:start;gap:20px}.welcome h1{font-size:38px}.welcome-sub{font-size:15px}.new-capture{font-size:0;padding:10px}.new-capture span{font-size:17px}.customize-panel{align-items:start}.customize-panel small{max-width:240px}.dashboard-grid{display:block}.dashboard-grid>.card{grid-column:auto;height:var(--widget-height,auto)}.card{margin-bottom:14px}.calendar-card,.focus-card,.scratch-card,.news-card,.corkboard,.notes-wall{grid-column:auto;grid-row:auto}.corkboard{min-height:430px}.live-clock{display:none}body.focus-mode .mobile-menu{display:none}.writer-layout{display:block}.writer-library{min-height:0;margin-bottom:12px}.writing-entry-list{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));overflow-x:auto}.writer-library-note{display:none}.writer-sheet{min-height:590px;padding:25px}.writing-body{min-height:350px} }
@media (max-width: 430px) { .page,.writer-page{width:calc(100% - 20px)}.welcome h1,.writer-intro h1{font-size:32px}.welcome-sub{max-width:260px}.card-heading{padding:17px}.focus-intention{margin-inline:17px}.task-list,.add-task-form{padding-inline:0;margin-inline:17px}.sticky-grid{grid-template-columns:1fr 1fr;padding-inline:14px}.note-quote{width:70%}.note-list{width:70%;top:345px}.search-button{font-size:11px}.theme-dialog form{padding:15px}.writing-entry-list{grid-template-columns:repeat(3,150px)}.writing-title{margin-top:35px}.writing-body{font-size:17px}.writing-prompts>span{width:100%} }