*,*: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}:root{--font-ui: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-hand: "Caveat", "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--fridge: #dbe9f3;--fridge-deep: #c2d9ea;--enamel: #f2f8fc;--ink: #35474f;--ink-soft: #6f8794;--red: #d6473f;--red-deep: #a9322c;--butter: #fbeec2;--mint: #d5ecdb;--blush: #fbdadb;--lilac: #e3dcf3;--sky: #d2e6f8;--peach: #fde0c9;--radius: 16px;--shadow-magnet: 0 10px 18px -12px rgba(24, 60, 82, .55), 0 2px 4px rgba(24, 60, 82, .12);--shadow-lift: 0 24px 34px -14px rgba(20, 52, 74, .5), 0 4px 8px rgba(20, 52, 74, .16);font-family:var(--font-ui);color-scheme:light dark}body{min-height:100dvh;color:var(--ink);background-color:var(--fridge);background-image:radial-gradient(120% 80% at 50% -12%,#fffc,#fff0 62%),linear-gradient(180deg,#fff6,#fff0 34%,#7aa3be38),repeating-linear-gradient(180deg,#ffffff0d 0 2px,#14344a03 2px 4px);background-attachment:fixed}.board{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px);min-height:100dvh;padding:clamp(14px,2.2vw,28px)}.board--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.board__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 16px}.board__wordmark{grid-column:1 / -1;font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}.board__day{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .6ch;font-size:clamp(2.7rem,7.5vw,4.3rem);font-weight:800;line-height:.95;letter-spacing:-.02em}.board__date{font-size:.34em;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.board__digest{grid-column:1;font-family:var(--font-hand);font-size:clamp(1.45rem,3.6vw,2rem);line-height:1.15;color:var(--red-deep)}.board__archive-link{grid-row:2 / span 2;grid-column:2;align-self:center;padding:.5em .9em;border-radius:12px;background:#ffffffb3;box-shadow:0 2px #8caabe66;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink-soft);white-space:nowrap}.board__sections{display:grid;grid-template-columns:1fr;gap:clamp(12px,1.8vw,20px)}@media(min-width:680px){.board__sections{grid-template-columns:1fr 1fr}.section--dinner,.section--birthdays{grid-column:1 / -1}}.strip{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:0 clamp(12px,2vw,20px);padding:clamp(12px,1.6vw,16px) clamp(14px,2vw,20px) clamp(12px,1.6vw,16px) clamp(22px,3vw,30px);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff,var(--enamel));box-shadow:var(--shadow-magnet)}.strip__clip{position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(180deg,var(--red),var(--red-deep))}.strip__label{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.strip__window{display:flex;align-items:center;min-width:0;min-height:2.2em;overflow:hidden}.strip__note{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .8ch;min-width:0;text-decoration:none;color:inherit;animation:strip-in .52s cubic-bezier(.2,.8,.2,1) both}.strip__text{font-family:var(--font-hand);font-size:clamp(1.5rem,3.6vw,2.05rem);line-height:1.1}.strip__when{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red-deep)}.strip__note--empty{color:var(--ink-soft);font-family:var(--font-hand);font-size:1.4rem}.strip__dots{display:flex;gap:6px;list-style:none;padding:0}.strip__dot{width:7px;height:7px;border-radius:50%;background:#6f879452;transition:background .3s ease,transform .3s ease}.strip__dot--on{background:var(--red);transform:scale(1.35)}@keyframes strip-in{0%{opacity:0;transform:translateY(70%) rotate(-1.2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.section{padding:clamp(12px,1.6vw,18px);border-radius:20px;background:#ffffff57;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #1e40580f;transition:background .18s ease}.section--drop{background:#ffffff9e;outline:3px dashed rgba(214,71,63,.5);outline-offset:-7px}.section--pinned{background:#ffffff80}.section__head{display:flex;align-items:center;gap:10px;margin-bottom:clamp(10px,1.4vw,14px)}.section__label{padding:.35em .8em;border-radius:11px;background:#fff;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 2px #8caabe73}.section--pinned .section__label{background:var(--red);color:#fff;box-shadow:0 2px 0 var(--red-deep)}.section__hint{flex:1;font-family:var(--font-hand);font-size:1.2rem;line-height:1.1;color:var(--ink-soft)}.section__add{margin-left:auto;width:42px;height:42px;flex:none;border:0;border-radius:13px;background:#ffffffd9;box-shadow:0 2px #8caabe73;color:var(--red);font-size:1.5rem;font-weight:800;line-height:1;cursor:pointer}.section__add:active{transform:translateY(2px);box-shadow:none}.section__notes{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,14px);list-style:none;padding:0;min-height:56px}.section--pinned .section__notes{flex-direction:row;flex-wrap:wrap}.section--pinned .magnet{flex:1 1 min(100%,260px)}.section__empty{padding:6px 4px;font-family:var(--font-hand);font-size:1.3rem;color:var(--ink-soft)}.magnet{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:0 10px;padding:clamp(11px,1.5vw,15px) clamp(12px,1.6vw,16px);border-radius:var(--radius);background:var(--tone, #fff);color:var(--ink);transform:rotate(var(--tilt, 0deg));box-shadow:var(--shadow-magnet);touch-action:pan-y;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease}.magnet:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff8c,#fff0 44%);box-shadow:inset 0 0 0 1px #ffffffb3}.magnet--butter{--tone: var(--butter)}.magnet--mint{--tone: var(--mint)}.magnet--blush{--tone: var(--blush)}.magnet--lilac{--tone: var(--lilac)}.magnet--sky{--tone: var(--sky)}.magnet--peach{--tone: var(--peach)}.magnet--pinned{box-shadow:0 0 0 2px var(--red),var(--shadow-magnet)}.magnet--dragging{z-index:30;box-shadow:var(--shadow-lift);transition:none;pointer-events:none}.magnet__grip{grid-row:1 / -1;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none}.magnet__grip:active{cursor:grabbing}.magnet__grip-dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffffff2,#fff0 58%),var(--red);box-shadow:0 1px 2px #14344a59}.magnet__face{display:flex;flex-direction:column;gap:1px;min-width:0;color:inherit;text-decoration:none}.magnet__tag{align-self:flex-start;margin-bottom:3px;padding:.2em .55em;border-radius:7px;background:#ffffffbf;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.magnet__when{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red-deep)}.magnet__title{font-family:var(--font-hand);font-size:clamp(1.6rem,3.6vw,2.15rem);font-weight:600;line-height:1.05}.magnet__who{font-size:.88rem;font-weight:700;color:var(--ink-soft)}.magnet__bell{display:block;margin-top:4px}.magnet__bell svg{width:18px;height:18px;fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round}.magnet__tools{display:flex;flex-direction:column;gap:6px}.magnet__tool{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:#fff9;color:var(--ink-soft);cursor:pointer;transition:color .16s ease,background .16s ease}.magnet__tool svg{width:20px;height:20px}.magnet__tool--star svg{fill:currentColor}.magnet__tool--star[aria-pressed=true]{background:#fff;color:var(--red)}.magnet__tool--archive svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes slide-off{0%{opacity:1;transform:rotate(var(--tilt, 0deg))}22%{opacity:1;transform:translate3d(-10px,-5px,0) rotate(calc(var(--tilt, 0deg) - 2.5deg)) scale(1.03)}to{opacity:0;transform:translate3d(112%,28px,0) rotate(9deg) scale(.94)}}.magnet--sliding-off{z-index:20;pointer-events:none;animation:slide-off .46s cubic-bezier(.34,.1,.2,1) forwards}.detail,.archive{display:flex;flex-direction:column;gap:clamp(14px,2vw,20px);width:100%;max-width:46rem;min-height:100dvh;margin-inline:auto;padding:clamp(14px,2.2vw,28px)}.detail__bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail__back,.detail__edit{padding:.55em 1.1em;border:0;border-radius:13px;background:#ffffffd9;box-shadow:0 2px #8caabe73;font-size:.86rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink);cursor:pointer}.detail__edit[aria-pressed=true]{background:var(--red);box-shadow:0 2px 0 var(--red-deep);color:#fff}.detail__card{display:flex;flex-direction:column;gap:clamp(10px,1.6vw,14px);padding:clamp(18px,3vw,30px);border-radius:24px;background:var(--tone, #fff);box-shadow:var(--shadow-magnet)}.detail--butter{--tone: var(--butter)}.detail--mint{--tone: var(--mint)}.detail--blush{--tone: var(--blush)}.detail--lilac{--tone: var(--lilac)}.detail--sky{--tone: var(--sky)}.detail--peach{--tone: var(--peach)}.detail__card--sliding-off{animation:slide-off .46s cubic-bezier(.34,.1,.2,1) forwards}.detail__tag{align-self:flex-start;padding:.3em .7em;border-radius:9px;background:#fffc;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.detail__when{font-size:.85rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red-deep)}.detail__title{font-family:var(--font-hand);font-size:clamp(2.5rem,7vw,3.5rem);font-weight:700;line-height:1}.detail__who{font-size:1rem;font-weight:800;color:var(--ink-soft)}.detail__body{font-family:var(--font-hand);font-size:clamp(1.4rem,3.4vw,1.75rem);line-height:1.35}.detail__body--empty{color:var(--ink-soft)}.detail__switches{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:6px;padding-top:clamp(10px,1.6vw,14px);border-top:2px dashed rgba(53,71,79,.16)}.detail__archive{align-self:flex-start;padding:.6em 1.1em;border:0;border-radius:13px;background:#fffc;box-shadow:0 2px #8caabe73;font-size:.86rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red-deep);cursor:pointer}.switch{display:flex;align-items:center;gap:12px;padding:8px 0;border:0;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}.switch__track{position:relative;width:60px;height:34px;flex:none;border-radius:999px;background:#fffc;box-shadow:inset 0 1px 3px #14344a38;transition:background .2s ease}.switch__knob{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14344a59;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.switch[aria-checked=true] .switch__track{background:var(--red)}.switch[aria-checked=true] .switch__knob{transform:translate(26px)}.form{display:flex;flex-direction:column;gap:14px}.form__row{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:520px){.form__row{grid-template-columns:1fr 1fr}}.form__field{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;padding:0}.form__label{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.form__input{width:100%;padding:.6em .7em;border:2px solid rgba(53,71,79,.14);border-radius:12px;background:#ffffffd9;color:var(--ink);font-weight:600}.form__input:focus-visible{outline:3px solid rgba(214,71,63,.55);outline-offset:1px}.form__input--title,.form__textarea{font-family:var(--font-hand);font-size:clamp(1.5rem,3.6vw,1.9rem);line-height:1.2}.form__textarea{resize:vertical}.tones{display:flex;flex-wrap:wrap;gap:10px}.tones__swatch{position:relative;width:44px;height:44px;border-radius:12px;background:var(--tone, #fff);box-shadow:inset 0 0 0 1px #fffc,0 2px #8caabe66;cursor:pointer}.tones__swatch--butter{--tone: var(--butter)}.tones__swatch--mint{--tone: var(--mint)}.tones__swatch--blush{--tone: var(--blush)}.tones__swatch--lilac{--tone: var(--lilac)}.tones__swatch--sky{--tone: var(--sky)}.tones__swatch--peach{--tone: var(--peach)}.tones__swatch input{position:absolute;width:1px;height:1px;opacity:0}.tones__name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tones__swatch:has(input:checked){box-shadow:0 0 0 3px var(--red),inset 0 0 0 1px #fffc}.tones__swatch:has(input:focus-visible){outline:3px solid rgba(214,71,63,.55);outline-offset:2px}.archive__title{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:800;letter-spacing:-.01em}.archive__blurb{font-family:var(--font-hand);font-size:1.35rem;color:var(--ink-soft)}.archive__empty{font-family:var(--font-hand);font-size:1.4rem;color:var(--ink-soft)}.archive__list{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}.archive__item{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:12px 14px;border-radius:var(--radius);background:var(--tone, #fff);box-shadow:var(--shadow-magnet);opacity:.82}.archive__item--butter{--tone: var(--butter)}.archive__item--mint{--tone: var(--mint)}.archive__item--blush{--tone: var(--blush)}.archive__item--lilac{--tone: var(--lilac)}.archive__item--sky{--tone: var(--sky)}.archive__item--peach{--tone: var(--peach)}.archive__face{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;flex:1;min-width:0;color:inherit;text-decoration:none}.archive__tag,.archive__when{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.archive__note{font-family:var(--font-hand);font-size:1.6rem;line-height:1.1}.archive__tools{display:flex;gap:8px}.archive__tool{padding:.5em .85em;border:0;border-radius:11px;background:#ffffffd9;box-shadow:0 2px #8caabe66;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer}.archive__tool--bin{color:var(--red-deep)}.page{max-width:46rem;margin-inline:auto;padding:clamp(20px,4vw,40px)}.page h1{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:800}.page p{margin-top:8px;font-family:var(--font-hand);font-size:1.4rem;color:var(--ink-soft)}.link-back{display:inline-block;margin-top:18px;padding:.55em 1.1em;border-radius:13px;background:#ffffffd9;box-shadow:0 2px #8caabe73;font-size:.86rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink)}@media(prefers-color-scheme:dark){:root{--fridge: #1d2a33;--fridge-deep: #16212a;--enamel: #25333d;--ink: #eaf2f7;--ink-soft: #9db1bf;--red: #e35c52;--red-deep: #f0857c;--butter: #6d6340;--mint: #47614f;--blush: #6d4a4d;--lilac: #544d6d;--sky: #3e5872;--peach: #71543c}body{background-image:radial-gradient(120% 80% at 50% -12%,#ffffff1f,#fff0 62%),linear-gradient(180deg,#ffffff0f,#0000 34%,#00000047),repeating-linear-gradient(180deg,#ffffff05 0 2px,#0000000d 2px 4px)}.section{background:#ffffff0d;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0000004d}.section--drop,.section--pinned{background:#ffffff1a}.section__label,.section__add,.detail__back,.detail__edit,.detail__archive,.board__archive-link,.archive__tool,.link-back{background:#ffffff1f;box-shadow:0 2px #00000059;color:var(--ink)}.section__add,.detail__archive,.archive__tool--bin{color:var(--red-deep)}.strip{background:linear-gradient(180deg,var(--enamel),var(--fridge-deep))}.magnet:after{background:linear-gradient(180deg,#ffffff24,#fff0 44%);box-shadow:inset 0 0 0 1px #ffffff24}.magnet__tag,.magnet__tool,.detail__tag,.switch__track,.form__input{background:#ffffff1f;color:var(--ink)}.magnet__tool--star[aria-pressed=true]{background:#ffffff29}.detail__switches{border-top-color:#eaf2f733}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}