:root{font-family:Inter,Arial,sans-serif;color:#49271e;background:#fffaf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 65%,#fff0e2 0%,#fffaf2 65%);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}header{height:108px;padding:28px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.signature{text-decoration:none;color:inherit;font-family:Georgia,serif;font-size:26px;letter-spacing:-2px}.signature span{color:#da8d77;font-size:15px;margin-left:7px;display:inline-block}nav{display:flex;gap:29px;border-bottom:1px solid #efcbbc}nav button{border:0;background:transparent;font-size:13px;padding:13px 0 14px;position:relative;white-space:nowrap}nav small{font-size:11px;margin-right:8px;color:#ad7968}nav button[aria-selected=true]:after{content:"";height:1px;position:absolute;bottom:-1px;left:0;right:0;background:#9b5544}nav button:hover{color:#be6d57}button:focus-visible,a:focus-visible,[contenteditable]:focus-visible{outline:1px solid #b97560;outline-offset:5px}[hidden]{display:none!important}.garden{position:relative;min-height:calc(100svh - 108px);display:grid;place-items:center;overflow:hidden}.scene{position:relative;width:min(1040px,93vw);aspect-ratio:1.5;margin-top:-20px}.tree{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform-origin:50% 85%;animation:sway 9s ease-in-out infinite}.petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}.petal{position:absolute;top:15%;width:7px;height:5px;background:#fa7eaa;box-shadow:3px -2px 0 #ffc1cb;animation:fall var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}.butterfly{position:absolute;width:15px;height:12px;display:flex;gap:2px;animation:float 8s ease-in-out infinite;pointer-events:none}.butterfly:after{content:"";position:absolute;width:2px;height:9px;background:#813a38;left:7px;top:3px}.butterfly i{display:block;width:7px;height:9px;background:#ef8b9b;box-shadow:0 -3px 0 -1px #f8b1ad,0 3px 0 -1px #d9577b;animation:flap .22s ease-in-out infinite alternate}.butterfly i:first-child{transform-origin:right center}.butterfly i:last-child{transform-origin:left center;animation-delay:-.11s}.b1{left:9%;top:38%}.b2{right:7%;top:48%;animation-delay:-3s;animation-duration:11s}.b3{left:39%;top:13%;animation-delay:-6s;animation-duration:10s;scale:.7}.motion{position:absolute;bottom:28px;right:5.5%;background:transparent;border:1px solid #e8cabb;border-radius:50%;width:30px;height:30px;font-size:11px;color:#a87461}.empty-page{max-width:760px;margin:100px auto;padding:0 30px}h1{font-size:26px;font-weight:400;margin:0 0 30px}p{font-size:15px;line-height:1.8;min-height:100px;white-space:pre-wrap}p:empty:before{content:attr(data-placeholder);color:#bca496;pointer-events:none;font-size:13px}[contenteditable]{border-radius:2px}[contenteditable]:hover{outline:1px dashed #e8cabb;outline-offset:5px}.paused *{animation-play-state:paused!important}@keyframes sway{0%,100%{transform:rotate(-.35deg)}50%{transform:rotate(.35deg)}}@keyframes flap{to{transform:scaleX(.35)}}@keyframes float{0%,100%{transform:translate(0,0) rotate(-8deg)}25%{transform:translate(18px,-20px) rotate(12deg)}50%{transform:translate(35px,4px) rotate(-5deg)}75%{transform:translate(-10px,18px) rotate(8deg)}}@keyframes fall{0%{opacity:0;transform:translate(0,-15px) rotate(0)}12%{opacity:.85}80%{opacity:.6}100%{opacity:0;transform:translate(90px,360px) rotate(230deg)}}@media(max-width:650px){header{height:auto;padding:23px 6%;align-items:flex-start;gap:20px}.signature{font-size:23px}nav{gap:15px;flex-wrap:wrap;justify-content:flex-end}nav button{font-size:11px;padding-top:4px;padding-bottom:12px}nav small{font-size:10px;margin-right:4px}.garden{min-height:calc(100svh - 95px)}.scene{width:118vw;max-width:none}.empty-page{margin:70px auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important}.petal{display:none}}

/* About me: introduction beside the garden. */
.garden{grid-template-columns:42% 58%;padding:0 5.5%;gap:0}.about-copy{width:100%;max-width:470px;align-self:center;padding-right:30px;margin-top:-25px}.about-copy p{font-size:15px;line-height:1.8;min-height:0;margin:0 0 28px}.about-copy p:last-child{margin-bottom:0}.about-copy a{color:inherit;text-decoration:none;border-bottom:1px solid #e5b8a6}.about-copy a:hover{color:#be6d57}.scene{width:112%;max-width:none;margin-left:-4%;margin-top:-20px}@media(max-width:800px){.garden{grid-template-columns:1fr;padding:38px 7% 65px;align-content:center}.about-copy{max-width:530px;padding:0;margin:0;justify-self:center}.about-copy p{font-size:14px;margin-bottom:22px}.scene{width:112%;margin:10px -6% 0}.motion{bottom:20px}}
/* Pixel butterflies trace wide, staggered paths around the canopy. */
.butterfly{width:22px;height:19px;z-index:2;gap:2px;filter:drop-shadow(1px 1px 0 #8b414c);animation:butterfly-flight 15s ease-in-out infinite}
.butterfly:after{width:2px;height:13px;left:10px;top:4px;background:#71383e}
.butterfly i{width:10px;height:16px;background:#ffaca7;clip-path:polygon(10% 0,70% 0,100% 25%,100% 80%,70% 100%,10% 85%,0 60%,30% 45%,0 25%);box-shadow:inset 3px 0 #e66f8d;animation:wing-beat .36s ease-in-out infinite alternate}
.butterfly i:last-child{transform:scaleX(-1);animation:wing-beat-right .36s ease-in-out infinite alternate}
.b1{left:9%;top:38%;animation-duration:17s}
.b2{right:8%;top:42%;animation:butterfly-flight-right 19s ease-in-out infinite;animation-delay:-7s}
.b3{left:49%;top:11%;scale:.8;animation:butterfly-flight-top 21s ease-in-out infinite;animation-delay:-11s}
@keyframes wing-beat{from{transform:scaleX(1)}to{transform:scaleX(.45)}}
@keyframes wing-beat-right{from{transform:scaleX(-1)}to{transform:scaleX(-.45)}}
@keyframes butterfly-flight{0%,100%{transform:translate(0,0) rotate(-15deg)}20%{transform:translate(35px,-85px) rotate(15deg)}45%{transform:translate(100px,-125px) rotate(-12deg)}65%{transform:translate(60px,-20px) rotate(18deg)}85%{transform:translate(-10px,45px) rotate(-8deg)}}
@keyframes butterfly-flight-right{0%,100%{transform:translate(0,0) rotate(12deg)}25%{transform:translate(-40px,-105px) rotate(-15deg)}50%{transform:translate(-95px,-50px) rotate(12deg)}75%{transform:translate(-25px,85px) rotate(-10deg)}}
@keyframes butterfly-flight-top{0%,100%{transform:translate(-60px,0) rotate(-10deg)}25%{transform:translate(40px,-20px) rotate(15deg)}50%{transform:translate(140px,45px) rotate(-15deg)}75%{transform:translate(30px,75px) rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.butterfly,.butterfly i,.butterfly i:last-child{animation:none!important}}
.b1{left:6%;top:26%}.b2{right:1%;top:33%}.b3{left:48%;top:5%}.butterfly i{background:#ffb28b;box-shadow:inset 3px 0 #c65078}

/* Pearl butterflies from the selected visual. */
.butterfly{width:38px;height:38px;filter:none;display:block}.butterfly:after{display:none}.butterfly img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;animation:pearl-flutter .65s ease-in-out infinite;transform-origin:center}.b2 img{animation-delay:-.23s}.b3 img{animation-delay:-.41s}@keyframes pearl-flutter{0%,100%{transform:scaleX(1) rotate(-6deg)}50%{transform:scaleX(.48) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.butterfly img{animation:none!important}}

.signature{display:block;width:180px;height:66px;flex-shrink:0;line-height:0}.signature img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:650px){.signature{width:120px;height:44px}}

header{justify-content:flex-end}.scene{aspect-ratio:1.2;width:104%;margin-left:0}.tree{image-rendering:auto}@media(max-width:800px){.scene{width:112%;margin:15px -6% 0}}

.work-page{max-width:1000px;margin:70px auto 100px;padding:0 35px}.work-group{display:grid;grid-template-columns:160px 1fr;gap:50px;padding:30px 0;border-top:1px solid #edcbbc}.work-group h2{font:400 13px/1.8 Inter,Arial,sans-serif;color:#a36a58;margin:11px 0}.work-name,.plain{font:400 16px/1.6 Inter,Arial,sans-serif;text-align:left}.work-name{width:100%;border:0;background:none;display:flex;justify-content:space-between;gap:25px;padding:9px 0}.work-name>span[aria-hidden="true"]{font:16px Arial;color:#c18c79}.plain{padding:9px 0}.work-name:hover{color:#bf6a65}.work-body{display:none;font:400 14px/1.8 Arial,sans-serif;padding:0 24px 15px 0;color:#765248}.work-entry.open>.work-body,.work-entry.pinned>.work-body{display:block}.work-entry.open>.work-name>span[aria-hidden="true"],.work-entry.pinned>.work-name>span[aria-hidden="true"]{transform:rotate(45deg)}.work-body p{min-height:0;font-size:14px;margin:5px 0}.work-body ul{padding-left:18px;margin:5px 0}.work-body li{margin:6px 0}.work-body a{color:inherit;text-underline-offset:3px;text-decoration-color:#dba18e}.work-body .work-name{font:inherit;padding:0}.work-body .work-body{padding:3px 0 0 10px;font-size:13px}@media(max-width:650px){.work-page{margin:35px auto 65px;padding:0 7%}.work-group{grid-template-columns:1fr;gap:8px;padding:20px 0}.work-group h2{margin:0 0 8px}.work-name,.plain{font-size:14px}}

.work-page{max-width:1040px;margin:95px auto 100px}.work-category{margin:0 0 30px}.work-category>summary{list-style:none;position:relative;cursor:pointer;font:400 16px/2 Arial,sans-serif;padding-right:28px}.work-category>summary::-webkit-details-marker{display:none}.work-category>summary:after{content:'+';position:absolute;right:0;top:0;color:#b9816b}.work-category[open]>summary:after{content:'−'}.work-category>summary strong{font-weight:600}.work-category>summary:hover{color:#ab6653}.work-category>summary:focus-visible{outline:1px solid #bb816c;outline-offset:7px}.work-category>.work-list{margin:22px 0 40px 25px;border-left:1px solid #edcbbc;padding-left:25px;max-width:760px}.group-detail-entry{margin:0 0 24px}.group-detail-entry>h3{font:500 14px/1.6 Arial,sans-serif;margin:0 0 8px}.group-detail-entry>.work-body{display:block;padding:0;font-size:14px}.work-category .work-body ul{margin:0}.work-category .work-body li{margin:4px 0}@media(max-width:650px){.work-page{margin-top:50px}.work-category>summary{font-size:14px}.work-category>.work-list{margin-left:0;padding-left:18px}}

.work-page{max-width:1120px;margin:100px auto;padding:0 45px}.inline-group{font:400 18px/2.3 Inter,Arial,sans-serif;color:#625044;margin:0 0 38px}.inline-group>strong{font-weight:500}.inline-item{display:inline;position:relative}.inline-trigger{font:inherit;line-height:inherit;background:none;border:0;padding:0 0 3px;color:inherit;text-decoration:underline;text-decoration-color:#cdb89d;text-underline-offset:8px;text-decoration-thickness:1px;cursor:pointer}.inline-static{white-space:normal}.org-logo{width:18px;height:18px;object-fit:contain;vertical-align:-2px;margin-right:6px;filter:grayscale(1) sepia(.6);opacity:.85}.hover-note{display:none;position:absolute;top:calc(100% + 4px);left:0;width:440px;max-width:80vw;background:#fffaf2;border:1px solid #e8d5bf;padding:20px 24px;box-shadow:0 8px 24px #6b4c3210;z-index:10;font:400 13px/1.8 Inter,Arial,sans-serif;color:#6b5144}.inline-item:hover>.hover-note,.inline-item:focus-within>.hover-note,.inline-item.pinned>.hover-note{display:block}.hover-note ul{margin:0;padding-left:18px}.hover-note li{margin:5px 0}.hover-note p{font:inherit;min-height:0;margin:0 0 8px}.hover-note a{color:inherit;text-underline-offset:3px}.hover-note .work-name{font:inherit}.hover-note .work-body{font:inherit;padding:5px 0}.inline-trigger:hover{color:#ae7162}@media(max-width:650px){.work-page{padding:0 7%;margin-top:55px}.inline-group{font-size:15px;line-height:2.4}.hover-note{position:fixed;left:7%;top:auto;bottom:25px;width:86%;max-width:none;max-height:55vh;overflow:auto}.org-logo{width:16px;height:16px}}

.org-mark{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-right:6px;font:600 10px/1 Georgia,serif;vertical-align:1px;letter-spacing:-.5px;color:#806854}.inline-item{position:static}.inline-group{position:relative}.hover-note{top:auto;left:0;margin-top:5px}.inline-trigger{position:relative}@media(max-width:650px){.hover-note{position:fixed;top:auto;left:7%}}

/* Small warm monochrome logos, inside each underlined phrase. */
.inline-logo{display:inline-block;position:relative;width:15px;height:15px;overflow:hidden;vertical-align:-2px;margin-right:5px;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.6) sepia(1) saturate(.7);line-height:0}.inline-logo img{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0}.logo-wharton img{width:37px;height:32px;max-width:none;left:-11px;top:-6.5px}.logo-wharton{clip-path:polygon(0 0,100% 0,100% 65%,80% 85%,50% 100%,20% 85%,0 65%)}.logo-drf img{width:24px;height:24px;left:-4.5px;top:-4.5px}.logo-openai img{width:20px;height:20px;left:-2.5px;top:-2.5px}.logo-afterquery img{width:23px;height:23px;left:-4px;top:-4px}.logo-sap{width:21px}.logo-wb img{width:18px;height:18px;left:-1.5px;top:-1.5px}.inline-trigger{text-decoration:none;border-bottom:1px solid #cdb89d;padding-bottom:3px;line-height:1.7;display:inline-block}.inline-trigger:hover{border-color:#a7705b}.inline-group{line-height:2.3}@media(max-width:650px){.inline-logo{width:13px;height:13px}.logo-sap{width:18px}}

/* One typeface throughout all pages and controls. */
:root{font-family:'DM Mono',monospace}body,button,input,select,textarea,h1,h2,h3,p,small,a,span,li,summary,[contenteditable],.inline-group,.hover-note,.work-name,.work-body,.plain,.work-category>summary,.work-group h2,.group-detail-entry>h3{font-family:'DM Mono',monospace!important}

/* Original logo colors; transparent cutouts and white-background blending. */
.inline-logo{filter:none;mix-blend-mode:multiply}.logo-wharton{clip-path:none}.logo-wharton img,.logo-drf img,.logo-wb img{width:100%;height:100%;left:0;top:0;object-fit:contain}.logo-state img{width:17px;height:17px;left:-1px;top:-1px}

.logo-state img{width:100%;height:100%;left:0;top:0;object-fit:contain}

.about-copy{position:relative;max-width:540px;padding-right:28px}.about-copy p{line-height:1.9;margin-bottom:23px}.about-copy .inline-trigger{font:inherit;line-height:inherit;display:inline;border:0;padding:0;text-decoration:underline;text-decoration-color:#cdb89d;text-underline-offset:5px;white-space:normal}.about-copy .hover-note{font-size:12px;line-height:1.8;left:0;max-width:min(480px,85vw);width:480px;max-height:60vh;overflow:auto}.about-copy .hover-note .hover-note{position:static;box-shadow:none;width:auto;max-width:none;border:0;border-left:1px solid #e8d5bf;padding:8px 0 8px 12px;margin:8px 0}.select-honors{margin-top:15px}.select-honors summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.select-honors ul{margin-top:10px}.about-copy .inline-logo{width:14px;height:14px}.about-copy .logo-sap{width:20px}@media(max-width:800px){.about-copy{padding-right:0}.about-copy .hover-note{position:fixed;left:7%;bottom:25px;top:auto;width:86%;max-width:none}.about-copy .hover-note .hover-note{position:static;width:auto}}

.about-copy>.bio-paragraph{font-size:15px;line-height:1.9;margin:0 0 23px}.about-copy>.bio-paragraph:last-child{margin-bottom:0}.hover-note .bio-paragraph{margin:0 0 8px;font-size:12px;line-height:1.8}.about-copy .inline-trigger{text-align:left}@media(max-width:800px){.about-copy>.bio-paragraph{font-size:14px}}

.birth-item>.inline-trigger{display:inline!important;white-space:normal;cursor:pointer}

/* Hover phrases participate in ordinary line wrapping, including inside notes. */
.inline-trigger,.about-copy .inline-trigger,.about-copy .hover-note .inline-trigger{display:inline!important;white-space:normal!important;border-bottom:0;padding:0;text-decoration:underline;text-decoration-color:#cdb89d;text-underline-offset:5px;text-decoration-thickness:1px;cursor:pointer;line-height:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.phrase-punctuation{white-space:nowrap}.hover-note .note-text{margin:0;line-height:1.8}.about-copy .hover-note .hover-note{clear:both}

.garden{min-height:100svh;padding-top:45px;padding-bottom:45px}.about-copy>.bio-paragraph>.inline-item>.hover-note{max-height: min(360px,50svh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8b8a3 transparent;scroll-padding-bottom:20px;padding-bottom:24px}.select-honors{padding-bottom:8px}@media(max-width:800px){.garden{padding-top:55px;padding-bottom:65px}.about-copy>.bio-paragraph>.inline-item>.hover-note{bottom:40px;max-height:50svh}}

/* Direct text editing keeps the existing inline layout and underlines intact. */
.editable-copy{cursor:text;outline:none;min-width:1ch;white-space:pre-wrap}
.editable-copy:focus{background:rgba(255,210,193,.22);outline:1px dashed #c79583;outline-offset:3px;border-radius:1px}
.edit-status{position:fixed;left:20px;bottom:18px;z-index:1000;padding:8px 12px;background:#fffaf2;border:1px solid #e6c5b5;color:#684537;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s}
.edit-status.visible{opacity:1}

.work-name>.editable-copy{font:inherit;color:inherit;transform:none;flex:1;min-width:0}

[hidden]{display:none!important}
.site-header{height:86px;padding:20px 5.5%;justify-content:flex-end}
.site-header nav{gap:28px}.site-header nav button span{font-size:11px;margin-right:9px;color:#ad7968}
.site-header button[aria-current="page"]{border-bottom:1px solid #9b5544}
.garden{min-height:calc(100svh - 86px);padding-top:25px}
.notes-page{padding:22px 6% 65px;color:#181818}
.notes-page,.notes-page *{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
.notes-shell{max-width:900px;margin:0 auto;background:#f2f2f7;border-radius:28px;padding:26px 34px 0;box-shadow:0 15px 55px #5943370b;overflow:hidden}
.notes-top{display:flex;justify-content:space-between;align-items:center}.notes-folder{color:#b38200;font-size:18px}.notes-cloud{color:#8e8e93;font-size:13px}
.notes-shell h1{font-size:38px;letter-spacing:-1.3px;line-height:1.1;margin:25px 0 20px;font-weight:700}
.notes-search{display:flex;align-items:center;gap:8px;background:#e4e4e9;border-radius:11px;padding:10px 13px;color:#8e8e93;font-size:25px}.notes-search input{width:100%;border:0;outline:none;background:none;font-size:17px;color:#202020}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px;padding:30px 0 35px}.note-card{border:0;background:none;text-align:center;min-width:0;padding:0;color:#181818}.note-preview{height:155px;background:white;border-radius:13px;padding:16px;text-align:left;overflow:hidden;box-shadow:0 1px 3px #00000005;transition:transform .18s,box-shadow .18s}.note-card:hover .note-preview{transform:translateY(-3px);box-shadow:0 5px 18px #0000000d}.note-card:focus-visible{outline:2px solid #b38200;outline-offset:6px;border-radius:13px}.note-preview strong{display:block;font-size:12px;margin-bottom:8px;overflow-wrap:anywhere}.note-preview p{font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:#555;margin:0}.note-empty{color:#c5c5ca!important}.note-card-title{display:block;margin-top:11px;font-size:18px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-date{display:block;color:#8e8e93;font-size:14px;margin-top:4px}.note-card-folder{display:block;color:#8e8e93;font-size:13px;margin-top:4px}.notes-footer{display:flex;justify-content:space-between;border-top:1px solid #d8d8dd;padding:18px 0;font-size:12px;color:#737378}
#note-editor{border:0;border-radius:23px;background:#fffefb;color:#181818;width:min(760px,94vw);max-height:85svh;height:720px;padding:0;box-shadow:0 25px 100px #0003}#note-editor::backdrop{background:#30221944;backdrop-filter:blur(5px)}.note-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #eee}.note-toolbar button{border:0;background:none;color:#a57800;font-size:16px;padding:4px}.note-toolbar #note-done{font-weight:600}.note-toolbar span{font-size:11px;color:#92928f}.note-fields{padding:20px 34px;height:calc(100% - 78px);display:flex;flex-direction:column;gap:12px}.note-fields label{display:block;color:#9b9b98;font-size:11px}.note-fields input,.note-fields textarea{display:block;width:100%;border:0;outline:none;background:transparent;color:#222;font-size:16px;line-height:1.6;padding:0;resize:none}.note-fields input:focus,.note-fields textarea:focus{box-shadow:0 1px #e7c970}.note-fields #note-date{font-size:13px;color:#8e8e93}.note-fields #note-title{font-size:30px;font-weight:700;letter-spacing:-.6px}.note-fields #note-description{color:#6d6d70}.note-content-label{flex:1;min-height:150px}.note-fields textarea{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.site-header{height:76px}.site-header nav{gap:23px}.notes-page{padding:15px 4% 40px}.notes-shell{padding:22px 18px 0;border-radius:22px}.notes-shell h1{font-size:32px}.notes-grid{gap:25px 14px}.note-preview{height:115px;padding:10px;border-radius:10px}.note-card-title{font-size:14px}.note-card-date{font-size:12px}.note-card-folder{font-size:11px}.notes-footer{font-size:10px}.note-fields{padding:18px 22px}.note-toolbar{padding:16px}.note-toolbar span{font-size:10px}.note-toolbar button{font-size:14px}#note-editor{height:80svh}.garden{min-height:calc(100svh - 76px)}}

.notes-cloud{font-size:12px}.notes-signature{margin-left:18px;color:#626267}.notes-footer a{color:#929297;font-size:11px;text-decoration:none}.notes-owner-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-6px 0 16px}.notes-owner-tools:has(>button[hidden]):not(:has(>button:not([hidden]))):has(#shared-save-status:empty){display:none}.notes-owner-tools button{border:0;background:transparent;padding:0;color:#a57800;font-size:13px}.notes-owner-tools span{font-size:11px;color:#8e8e93}.note-card-categories{display:block;color:#a57800;font-size:12px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}#notes-heading[contenteditable=true]:focus{outline:1px dashed #d0ac46;outline-offset:5px}.notes-page input[readonly],.notes-page textarea[readonly]{cursor:default}.notes-page input[readonly]:focus,.notes-page textarea[readonly]:focus{box-shadow:none}.about-copy [contenteditable=false]{cursor:inherit}.about-copy [contenteditable=false]:focus{outline:none;background:none}

/* The gallery follows the viewport instead of a fixed-width device panel. */
.notes-page{padding:26px clamp(20px,5.5vw,100px) 0;background:transparent;min-height:calc(100svh - 86px)}
.notes-shell{width:100%;max-width:none;margin:0;padding:0;min-height:calc(100svh - 112px);background:transparent;border-radius:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column}
.notes-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(150px,17vw,220px)),1fr));gap:32px clamp(16px,2.2vw,34px);align-content:start;flex:1}
.note-preview{height:auto;aspect-ratio:1.5;min-height:110px;max-height:230px}
.notes-footer{margin-top:auto;gap:18px;flex-wrap:wrap;padding:20px 0}
.notes-top{gap:16px;flex-wrap:wrap}
#note-editor{width:92vw;max-width:1100px;height:86svh;max-height:86svh}
@media(max-width:650px){.notes-page{padding:20px 18px 0;min-height:calc(100svh - 76px)}.notes-shell{min-height:calc(100svh - 96px)}.notes-grid{gap:26px 16px}.note-preview{aspect-ratio:1.3;min-height:110px;max-height:none}.notes-signature{margin-left:12px}#note-editor{width:96vw;height:90svh;max-height:90svh}}

.note-richtext{height:100%;min-height:150px;overflow-y:auto;outline:none;color:#222;font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;padding-bottom:25px}.note-richtext>div{min-height:1.6em}.note-richtext ul,.note-richtext ol{margin:0;padding-left:26px;white-space:normal}.note-richtext ul{list-style-type:disc}.note-richtext li{white-space:pre-wrap;min-height:1.6em;padding-left:3px}.note-richtext[data-empty="true"]:before{content:attr(data-placeholder);color:#8e8e93;pointer-events:none;position:absolute}.note-richtext[contenteditable="false"]{cursor:text}

.note-card[draggable="true"]{cursor:grab}.note-card[draggable="true"]:active{cursor:grabbing}.note-card.dragging{opacity:.4}.note-card.drop-target .note-preview{outline:2px solid #b99039;outline-offset:5px}.note-richtext strong,.note-richtext b{font-weight:700}.note-richtext em,.note-richtext i{font-style:italic}.note-richtext u{text-decoration:underline}

/* Reading a note does not show an editing boundary. */
.note-richtext[contenteditable="false"],.note-richtext[contenteditable="false"]:hover,.note-richtext[contenteditable="false"]:focus,.note-richtext[contenteditable="false"]:focus-visible{outline:none;box-shadow:none}

.notes-page [contenteditable]:hover,.notes-page [contenteditable="false"]:focus,.notes-page [contenteditable="false"]:focus-visible,.notes-cloud:hover{outline:none;box-shadow:none}

.notes-gate{min-height:calc(100svh - 150px);display:grid;place-items:center}.notes-gate form{max-width:360px;width:100%;display:flex;flex-direction:column;gap:16px;text-align:center}.notes-gate h1{font-size:30px;letter-spacing:-.8px;font-weight:600;margin:0}.notes-gate p{font-size:14px;line-height:1.6;min-height:0;margin:0 0 10px;color:#8b7568}.gate-lock{font-size:38px;color:#b38a49}.notes-gate input{font-size:16px;padding:13px 16px;border:1px solid #dfcdbb;border-radius:10px;background:#fffdf8;color:#49271e;outline:none}.notes-gate input:focus{border-color:#b18b52}.notes-gate button{background:#674e37;color:white;border:0;border-radius:10px;padding:13px;font-size:14px}.notes-gate button:disabled{opacity:.6}.notes-gate #notes-password-error{font-size:12px;color:#a24d46;min-height:20px}.notes-top [contenteditable="true"]{cursor:text}.notes-top [contenteditable="true"]:focus,.notes-footer [contenteditable="true"]:focus{outline:none;background:#f3e5ce55}.notes-cloud{max-width:min(700px,100%);line-height:1.5}.notes-footer [contenteditable="true"]{min-width:1ch;cursor:text}

#notes-gate,#notes-gate *{font-family:'DM Mono',monospace!important}#notes-gate form{gap:12px}#notes-gate input,#notes-gate button{font-size:13px}#notes-password-error:empty{display:none}

#about [contenteditable]:hover,.site-header nav button:hover{outline:none}#about [contenteditable="false"]:focus,#about [contenteditable="false"]:focus-visible{outline:none;background:none}.hover-note .work-name>.editable-copy{text-decoration:underline;text-decoration-color:#cdb89d;text-underline-offset:4px}

.private-owner-shortcut{position:absolute;left:5.5%;bottom:28px;border:0;background:transparent;color:#a77b68;font:400 11px 'DM Mono',monospace;padding:8px 0}.private-notes-signin{font:400 13px 'DM Mono',monospace;color:#674e37;text-underline-offset:5px}#notes-owner-gate{font-family:'DM Mono',monospace}

#notes-owner-gate,#notes-owner-gate *{font-family:'DM Mono',monospace!important}