@font-face{font-family:Doto;src:url('/assets/fonts/Doto.ttf') format('truetype');font-weight:100 900;font-display:swap}
html[data-entry-source=notes]{--ink:#171717;--paper:#ebebeb;--ground:#e4e4e4;--muted:#737373;--rule:#c6c6c6;background:var(--ground);color:var(--ink)}
html[data-entry-source=notes] body::before{display:none}
html[data-entry-source=notes] .masthead{max-width:1120px;margin:auto;padding:23px 36px;border:0;align-items:center}
html[data-entry-source=notes] .wordmark{font-size:15px;letter-spacing:-.03em;font-weight:600}
html[data-entry-source=notes] .wordmark span{font:8px var(--mono);letter-spacing:.08em;margin-top:6px}
html[data-entry-source=notes] .masthead nav{gap:24px}
html[data-entry-source=notes] .masthead nav a{font-size:9px;min-height:44px}
html[data-entry-source=notes] .masthead nav a[aria-current]{border:0}
html[data-entry-source=notes] .masthead nav a[aria-current]::after{content:'';position:absolute;right:-8px;top:9px;width:4px;height:4px;background:#cf3c27;border-radius:50%}
html[data-entry-source=notes] #case-bar{display:none}
html[data-entry-source=notes] main{max-width:680px;margin:0 auto;padding:34px 40px 0;min-height:auto}
html[data-entry-source=notes] .site-footer{border:0;margin:0 auto;max-width:600px;padding:0 0 30px;display:block}
html[data-entry-source=notes] .site-footer>.mono,html[data-entry-source=notes] .footer-mark{display:none}
html[data-entry-source=notes] .site-footer>p:not(.mono){font-size:10px;line-height:1.8;color:#737373;max-width:100%;text-align:center}
.notes-workspace{width:100%;padding-bottom:22px}
.notes-kicker{display:flex;justify-content:space-between;gap:16px;font:9px/1.5 var(--mono);letter-spacing:.04em}
.notes-kicker>span:last-child{color:#848484}
.notes-title-block h1{font:650 44px/1 Doto,var(--sans);font-variation-settings:'ROND' 100;letter-spacing:-.045em;position:relative;margin:22px 0 18px;width:max-content}
.notes-title-dot{display:inline-block;vertical-align:middle;width:9px;height:9px;background:#d7432a;border-radius:50%;margin-left:15px;margin-bottom:8px}
.notes-title-block>p{font-size:13px;letter-spacing:-.02em;line-height:1.7;color:#666666}
.notes-side-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:31px 0 14px;padding:4px;background:#d7d7d7;border-radius:30px}
.notes-side-switch button{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 18px;border:0;border-radius:25px;background:transparent;font-size:12px;color:#686868;transition:background .16s,color .16s}
.notes-side-switch button[aria-pressed=true]{background:#1c1c1c;color:#efefef}
.side-english{font:10px var(--mono);margin-left:4px}
.side-dot{font:10px var(--mono);opacity:.65}
.side-dot.is-filled{opacity:1;font-size:11px}
.notes-scanport{position:relative;min-height:490px;background:#d6d6d6;border-radius:2px;overflow:hidden;isolation:isolate;border:1px solid #cacaca;display:flex;flex-direction:column}
.notes-scanport::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#ededed60,transparent 70%);box-shadow:inset 0 1px 8px #73737310;pointer-events:none;z-index:-1}
.scanport-meta{display:flex;justify-content:space-between;gap:16px;padding:19px 21px 0;font:9px var(--mono);letter-spacing:.04em;color:#747474;position:relative;z-index:4}
.notes-photo-window{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px 46px 18px;position:relative;perspective:1400px}
.notes-empty{width:100%;height:365px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}
.notes-empty::before,.notes-empty::after{content:'';position:absolute;width:18px;height:18px;border-color:#aeaeae;border-style:solid}
.notes-empty::before{top:0;left:0;border-width:1px 0 0 1px}
.notes-empty::after{bottom:0;right:0;border-width:0 1px 1px 0}
.empty-cross{font:35px var(--mono);font-weight:400;color:#232323;position:absolute;right:3px;top:5px}
.empty-side{font:450 102px/1 Doto,var(--sans);font-variation-settings:'ROND' 100;letter-spacing:-.09em;color:#8b8b8b;opacity:.4}
.notes-empty p{font-size:12px;color:#828282;margin-top:24px;letter-spacing:-.02em}
.scanport-bottom{min-height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 21px 14px;gap:16px;z-index:4;position:relative}
.scan-status{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:-.02em;color:#6c6c6c}
.scan-status i{width:4px;height:4px;background:#6b6b6b;border-radius:50%}
.scan-count{font:9px var(--mono);letter-spacing:.03em;color:#7a7a7a}
.single-sheet{width:100%;aspect-ratio:var(--paper-ratio);max-height:470px;background:#ececec;box-shadow:0 1px 1px #3e3e3e40,3px 8px 14px #41414120;position:relative}
.single-sheet img{width:100%;height:100%;object-fit:contain}
.paper-scene{width:100%;aspect-ratio:var(--paper-ratio);position:relative;perspective:1400px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;flex-shrink:0}
.paper-scene[role=button]:focus-visible{outline:1px dashed currentColor;outline-offset:8px}
.duplex-sheet{--paper-turn:0deg;width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(var(--paper-turn));transition:transform .75s cubic-bezier(.22,.7,.16,1);will-change:transform}
.paper-scene.is-back .duplex-sheet{--paper-turn:180deg}
.paper-scene.is-dragging .duplex-sheet{transition:none}
.paper-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#e9e9e9;border:1px solid #c1c1c1;overflow:hidden;display:flex;align-items:center;justify-content:center}
.paper-front{transform:translateZ(.3px)}
.paper-back{transform:rotateY(180deg) translateZ(.3px)}
.paper-face{box-shadow:0 1px 1px #0003,4px 9px 14px #0002}
.paper-face img{width:100%;height:100%;object-fit:contain;display:block}
.paper-face>span{font-size:12px;color:#777777}
.notes-flip-control{display:flex;align-items:center;gap:6px;padding:0 0 0 12px;min-height:32px;border:0;background:none;font-size:10px;color:#6c6c6c}
.notes-flip-control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1}
.notes-capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}
.notes-capture-button{position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:30px;font-size:13px;border:1px solid #bebebe;background:#eeeeee;color:#252525;transition:background .15s}
.notes-capture-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:square}
.capture-camera{background:#202020;color:#efefef;border-color:#202020}
.notes-capture-button:hover{background:#cecece}
.capture-camera:hover{background:#353535}
.notes-capture-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.notes-capture-button:focus-within{outline:2px solid #212121;outline-offset:3px}
.notes-capture-button.is-disabled{opacity:.4;cursor:wait}
.notes-capture-button.is-disabled input{cursor:wait}
.notes-status{font-size:11px;color:#858585;text-align:center;line-height:1.7;min-height:19px;margin:13px 0 0}
.notes-sentence{margin-top:38px;padding-top:20px;border-top:1px solid #c1c1c1}
.notes-field-meta{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#838383;letter-spacing:.04em}
.notes-field-meta span:last-child{font:10px var(--sans);letter-spacing:0}
.notes-sentence label{display:block;font-size:16px;line-height:1.65;letter-spacing:-.025em;margin:13px 0 9px;word-break:keep-all;max-width:380px}
.notes-sentence textarea{border:0;border-bottom:1px solid #bdbdbd;background:none;resize:vertical;width:100%;min-height:85px;padding:10px 0 15px;font-size:13px;line-height:1.8;outline-offset:5px}
.notes-sentence textarea::placeholder{color:#9e9e9e}
.notes-save{border:0;width:100%;min-height:52px;border-radius:28px;background:#202020;color:#f4f4f4;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:13px;margin-top:27px}
.notes-save:disabled{background:#cfcfcf;color:#939393}
.notes-save:not(:disabled):hover{background:#353535}
.notes-save>span:last-child{font:23px var(--mono);line-height:1}
.notes-page-foot{display:flex;justify-content:space-between;font:8px var(--mono);color:#949494;letter-spacing:.03em;margin-top:23px;padding-bottom:18px}
.notes-filed-actions{border-top:1px solid #c5c5c5;display:flex;justify-content:space-between;padding-top:10px}
.notes-filed-actions button{border:0;min-height:44px;background:none;padding:6px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.notes-filed-actions button:last-child{color:#7f7f7f}
.film-grain,.film-exposure{display:none;position:absolute;inset:0;pointer-events:none;z-index:3}
.film-grain,.film-exposure{top:44px;bottom:44px}
.notes-scanport.is-developing .notes-photo-window img{animation:notes-develop 2.4s ease both}
.notes-scanport.is-developing .film-grain{display:block;background:url('/assets/notes-film.svg');mix-blend-mode:multiply;animation:notes-grain 2.4s ease both}
.notes-scanport.is-developing .film-exposure{display:block;background:linear-gradient(0deg,transparent 0 44%,#ffffff05 46%,#cccccc80 50%,#fafafaa8 51%,transparent 53%);background-size:100% 220%;animation:notes-exposure 2.4s ease both}
.notes-scanport.is-developing .scan-status i{background:#d4472e;animation:status-pulse .8s steps(2,end) infinite}
.notes-scanport.is-developing .scanport-meta{color:#a5a5a5}
@keyframes notes-develop{0%{filter:grayscale(1) blur(13px) contrast(2.4) brightness(.6);opacity:.55}32%{filter:grayscale(1) blur(10px) contrast(1.8) brightness(.75);opacity:.8}68%{filter:grayscale(1) blur(5px) contrast(1.25);opacity:.95}100%{filter:none;opacity:1}}
@keyframes notes-grain{0%,30%{opacity:.75}70%{opacity:.3}100%{opacity:0}}
@keyframes notes-exposure{0%{background-position:0 -110%;opacity:.1}20%{opacity:.7}80%{opacity:.4}100%{background-position:0 100%;opacity:0}}
@keyframes status-pulse{50%{opacity:.25}}
/* A saved note is one double-sided sheet in a quiet photographic viewer. */
#viewer[data-kind=notes]{width:min(1120px,calc(100vw - 28px));background:#e5e5e5;border:0;box-shadow:0 20px 90px #16161666}
#viewer[data-kind=notes] .viewer-header{border:0;padding:22px 26px}
#viewer[data-kind=notes] .viewer-header h2{font:600 22px Doto,var(--sans);letter-spacing:-.035em}
#viewer[data-kind=notes] .viewer-header .button{border:1px solid #bababa;border-radius:30px;font-size:11px;padding:10px 17px;background:none}
#viewer[data-kind=notes] .viewer-image{height:60svh;min-height:240px;overflow:hidden;background:#d2d2d2;position:relative;display:flex;align-items:center;justify-content:center;padding:30px}
#viewer[data-kind=notes] .paper-scene{width:auto;height:100%;max-width:90%;aspect-ratio:var(--paper-ratio)}
#viewer[data-kind=notes] .viewer-image.is-zoomed{display:block;overflow:auto;touch-action:auto}
#viewer[data-kind=notes] .viewer-image.is-zoomed .paper-scene{width:145%;height:auto;max-width:none;cursor:auto}
#viewer[data-kind=notes] .viewer-toolbar{background:none;border:0;padding:16px 26px;gap:16px}
#viewer[data-kind=notes] .viewer-toolbar .button{border:1px solid #b6b6b6;border-radius:28px;min-height:44px;padding:10px 14px;font-size:11px;background:none}
#viewer[data-kind=notes] .viewer-toolbar .mono{font-size:10px}
#viewer[data-kind=notes] .viewer-sentence{font-size:14px;line-height:1.8;margin:4px 26px 14px}
#viewer[data-kind=notes] .viewer-note{font-size:10px;color:#808080;margin:0 26px 23px}
@media(min-width:1000px){html[data-entry-source=notes] main{padding-top:38px}.notes-title-block h1{font-size:48px}.notes-scanport{min-height:570px}.notes-photo-window{padding:29px 68px}.notes-empty{height:420px}}
@media(max-width:800px){
 html[data-entry-source=notes] .masthead{padding:18px 25px 0;display:flex;align-items:center;border:0}
 html[data-entry-source=notes] .wordmark{font-size:14px}
 html[data-entry-source=notes] .wordmark span{font-size:6px}
 html[data-entry-source=notes] .masthead nav{margin:0;gap:18px}
 html[data-entry-source=notes] .masthead nav a:not([data-route=archive]):not([data-route=notes]){display:none}
 html[data-entry-source=notes] .masthead nav a{font-size:8px;padding:10px 0}
 html[data-entry-source=notes] .masthead nav a>span{display:none}
 html[data-entry-source=notes] main{padding:31px 25px 0;max-width:550px;margin:auto}
 html[data-entry-source=notes] .site-footer{padding:0 25px 30px;max-width:550px}
 html[data-entry-source=notes] .site-footer>p:not(.mono){font-size:9px;text-align:left}
 .notes-kicker{font-size:8px}
 .notes-title-block h1{font-size:37px;margin:19px 0 15px}
 .notes-title-dot{width:7px;height:7px;margin-left:13px;margin-bottom:7px}
 .notes-title-block>p{font-size:12px}
 .notes-side-switch{margin-top:25px;margin-bottom:12px;gap:5px}
 .notes-side-switch button{padding:0 15px;min-height:42px;font-size:12px}
 .side-english{font-size:9px;margin-left:2px}
 .notes-scanport{min-height:0}
 .scanport-meta{font-size:8px;padding:17px 17px 0}
 .notes-photo-window{padding:22px 29px 16px}
 .notes-empty{height:304px}
 .empty-side{font-size:88px}
 .empty-cross{font-size:29px}
 .notes-empty p{font-size:11px}
 .scanport-bottom{padding:0 17px 10px;min-height:44px;gap:8px}
 .scan-status{font-size:9px}
 .scan-count{font-size:8px}
 .notes-flip-control{font-size:9px;min-height:34px}
 .notes-capture-actions{margin-top:14px;gap:8px}
 .notes-capture-button{min-height:49px;gap:9px;font-size:12px}
 .notes-capture-button svg{width:17px;height:17px}
 .notes-status{font-size:10px;margin-top:12px}
 .notes-sentence{margin-top:31px;padding-top:19px}
 .notes-sentence label{font-size:15px;max-width:300px}
 .notes-sentence textarea{font-size:13px;min-height:85px}
 .notes-save{font-size:12px;min-height:50px;margin-top:24px;padding:0 22px}
 .notes-page-foot{font-size:7px;margin-top:21px}
 #viewer[data-kind=notes] .viewer-header{padding:18px 18px}
 #viewer[data-kind=notes] .viewer-header h2{font-size:20px}
 #viewer[data-kind=notes] .viewer-header .eyebrow{font-size:8px}
 #viewer[data-kind=notes] .viewer-image{height:53svh;min-height:220px;padding:26px}
 #viewer[data-kind=notes] .viewer-toolbar{padding:13px 18px;gap:13px}
 #viewer[data-kind=notes] .viewer-toolbar>div{display:flex;gap:6px;width:100%}
 #viewer[data-kind=notes] .viewer-toolbar .button{font-size:10px;padding:10px 9px;flex:1}
 #viewer[data-kind=notes] .viewer-sentence{font-size:12px;margin:5px 18px 13px}
 #viewer[data-kind=notes] .viewer-note{margin:0 18px 18px;font-size:9px}
}
@media(max-width:359px){
 html[data-entry-source=notes] .masthead{padding-left:20px;padding-right:20px;gap:12px}
 html[data-entry-source=notes] .masthead nav{gap:13px}
 html[data-entry-source=notes] main{padding-left:20px;padding-right:20px}
 .notes-title-block h1{font-size:32px}
 .notes-side-switch button{padding:0 11px;font-size:11px}
 .side-english{font-size:8px}
 .notes-empty{height:268px}
 .notes-photo-window{padding-left:23px;padding-right:23px}
 .notes-kicker{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.duplex-sheet,.notes-scanport *{animation:none!important;transition:none!important}.notes-scanport.is-developing .notes-photo-window img{filter:none;opacity:1}.film-grain,.film-exposure{display:none!important}}

/* The photo is the entry point. Two small physical prints show capacity. */
html[data-entry-source=notes] .masthead nav,
html[data-entry-source=notes] .wordmark span,
html[data-entry-source=notes] .site-footer{display:none}
.notes-photo-slots{display:flex;justify-content:center;gap:13px;margin:21px 0 0}
.notes-photo-slots button{position:relative;width:36px;height:47px;padding:2px;border:1px solid #bdbdbd;background:transparent;display:flex;align-items:center;justify-content:center;color:#aaa;transition:border-color .15s}
.notes-photo-slots button:has(img){border-color:#9b9b9b;background:#eee;box-shadow:1px 2px 3px #0001}
.notes-photo-slots button[aria-current]::after{content:'';position:absolute;left:9px;right:9px;bottom:-6px;height:1px;background:#333}
.notes-photo-slots img{height:100%;width:100%;object-fit:cover}
.notes-photo-slots span{font:16px var(--sans);font-weight:300}
.notes-capture-actions{grid-template-columns:1fr;max-width:220px;margin:25px auto 0}
.notes-photo-window{padding-top:35px;padding-bottom:35px}
.notes-scanport .single-sheet,.notes-scanport .paper-scene{max-width:calc(470px * var(--paper-ratio))}
.notes-start{width:auto;height:auto;min-width:160px;padding:16px;border:0;background:transparent;color:#929292;display:flex;align-items:center;flex-direction:column;gap:22px;font:30px var(--sans);font-weight:300}
.notes-empty-sheet{width:104px;height:140px;border:1px solid #ababab;display:grid;place-items:center;color:#a0a0a0;box-shadow:3px 4px 0 #ffffff12}
.notes-empty-caption{font-size:12px;font-weight:400;line-height:1.6;color:#878787;letter-spacing:-.02em}
.notes-start:hover{color:#222}
.notes-empty::before,.notes-empty::after{display:none}
.notes-scanport .notes-flip-control{position:absolute;right:14px;bottom:10px;padding:0;min-height:32px;min-width:32px;justify-content:center}
.notes-develop-dot{position:absolute;right:18px;bottom:18px;width:4px;height:4px;background:#cf3c27;border-radius:50%;animation:status-pulse .8s steps(2,end) infinite}
.film-grain,.film-exposure{top:0;bottom:0}
.notes-sentence{margin-top:36px;padding-top:23px}
.notes-sentence label{margin-top:0}
.notes-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#viewer[data-kind=notes] .viewer-image>.single-sheet{height:100%;width:auto;aspect-ratio:var(--paper-ratio);max-height:none;max-width:90%}
#viewer[data-kind=notes] .viewer-image.is-zoomed>.single-sheet{width:145%;height:auto;max-width:none}
@media(max-width:800px){.notes-photo-window{padding-top:30px;padding-bottom:30px}.notes-capture-actions{max-width:200px;margin-top:24px}.notes-photo-slots{margin-top:18px}.notes-sentence{margin-top:31px}}