.intro{padding:45px 0 25px}.intro h1{font-size:clamp(36px,5vw,62px)}.toolbar,.tabs,.options,.dialog-top,.share-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar,.dialog-top{justify-content:space-between}.tabs button,.quiet{font:inherit;background:#23382b;color:#e9f1de;border:1px solid #53614f;border-radius:12px;padding:10px 15px;cursor:pointer}.tabs button[aria-selected=true]{background:#d2ee9b;color:#172519}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0}.filters input{max-width:360px;margin:0}.filters label{margin:0}select{background:#24382c;color:#f2f5eb;padding:10px;border:1px solid #586553;border-radius:9px;font:inherit}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:25px}.note-card{border:0;border-radius:20px 20px 34px 20px;padding:22px;color:#223026;text-align:left;font:inherit;cursor:pointer;min-height:190px;overflow-wrap:anywhere}.mint{background:#d2eeae}.peach{background:#f2cfaa}.lavender{background:#ddcbee}.blue{background:#bfdfe4}.yellow{background:#f2e4a1}.note-card h2{font-size:22px;margin:10px 0}.note-card p{white-space:pre-wrap;margin:10px 0}.note-card small{opacity:.75}.picture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;margin-top:25px}.picture-grid figure{margin:0;padding:12px;background:#23352a;border-radius:18px}.picture-grid img{width:100%;height:160px;object-fit:contain;background:#102018;border-radius:10px}.picture-grid figcaption{overflow-wrap:anywhere}.muted{color:var(--muted)}dialog{width:min(760px,95vw);max-height:90dvh;overflow:auto;border:1px solid #55644c;background:#18281e;color:#edf1e6;border-radius:22px;padding:25px}dialog::backdrop{background:#08120cbb}.dialog-top h2{font-size:25px}dialog textarea{min-height:180px}dialog label{margin-top:15px}.options label{display:flex;gap:8px;align-items:center;margin:8px 0}.options input[type=checkbox]{width:18px;margin:0}.options input[type=color]{width:55px;margin:0;padding:4px}.options input[type=range]{width:120px;margin:0}.options{margin:15px 0}.share-row input{max-width:260px;margin:0}.share-row label{margin:0}#sharing{margin-top:25px;border-top:1px solid #40533f}#notePictures{width:100%}#canvas{width:100%;height:auto;background:#fff;touch-action:none;border-radius:12px;margin-bottom:20px}#checkItems label{display:flex;align-items:flex-start;gap:10px}#checkItems input{width:20px;margin:4px 0}button:disabled{opacity:.5;cursor:wait}#members div{display:flex;align-items:center;justify-content:space-between;margin:12px 0;gap:10px}[hidden]{display:none!important}@media(max-width:600px){.intro{padding-top:28px}.note-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.filters{align-items:stretch}.filters input{max-width:none;width:100%}dialog{padding:18px}.share-row{align-items:stretch;flex-direction:column}.share-row input{max-width:none}}