@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--paper:#f7f6f0;--ink:#33372e;--sage:#737e60;--line:#dcded2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:14px/1.6 DM Sans,Arial,sans-serif}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;margin:0 5%;display:flex}header>a:last-child{font-size:12px}.brand{letter-spacing:-.8px;font-size:19px;font-weight:700}.brand span{color:var(--sage);vertical-align:middle;margin-right:8px;font-size:30px}main{max-width:1260px;margin:auto;padding:58px 5% 25px}.eyebrow{letter-spacing:2.5px;font-size:10px}.intro h1{letter-spacing:-2.5px;margin:20px 0 16px;font:clamp(42px,6vw,76px)/1.15 Libre Caslon Display,Georgia,serif}.intro h1 em{color:var(--sage);white-space:nowrap;font-style:normal;position:relative}.intro h1 em:after{content:"";border-bottom:1px solid #b5bd9b;position:absolute;bottom:-5px;left:0;right:0;transform:rotate(-2deg)}.intro>p:last-child{color:#777a70;margin-bottom:48px}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;display:flex}.tab{color:#898b80;background:0 0;border:0;margin-right:26px;padding:14px 0;font-size:12px}.tab.active{color:var(--ink);box-shadow:0 1px var(--ink)}.aside{color:#898b80;font:italic 16px Libre Caslon Display,Georgia,serif}#board{background-image:radial-gradient(#9d9e8626 .8px,#0000 .8px);background-size:20px 20px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:30px;min-height:250px;padding:38px 8px 28px;display:grid}.sticky{aspect-ratio:1;text-align:left;width:100%;min-height:0;transform:rotate(var(--tilt));background:var(--note);border:0;border-radius:1px;padding:27px 25px 48px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:1px 5px 10px #41472a12}.sticky:hover,.sticky:focus-visible{z-index:1;transform:rotate(0)translateY(-5px);box-shadow:2px 12px 18px #41472a20}.sticky .excerpt{-webkit-line-clamp:6;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-box-orient:vertical;font:25px/1.3 Libre Caslon Display,Georgia,serif;display:-webkit-box;overflow:hidden}.more{letter-spacing:.3px;font-size:11px;position:absolute;bottom:16px;right:20px}#empty{text-align:center;color:#858a76;margin-top:-155px;margin-bottom:120px;font:italic 22px Libre Caslon Display,Georgia,serif}footer{color:#85877c;justify-content:space-between;max-width:1260px;margin:auto;padding:0 5% 130px;font-size:11px;display:flex}footer button{color:inherit;background:0 0;border:0;font-size:11px}.composer-wrap{background:linear-gradient(transparent,var(--paper) 30%);z-index:2;pointer-events:none;width:100%;padding:26px 20px 28px;position:fixed;bottom:0}#composer{pointer-events:auto;background:#fdfcf8;border:1px solid #d2d6c5;border-radius:14px;align-items:flex-end;gap:12px;max-width:650px;margin:auto;padding:9px 10px 9px 20px;display:flex;box-shadow:0 8px 30px #434b3414}textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:44px;max-height:140px;padding:10px 0}#composer button{color:#fff;background:#717e5e;border:0;border-radius:9px;flex-shrink:0;width:44px;height:44px;font-size:24px}button:disabled{opacity:.5;cursor:wait}dialog{color:var(--ink);background:#eeedcf;border:0;border-radius:3px;width:min(560px,90vw);max-height:80vh;padding:64px 44px 38px;box-shadow:0 24px 100px #28311c35}dialog::backdrop{backdrop-filter:blur(5px);background:#3a402b55}.close{background:0 0;border:0;font-size:27px;position:absolute;top:12px;right:18px}#full-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:26px/1.55 Libre Caslon Display,Georgia,serif}#owner-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}#owner-actions button,#login-form button{background:0 0;border:1px solid #a3ad90;border-radius:5px;padding:8px 12px;font-size:12px}#login{background:var(--paper)}#login h2{font:30px Libre Caslon Display,Georgia,serif}#login-form{gap:12px;display:grid}input{border:1px solid var(--line);background:#fff;padding:10px}#error,#login-error{color:#944736}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--sage);outline-offset:5px}@media (width>=1000px){#board{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){header{height:74px}.brand{font-size:17px}main{padding-top:35px}.intro h1{letter-spacing:-1.5px}.aside{display:none}#board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:28px 0}.sticky{padding:16px 16px 35px}.sticky .excerpt{-webkit-line-clamp:4;font-size:21px;line-height:1.25}.more{font-size:10px;bottom:11px;right:13px}.tab{margin-right:20px}.composer-wrap{padding:20px 12px}.composer-wrap textarea{font-size:16px}dialog{padding:55px 27px 30px}#full-message{font-size:23px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#board.scattered{isolation:isolate;min-height:380px;margin-top:22px;padding:0;display:block;position:relative}#board.scattered .sticky{width:var(--sticky-size);height:var(--sticky-size);cursor:grab;touch-action:none;user-select:none;padding:22px 20px 42px;position:absolute}#board.scattered .sticky .excerpt{-webkit-line-clamp:4}#board.scattered .sticky.dragging{cursor:grabbing;z-index:10;transition:none;transform:rotate(0)scale(1.035);box-shadow:0 18px 30px #41472a30}@media (width<=600px){#board.scattered .sticky{padding:16px 14px 34px}#board.scattered .sticky .excerpt{-webkit-line-clamp:3;font-size:20px}}.sticky.just-posted{animation:.35s ease-out note-arrive}@keyframes note-arrive{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.sticky.just-posted{animation:none}}#board.gallery-framed .sticky{isolation:isolate;background:linear-gradient(135deg,#faf8ef,#eee9dc);border:7px solid #654934;padding:36px 33px 50px;transform:none;box-shadow:inset 0 0 0 1px #b69b77,inset 0 0 0 4px #e2d9c7,0 5px 10px #33281924,0 14px 25px #33281912}#board.gallery-framed .sticky:before{content:"";background:var(--note);z-index:-1;position:absolute;inset:22px;box-shadow:1px 3px 5px #423c2420}#board.gallery-framed .sticky .excerpt{-webkit-line-clamp:4;font-size:22px;line-height:1.3}#board.gallery-framed .sticky .more{font-size:10px;bottom:30px;right:34px}#board.gallery-framed .sticky:hover,#board.gallery-framed .sticky:focus-visible{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #b69b77,inset 0 0 0 4px #e2d9c7,0 8px 16px #33281926,0 18px 30px #33281914}@media (width<=600px){#board.gallery-framed .sticky{border-width:5px;padding:22px 19px 35px}#board.gallery-framed .sticky:before{inset:12px}#board.gallery-framed .sticky .excerpt{-webkit-line-clamp:3;font-size:17px;line-height:1.2}#board.gallery-framed .sticky .more{font-size:9px;bottom:17px;right:19px}}