*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--sky: #a8dbea;--sky-deep: #6fb9cf;--butter: #f8e9a8;--butter-deep: #e8cf6a;--cherry: #e3372f;--cherry-soft: #f6a7a2;--mint: #7ed3ad;--mint-deep: #4fb98d;--enamel: #fdfaf3;--paper-white: #fffdf8;--ink: #2f3d47;--ink-soft: #5d707d;--hairline: rgba(47, 61, 71, .14);--wall: var(--sky);--panel: var(--enamel);--panel-edge: rgba(47, 61, 71, .1);--lift-paper: 0 1px 0 rgba(47, 61, 71, .08), 0 6px 12px -6px rgba(47, 61, 71, .35);--lift-panel: 0 2px 0 rgba(255, 255, 255, .6) inset, 0 10px 24px -14px rgba(47, 61, 71, .45);--lift-carried: 0 24px 40px -16px rgba(47, 61, 71, .5);--radius-card: 14px;--radius-panel: 22px;--radius-pill: 999px;--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-hand: "Caveat", "Segoe Script", "Bradley Hand", cursive;--step-0: 1.0625rem;--step-1: 1.1875rem;--step-2: 1.5rem;--step-3: 2rem;--tap: 48px;--sheet-ease: cubic-bezier(.22, 1, .36, 1);font-family:var(--font-ui);font-size:var(--step-0);color:var(--ink);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--wall: #2c4a56;--panel: #f4efe4;--hairline: rgba(47, 61, 71, .18)}}body{min-height:100dvh;background-color:var(--wall);background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.2px),radial-gradient(rgba(47,61,71,.05) 1px,transparent 1.2px);background-size:26px 26px,38px 38px;background-position:0 0,13px 19px}body.is-dragging-card{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.page{max-width:80ch;margin-inline:auto;padding:2rem}.board{min-height:100dvh;padding:clamp(.75rem,2.5vw,2rem)}.board__inner{max-width:1600px;margin-inline:auto}.board__panels{display:grid;gap:clamp(.75rem,1.6vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:start}.board__empty{padding:2rem;font-size:var(--step-1);text-align:center;background:var(--panel);border-radius:var(--radius-panel);box-shadow:var(--lift-panel)}.board-head{margin-bottom:clamp(.75rem,2vw,1.5rem)}.board-head__row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.board-head__title{font-family:var(--font-hand);font-size:clamp(2.5rem,7vw,4rem);font-weight:700;line-height:.95;color:#fff;text-shadow:0 2px 0 rgba(47,61,71,.18)}.board-head__input{font-family:var(--font-hand);font-size:clamp(2rem,5vw,3rem);line-height:1.1}.board-head__date{margin-top:.15rem;font-size:var(--step-1);font-weight:600;color:#2f3d47b8}@media(prefers-color-scheme:dark){.board-head__date{color:#ffffffd1}}.board-head__tools{display:grid;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;background:var(--panel);border-radius:var(--radius-panel);box-shadow:var(--lift-panel)}.board-head__tip{max-width:62ch;color:var(--ink-soft)}.board-head__buttons,.hidden-strip__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.panel{position:relative;padding:1.25rem 1rem 1rem;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius-panel);box-shadow:var(--lift-panel);transition:box-shadow .16s ease,outline-color .16s ease;outline:3px solid transparent;outline-offset:3px}.panel:before,.panel:after{content:"";position:absolute;top:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#2f3d4759);opacity:.55}.panel:before{left:12px}.panel:after{right:12px}.panel--target{outline-color:var(--cherry);box-shadow:0 0 0 6px #e3372f24,var(--lift-panel)}.panel__head{position:relative;margin-bottom:.85rem}.panel__tape{position:absolute;top:-1.15rem;left:50%;width:108px;height:26px;translate:-50% 0;rotate:-1.6deg;border-radius:2px;opacity:.75;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px);background-color:var(--tape, var(--sky));box-shadow:0 1px 2px #2f3d472e}.panel--sky{--tape: var(--sky-deep)}.panel--butter{--tape: var(--butter-deep)}.panel--cherry{--tape: var(--cherry-soft)}.panel--mint{--tape: var(--mint-deep)}.panel__titles{padding-top:.5rem;text-align:center}.panel__label{font-family:var(--font-hand);font-size:var(--step-3);font-weight:700;line-height:1.05;color:var(--ink)}.panel__hint{font-family:var(--font-hand);font-size:var(--step-1);color:var(--ink-soft)}.panel__edit{display:grid;gap:.6rem;padding-top:.75rem}.panel__cards{display:grid;gap:.85rem;list-style:none;padding:0;margin-bottom:.85rem}.panel__empty{margin-bottom:.85rem;padding:.75rem;font-family:var(--font-hand);font-size:var(--step-1);color:var(--ink-soft);text-align:center;border:2px dashed var(--hairline);border-radius:var(--radius-card)}.card{position:relative;border-radius:var(--radius-card);background:var(--paper, var(--butter));box-shadow:var(--lift-paper);rotate:var(--tilt, 0deg);transition:rotate .16s ease,scale .16s ease,box-shadow .16s ease}.panel__cards .card:nth-child(3n+1){--tilt: -.7deg}.panel__cards .card:nth-child(3n+2){--tilt: .55deg}.panel__cards .card:nth-child(3n){--tilt: -.25deg}.card--butter{--paper: var(--butter)}.card--sky{--paper: #cfeaf4}.card--mint{--paper: #bfe9d5}.card--cherry{--paper: #f9c9c5}.card--white{--paper: var(--paper-white)}.card__magnet{position:absolute;top:-11px;left:50%;z-index:2;width:30px;height:30px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ff8f88 0 18%,var(--cherry) 55%,#a8221c 100%);box-shadow:0 3px 5px -1px #2f3d4773;cursor:grab;touch-action:none}.card__magnet:active{cursor:grabbing}.card__face{display:block;width:100%;padding:1.35rem .9rem .9rem;font:inherit;color:inherit;text-align:left;background:none;border:0;border-radius:var(--radius-card);cursor:pointer}.card__photo{width:100%;aspect-ratio:4 / 3;margin-bottom:.6rem;object-fit:cover;border-radius:8px;background:#fff9;box-shadow:0 1px 3px #2f3d4740}.card__title{display:block;font-family:var(--font-hand);font-size:1.65rem;font-weight:600;line-height:1.15;color:var(--ink);overflow-wrap:break-word}.card__meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.pill{padding:.15rem .6rem;font-size:.875rem;font-weight:600;color:var(--ink);background:#ffffffb8;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--hairline)}.pill--late{color:#fff;background:var(--cherry)}.pill--complete{background:var(--mint)}.pill--quiet{color:var(--ink-soft)}.card__pin{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:36px;height:36px;font-size:1.05rem;background:#ffffffa6;border:1px solid var(--hairline);border-radius:50%;cursor:pointer;opacity:.5;rotate:12deg;transition:opacity .14s ease,scale .14s ease}.card__pin:hover,.card__pin:focus-visible{opacity:1}.card__pin[aria-pressed=true]{opacity:1;background:#fff;box-shadow:0 2px 6px -2px #2f3d4780;rotate:-8deg;scale:1.08}.card--pinned{--tilt: 0deg;box-shadow:0 0 0 2px var(--cherry-soft),var(--lift-paper)}.card--ghost{opacity:.28;box-shadow:none}.drag-layer{position:fixed;z-index:40;list-style:none;padding:0;margin:0;pointer-events:none}.card--floating{rotate:2.5deg;scale:1.04;box-shadow:var(--lift-carried)}.card--drop-before:before,.card--drop-after:after{content:"";position:absolute;left:4px;right:4px;height:5px;border-radius:var(--radius-pill);background:var(--cherry);box-shadow:0 0 0 3px #e3372f33}.card--drop-before:before{top:-.55rem}.card--drop-after:after{bottom:-.55rem}.btn{min-height:var(--tap);padding:.55rem 1.1rem;font-size:var(--step-0);font-weight:650;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:0 3px 0 var(--ink);cursor:pointer;transition:translate 90ms ease,box-shadow 90ms ease}.btn:active{translate:0 3px;box-shadow:0 0 0 var(--ink)}.btn--quiet{font-weight:600;color:var(--ink-soft);background:transparent;border-color:var(--hairline);box-shadow:none}.btn--quiet:active{translate:0}.btn--add{width:100%;background:var(--butter)}.btn--chip{min-height:42px;padding:.3rem .9rem;background:var(--mint)}.btn--edit{background:var(--butter)}.btn--edit.is-on{color:#fff;background:var(--cherry);border-color:#8f1d18;box-shadow:0 3px #8f1d18}.btn--pin.is-on{background:var(--cherry-soft)}.btn--danger{color:#fff;background:var(--cherry);border-color:#8f1d18;box-shadow:0 3px #8f1d18}.btn--done{width:100%;background:var(--mint)}.btn--icon{display:grid;place-items:center;width:42px;min-height:42px;padding:0;border-width:1px;border-color:var(--hairline);box-shadow:none}:where(button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--cherry);outline-offset:2px}.field{display:grid;gap:.3rem}.field__label{font-size:.9375rem;font-weight:700;color:var(--ink-soft);letter-spacing:.01em}.field :where(input,textarea,select){width:100%;min-height:var(--tap);padding:.55rem .75rem;font-size:var(--step-1);color:var(--ink);background:#fff;border:2px solid var(--hairline);border-radius:12px}.field :where(input,textarea,select):hover{border-color:var(--sky-deep)}.field textarea{resize:vertical}.field--big .field__title{font-family:var(--font-hand);font-size:1.9rem;line-height:1.2}.field--inline{flex:1}.swatches{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:0;border:0}.swatches legend{width:100%;padding:0;margin-bottom:.35rem}.swatch{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--swatch, var(--sky));box-shadow:inset 0 0 0 2px #fff9,0 1px 3px #2f3d474d;cursor:pointer}.swatch input{position:absolute;inset:0;appearance:none;margin:0;border-radius:50%;cursor:pointer}.swatch:has(input:checked){outline:3px solid var(--ink);outline-offset:2px}.swatch--sky{--swatch: var(--sky)}.swatch--butter{--swatch: var(--butter)}.swatch--cherry{--swatch: var(--cherry)}.swatch--mint{--swatch: var(--mint)}.swatch--white{--swatch: var(--paper-white)}.sheet-layer{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;inset:0;padding:0;background:#1828306b;border:0;opacity:0;cursor:pointer;transition:opacity .28s var(--sheet-ease)}.sheet-layer.is-open .sheet-scrim{opacity:1}.sheet{position:relative;display:flex;flex-direction:column;width:min(560px,100%);max-height:92dvh;background:var(--sheet-paper, var(--paper-white));border-radius:26px 26px 0 0;box-shadow:0 -14px 40px -12px #18283080;translate:0 100%;transition:translate .32s var(--sheet-ease)}.sheet-layer.is-open .sheet{translate:0 0}.sheet-layer.is-leaving .sheet{translate:0 100%}.sheet-layer.is-leaving .sheet-scrim{opacity:0}.sheet--butter{--sheet-paper: #fdf6dd}.sheet--sky{--sheet-paper: #eaf6fb}.sheet--mint{--sheet-paper: #e6f7ee}.sheet--cherry{--sheet-paper: #fdeeed}.sheet--white{--sheet-paper: var(--paper-white)}.sheet__grab{flex:none;width:56px;height:6px;margin:.7rem auto 0;background:var(--hairline);border-radius:var(--radius-pill)}.sheet__body{display:grid;gap:1rem;padding:1rem clamp(1rem,4vw,1.75rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet__group{display:grid;gap:.5rem}.sheet__preview img{width:100%;max-height:240px;margin-bottom:.5rem;object-fit:cover;border-radius:12px;box-shadow:var(--lift-paper)}.sheet__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding-top:.25rem;border-top:1px solid var(--hairline)}.sheet__foot{flex:none;padding:.75rem clamp(1rem,4vw,1.75rem);padding-bottom:max(.75rem,env(safe-area-inset-bottom));background:inherit;border-top:1px solid var(--hairline)}.checklist{display:grid;gap:.4rem;list-style:none;padding:0}.checklist__item{display:flex;gap:.5rem;align-items:center}.checklist__tick{display:grid;place-items:center;width:42px;height:42px;flex:none}.checklist__tick input{width:28px;height:28px;accent-color:var(--mint-deep);cursor:pointer}.checklist__text{flex:1;min-height:42px;padding:.4rem .6rem;font-size:var(--step-1);background:#fff;border:2px solid var(--hairline);border-radius:10px}.checklist__text.is-done{color:var(--ink-soft);text-decoration:line-through}.checklist__add{display:flex;gap:.5rem;align-items:flex-end}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sheet{translate:0 0}}