@font-face{font-family:"Outfit";src:url("assets/fonts/Outfit-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{
  --bg:#ECEAE4;--ink:#2A2925;--ink-2:#5B5952;--ink-3:#8C897F;--ink-4:#B4B0A6;
  --line:#D9D5CC;--line-2:#C9C4B9;--chip:#E2DFD8;--accent:#B5482C;
  --paper-letter:#DEDAD1;--paper-white:#FFFFFF;--paper-warm:#EDE6D6;--paper-dark:#23221F;
  --shadow-paper:0 1px 1px rgba(42,41,37,.05),0 10px 18px -10px rgba(42,41,37,.18),0 30px 46px -30px rgba(42,41,37,.26);
  --shadow-lift:0 1px 1px rgba(42,41,37,.06),0 20px 32px -14px rgba(42,41,37,.24),0 50px 72px -36px rgba(42,41,37,.32);
  --shadow-pop:0 2px 4px rgba(42,41,37,.05),0 24px 50px -20px rgba(42,41,37,.3),0 0 0 .5px rgba(42,41,37,.08);
  --latin:"Outfit","Avenir Next",sans-serif;
  --sans:"Outfit",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16 0 0 0 0 .15 0 0 0 0 .13 0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --grain-soft:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16 0 0 0 0 .15 0 0 0 0 .13 0 0 0 .2 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --grain-faint:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16 0 0 0 0 .15 0 0 0 0 .13 0 0 0 .1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --fibre:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .2 0 0 0 0 .18 0 0 0 0 .15 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>");
}
/* Skin only: the six stored palette keys and record coordinates stay unchanged. */
:root{--paper-gray:var(--paper-letter);--paper-dark-text:#EEEBE3;--paper-dark-sub:#9C998F;--paper-dark-body:#C6C2B8;--paper-dark-rule:rgba(238,235,227,.14);--surface:var(--paper-white);--desk:var(--bg);--muted:var(--ink-3);--ink-soft:var(--ink-2);--ink-faint:var(--ink-3);--rule:var(--line);--line-2: #C9C4B9;--green:var(--ink);--float-bg:var(--bg);--chip-active:var(--paper-white);--serif:var(--sans);--mono:var(--latin);--paper-edge:rgba(42,41,37,.05);--paper-light:rgba(255,255,255,.22);--paper-shade:rgba(42,41,37,.025);--focus-ink:rgba(42,41,37,.12);--surface-soft:#FAF9F6;--veil:rgba(236,234,228,.62)}
html,body{background:var(--bg);color:var(--ink)}body{font-family:var(--sans);font-weight:400;font-feature-settings:"kern";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font-family:var(--sans)}
body::after{content:"";position:fixed;inset:0;background:var(--grain);opacity:.07;mix-blend-mode:multiply;pointer-events:none;z-index:90}
body.ac-entering::after{opacity:.16}.workspace-preparing>*,.workspace-error>:not(.workspace-failure){visibility:hidden}.workspace-failure{position:fixed;inset:0;background:var(--bg);z-index:1000;padding:20vh max(25px,calc((100vw - 620px)/2));font-family:var(--sans)}.workspace-failure h1{font-size:25px;font-weight:500}.workspace-failure p{font-size:14px;line-height:1.9;color:var(--ink-2);margin:25px 0}.workspace-failure button{background:var(--ink);color:var(--paper-white);border:0;border-radius:18px;padding:14px 24px;font:inherit}.workspace-failure a{display:inline-block;color:var(--ink-2);margin:20px}
.topbar{max-width:none;padding:0 48px;height:76px}.board{background-image:none}.board::after{background:none}.afterclip-brand{display:flex;align-items:center;font-family:var(--latin);font-size:20px;font-weight:400;line-height:1;color:var(--ink)}.afterclip-brand svg{width:1.3em!important;height:1.3em!important;flex:none;overflow:visible}.afterclip-brand .page{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round}.afterclip-brand .flap{fill:currentColor;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round}.afterclip-brand .fword{margin-left:.36em;letter-spacing:-.02em;white-space:nowrap}.afterclip-brand .fword b{font-weight:500}.afterclip-brand .fword span{font-weight:300}.brand .afterclip-brand{pointer-events:none}
.note,.archive-note,.search-result,.stack-row,.mini-note{background:var(--grain-faint),linear-gradient(168deg,var(--paper-light),transparent 45%,var(--paper-shade)),var(--paper,var(--paper-white));background-blend-mode:multiply,normal,normal;box-shadow:var(--shadow-paper),inset 0 0 0 .5px var(--paper-edge)}
.note:hover,.archive-pinboard.is-open .archive-note:hover{box-shadow:var(--shadow-lift),inset 0 0 0 .5px var(--paper-edge)}
:is(.note,.archive-note,.mini-note,.search-result,.stack-row)[style*="#e5dff0"]{background-image:var(--grain-faint);background-blend-mode:screen}
:is(.note,.archive-note,.mini-note,.search-result,.stack-row)[style*="#efdad2"],:is(.note,.archive-note,.mini-note,.search-result,.stack-row)[style*="#eee8d9"]{background-image:var(--grain-soft),linear-gradient(168deg,var(--paper-light),transparent 45%,var(--paper-shade))}
.note .open-note,.archive-pinboard h3{font-family:var(--sans);font-weight:500}.note .open-note{font-size:16px;line-height:1.55;letter-spacing:.01em}.note .thought-button,.note .journal-body{font-weight:400}.source,.meta-time,.date-label,.day-number,.note-author{font-family:var(--sans)}
.note-art,.archive-note .archive-media{border-radius:8px;overflow:hidden}
/* Keep the calendar pile's crop aligned with its expanded reading cards. */
.sidebar-pile .pile-sheet:not(.is-miniapp) .note-art img{object-position:center}
.calendar-caption.calendar-writing{display:block;line-height:1.7;font-size:11px;padding-top:17px}
.calendar-writing-totals{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 26px;color:var(--ink-3)}
.calendar-writing-stat{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.calendar-writing-stat strong{font-family:var(--sans);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.calendar-writing-brand{margin:6px 0 0;color:var(--ink-3);font-size:11px}
@media(max-width:700px){.calendar-writing-totals{column-gap:18px}.calendar-caption.calendar-writing{padding-top:14px}}
.note-art{position:relative}.note-art img,.archive-note img,.archive-media img{filter:saturate(.82) contrast(.97)}.note-art::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.35;mix-blend-mode:multiply;pointer-events:none}
#noteDialog.is-note-detail{background:var(--grain-faint),linear-gradient(168deg,var(--paper-light),transparent 45%,var(--paper-shade)),var(--paper,var(--paper-white))}#noteDialog .detail-title,.detail-leave h2,.modal-content h2{font-family:var(--sans);font-weight:500}dialog::backdrop{background:var(--veil)}
#noteDialog.is-note-detail.detail-dark{background-image:var(--grain-faint);background-blend-mode:screen}
#noteShareDialog{background:var(--bg);color:var(--ink);font-family:var(--sans)}#noteShareDialog .ns-card{background:var(--paper-white);color:var(--ink)}#noteShareDialog .ns-card.ns-dark{background:var(--paper-dark);color:var(--paper-dark-text)}#noteShareDialog .ns-quote{font-family:var(--sans);font-weight:400}#noteShareDialog h2{font-family:var(--sans);font-weight:500}#noteShareDialog .ns-brand{font-family:var(--latin);font-size:16px;font-weight:400}#noteShareDialog .ns-brand i{display:none}#noteShareDialog .ns-swatches button{background:var(--paper-white);border-color:var(--bg);outline-color:var(--line-2)}#noteShareDialog .ns-swatches button:last-child{background:var(--paper-dark)}
#captureForm{background:rgba(248,247,243,.92);backdrop-filter:blur(8px);box-shadow:var(--shadow-pop)}.primary{background:var(--ink)}.date-label{letter-spacing:.05em}.main-nav,.filters{background:var(--chip)}.main-nav .active,.filter.active{background:var(--surface-soft)}
body.ac-entering{overflow:hidden}.ac-desk-brand-hidden .topbar>.brand{visibility:hidden}body.ac-onboard-inert>.topbar,body.ac-onboard-inert>main,body.ac-onboard-inert>#captureForm,body.ac-onboard-inert>.floating-search,body.ac-onboard-inert>.floating-trash,body.ac-onboard-inert>.floating-help{visibility:hidden}
.note.is-onboarding-sample{width:252px!important;transform:rotate(var(--ac-rotation,0deg))}.note.is-onboarding-sample::before{animation:ac-pin-in 1s var(--ease-out) both}.ac-ritual-pending .note{opacity:0}.ac-ritual-pending #captureForm,.ac-ritual-pending .floating-help,.ac-ritual-pending .floating-trash,.ac-ritual-pending .floating-search{opacity:0;pointer-events:none}.ac-ritual-controls-in #captureForm{animation:ac-capture-in 1s var(--ease-out) both}.ac-ritual-controls-in .floating-help,.ac-ritual-controls-in .floating-trash,.ac-ritual-controls-in .floating-search{transition:opacity .8s var(--ease);opacity:1;pointer-events:auto}
@keyframes ac-capture-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes ac-pin-in{0%,50%{opacity:0;translate:0 -12px}100%{opacity:1;translate:0 0}}
@media(max-width:700px){:root{--page-gutter:18px}.topbar{height:64px;padding:0 18px}.afterclip-brand{font-size:18px}.topbar .main-nav .nav-btn{font-size:12px}.topbar .main-nav{max-width:190px}.date-label{display:none}.board-toolbar{top:64px}.source,.note-author,.meta-time,.date-label,.day-number,.note-status,.journal-edit-hint,.detail-date,.detail-edit-hint,.detail-section-label,.ns-top,.ns-signature,.ns-eyebrow,.ns-name-hint{font-size:11px!important}.ns-brand{font-weight:400!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.note.has-art .open-note{font-family:var(--sans);font-weight:500;font-size:16px;line-height:1.55}
.note.is-onboarding-sample{padding:24px 20px 14px;height:auto!important;min-height:0}
.note.is-onboarding-sample .open-note{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:none;line-height:1.55}
.note.is-onboarding-sample .mini-cover-add{display:none}
.note.is-onboarding-sample .note-art{height:138px!important;aspect-ratio:auto;margin-bottom:16px}
.note.is-onboarding-sample .note-art img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}
.note.is-onboarding-sample .note-author{font-size:11px;margin-top:8px}
.note.is-onboarding-sample .journal-body{font-size:13px;line-height:1.85}
.note.is-onboarding-sample .journal-list-tools{opacity:0;transition:opacity .2s}
.note.is-onboarding-sample:hover .journal-list-tools,.note.is-onboarding-sample:focus-within .journal-list-tools{opacity:1}
.note.is-onboarding-sample::before{animation:none}
.ac-ritual-pending .note.is-onboarding-sample::before{opacity:0}
.ac-ritual-pending .note.is-onboarding-sample.ac-dropped::before{animation:ac-pin-in 1s var(--ease-out) both}
.ac-example-desk .board-toolbar{display:none}.ac-example-desk #boardView{padding-top:0}.ac-example-desk #board{margin-top:0}
.ac-example-desk #captureForm{width:min(720px,calc(100vw - 200px))}
.ac-example-desk .main-nav{padding:3px}.ac-example-desk .nav-btn{height:34px;padding:0 18px;font-size:13px}.ac-example-desk .nav-btn>svg{display:none}
@media(max-width:700px){.ac-example-desk #captureForm{width:calc(100vw - 32px)}}
/* The introductory papers grow with their original text; the regular board
   retains its bounded internal reading areas. */
.note.is-onboarding-sample:not(.writing-mode) .thought-area{flex:0 0 auto;overflow:visible;min-height:0;padding-top:14px}
.note.is-onboarding-sample:not(.writing-mode) .thought-button{flex:0 0 auto;height:auto;max-height:none;overflow:visible}
.note.is-onboarding-sample:not(.inline-editing) .journal-writing-scroll{flex:0 0 auto;min-height:0;overflow:visible}
.note.is-onboarding-sample:not(.inline-editing) .journal-body{flex:0 0 auto;height:auto;max-height:none;overflow:visible}
.note.is-onboarding-sample .note-bottom{margin-top:16px;flex:0 0 auto}
.note.is-onboarding-sample.writing-mode,.note.is-onboarding-sample.inline-editing{height:var(--note-height)!important}
@media(max-width:700px){.filter span,.board-footer,.capture-extras button,.day-count,.calendar-grid .mini-note,.day-more{font-size:11px!important}}

/* Today identifies a date; the broad, borderless wash identifies selection. */
.calendar-grid .day{transition:background-color .18s var(--ease);border:0;box-shadow:none}
.calendar-grid .day:hover{background:rgba(42,41,37,.045)}
.calendar-grid .day.selected,.calendar-grid .day.selected:hover{background:var(--surface-soft);border:0;box-shadow:none}
.calendar-grid .day-number{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;width:auto;height:24px;margin:-2px 0 0;padding:0;border-radius:7px;line-height:24px;text-align:center}
.calendar-grid .day.selected .day-number{color:var(--ink);font-weight:500}
.calendar-grid .day.today .day-number{width:28px;justify-content:center;margin-left:-5px;background:var(--ink);color:var(--paper-white);font-weight:500}
.calendar-grid .day.today .day-number::after{content:none}
.calendar-grid .day:focus-visible{outline:none}
.calendar-grid .day:focus-visible .day-number{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.calendar-grid .day-number{height:22px;margin-top:-1px;border-radius:6px;line-height:22px}.calendar-grid .day.today .day-number{width:24px;margin-left:-3px}}
/* Bookmarklet installation, following the approved browser card. */
#helpDialog{width:min(610px,calc(100vw - 32px))}
.bookmarklet-install{width:min(520px,100%);background:#fff;border-radius:4px;box-shadow:0 1px 1px #2a29250d,0 10px 18px -10px #2a29252e,0 30px 46px -30px #2a292542;padding:40px 44px 36px;margin:28px auto;color:#2a2925;font-family:Outfit,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.bookmarklet-install h3{font-size:24px;font-weight:500;margin:0}.bookmarklet-install p{font-size:14px;line-height:1.8;color:#5b5952;margin:12px 0 0}
.bookmarklet-drag{display:inline-flex;align-items:center;gap:9px;margin:28px 0 8px;padding:12px 20px 12px 16px;border-radius:18px;background:#2a2925;color:#f6f5f1;text-decoration:none;font-size:14px;font-weight:500;box-shadow:0 14px 28px -14px #2a292599;transform:rotate(-2deg);cursor:grab}.bookmarklet-drag svg{width:16px;height:16px}.bookmarklet-drag:active{cursor:grabbing}
.bookmarklet-steps{margin:22px 0 0;padding:0;list-style:none;counter-reset:bookmarklet-step}.bookmarklet-steps li{counter-increment:bookmarklet-step;display:grid;grid-template-columns:30px 1fr;font-size:13px;line-height:1.8;color:#5b5952;padding:9px 0;border-top:1px solid #eeece6}.bookmarklet-steps li::before{content:"0" counter(bookmarklet-step);font-size:10px;letter-spacing:.14em;color:#8c897f;padding-top:4px}@media(max-width:520px){.bookmarklet-install{padding:26px 22px}}

/* One 16:9 content-photo viewport across desk, calendar, search and detail.
   Source logos and real video elements never enter this wrapper. */
:is(.note,.pile-sheet,.archive-note,.search-result) :is(.note-art,.archive-media,.journal-photo,.search-result-media):has(.note-image-frame),
.note.is-onboarding-sample .note-art:has(.note-image-frame){height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;flex:0 0 auto!important;overflow:hidden;border-radius:8px}
.note-image-frame{display:block;position:relative;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#16161509;isolation:isolate}
:is(.note,.pile-sheet,.archive-note,.search-result,#noteDialog.is-note-detail) .note-image-frame>img{position:absolute;display:block;width:100%;height:100%;min-height:0;max-height:none!important;max-width:none!important;inset:0;margin:0!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;aspect-ratio:auto!important;background:transparent!important}
:is(.note,.pile-sheet,.archive-note,.search-result,#noteDialog.is-note-detail) .note-image-frame.is-reframed>img{inset:auto;object-fit:fill!important}

/* Keep playable video in the same 16:9 viewport as content photos. */
:is(.note,.pile-sheet,.archive-note,.search-result) :is(.note-art,.archive-media,.search-result-media):has(> video){height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;flex:0 0 auto!important;overflow:hidden;border-radius:8px}
:is(.note,.pile-sheet,.archive-note,.search-result) :is(.note-art,.archive-media,.search-result-media)>video{display:block;width:100%;height:100%;max-height:none!important;aspect-ratio:16/9;object-fit:contain;background:#161615}
#noteDialog.is-note-detail #detailPreview video{width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;border-radius:8px}