.garden-page{max-width:1240px;margin:0 auto}.garden-heading{text-align:center;padding:12px 16px 22px}.garden-heading>span{font-size:40px}.garden-heading h2{font-size:clamp(32px,5vw,56px);margin:0;color:#12462c}.garden-heading p{font-size:21px;margin:8px 0;color:#285936}.garden-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 30px}.garden-filters button{display:flex;gap:8px;align-items:center;border:1px solid #dae3c8;background:#fffef3;border-radius:30px;padding:12px 20px;color:#204c32;box-shadow:0 5px 9px #38572818;font:inherit;cursor:pointer}.garden-filters button.selected{background:linear-gradient(135deg,#269453,#075837);color:white;border-color:#24783b}.garden-board{background:linear-gradient(140deg,#fffbe4ed,#f5eccbe8);border:1px solid #ded1a6;border-radius:28px;padding:38px 28px;box-shadow:0 15px 36px #24462320,inset 0 0 50px #ffffffaa}.garden-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}.garden-note{position:relative;isolation:isolate;min-width:0;min-height:280px;padding:28px 25px 38px;background:linear-gradient(125deg,#d6e99a 0%,#bedb78 62%,#accc67 100%);border:1px solid #a3bf61;border-radius:4px 5px 5px 28px;box-shadow:0 3px 0 #91ac56,0 7px 0 -2px #a7bf70,0 16px 16px -6px #243f3455,inset 0 2px 3px #ffffff9c;transform:rotate(-1.4deg);color:#163d25;transition:transform .2s,box-shadow .2s}.garden-note:nth-child(2n){transform:rotate(1.3deg)}.garden-note:before{content:'';position:absolute;bottom:-1px;left:-1px;width:40px;height:39px;background:linear-gradient(42deg,#667f35 0%,#f5f9d0 48%,#e3efb5 55%);border-radius:0 20px 0 27px;box-shadow:5px -3px 7px #29462728;z-index:1}.garden-note:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.13;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#fff 3px,transparent 4px)}.garden-note.paper-1{background:linear-gradient(125deg,#ffe780,#f4d458 62%,#e8c449);border-color:#d9b644;box-shadow:0 3px 0 #be9c35,0 7px 0 -2px #dbc05c,0 16px 16px -6px #51401d55,inset 0 2px 3px #fff9}.garden-note.paper-1:before{background:linear-gradient(42deg,#997719,#fff1af 48%,#ffe795 55%)}.garden-note.paper-2{background:linear-gradient(125deg,#c7e7ac,#a9d48f 62%,#98c87e);border-color:#8bb973}.garden-note:hover{transform:translateY(-4px) rotate(0)}.note-fastener{position:absolute;top:-13px;left:46%;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#c6ffbe 0%,#56bf68 18%,#087440 56%,#035c2e 90%);box-shadow:4px 7px 5px #27431a66,0 4px 0 #036232;z-index:2}.garden-note:nth-child(even) .note-fastener{height:27px;width:58px;top:-15px;left:42%;border-radius:0;background:repeating-linear-gradient(55deg,#d8bd7e9c 0 4px,#ead19cab 4px 6px);box-shadow:0 2px 2px #3f472622;transform:rotate(-6deg)}.note-person{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.note-person strong{font-size:21px;overflow-wrap:anywhere}.garden-avatar{width:62px;height:62px;flex:none;filter:drop-shadow(0 2px 1px #45504b22)}.note-symbol{margin:14px 0 8px}.note-symbol .icon{width:39px;height:39px;stroke-width:1.6}.garden-note h3{font-size:23px;line-height:1.45;margin:8px 0 12px;overflow-wrap:anywhere}.garden-note p{font-size:17px;line-height:1.9;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.note-sprout{position:absolute;bottom:10px;right:13px;opacity:.55;transform:rotate(-18deg)}.garden-footnote{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;color:#3a6343;margin:28px 0}.garden-empty{text-align:center;padding:32px 14px;color:#2f563c}.garden-empty>.icon{width:64px;height:64px}.garden-more{display:block;margin:32px auto 0}.publication-panel{margin-top:28px;padding-top:20px;border-top:2px solid #d8e4c5}.publication-panel #publication-preview{padding:20px 12px 30px;max-width:390px;margin:auto}.publication-panel .garden-note{transform:none}.publication-panel #hide-publication{margin-top:16px}.garden-consent{background:#f0f6df;padding:16px;border-radius:14px}.garden-filters button:focus-visible,.garden-more:focus-visible{outline:3px solid #07452c;outline-offset:4px}
@media(max-width:1000px){.garden-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-board{padding:34px 22px}}
@media(max-width:600px){.garden-grid{grid-template-columns:1fr;gap:34px}.garden-board{padding:28px 18px}.garden-heading h2{font-size:35px}.garden-heading p{font-size:17px}.garden-filters{gap:8px;margin-bottom:22px}.garden-filters button{padding:9px 13px;font-size:14px}.garden-note{min-height:245px;padding:24px 22px 38px}.garden-note h3{font-size:22px}.garden-note p{font-size:17px}.garden-avatar{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.garden-note{transition:none}}

header{flex-wrap:wrap}.nav{max-width:100%;flex-wrap:wrap}.garden-note:after{opacity:.025}@media(min-width:1001px){header{gap:12px}.nav button{padding:11px 12px;font-size:13px}.logo{width:280px;max-width:22vw}}