*,*: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{--cream: #f6efe1;--cream-deep: #efe4cf;--paper: #fffaf0;--navy: #33465f;--navy-soft: #6d7f96;--navy-faint: #a9b5c4;--sunshine: #f7c948;--sunshine-deep: #e0ae23;--rose: #c4736a;--sage: #7f9a76;--clay: #c08a4e;--rule: rgb(51 70 95 / .14);--shadow: 0 1px 0 rgb(51 70 95 / .05), 0 6px 14px -10px rgb(51 70 95 / .45);--ink: var(--navy);--ink-soft: var(--navy-soft);--ink-faint: var(--navy-faint);--bg: var(--cream);--card: var(--paper);--radius: 14px;--radius-lg: 20px;--gap: .85rem;--font-rounded: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Quicksand", "Varela Round", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--font-hand: "Bradley Hand", "Segoe Print", "Chalkboard SE", "Comic Sans MS", ui-rounded, cursive;font-family:var(--font-rounded);color-scheme:light}@media(prefers-color-scheme:dark){:root{--cream: #1c232e;--cream-deep: #161c25;--paper: #26303d;--navy: #e7dcc6;--navy-soft: #a7b3c3;--navy-faint: #6f7f92;--rule: rgb(231 220 198 / .16);--shadow: 0 1px 0 rgb(0 0 0 / .25), 0 8px 18px -12px rgb(0 0 0 / .8);color-scheme:dark}}body{min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(rgb(51 70 95 / .045) 1px,transparent 1px),radial-gradient(rgb(51 70 95 / .03) 1px,transparent 1px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;color:var(--ink);letter-spacing:-.01em}@media(prefers-color-scheme:dark){body{background-image:radial-gradient(rgb(231 220 198 / .04) 1px,transparent 1px),radial-gradient(rgb(231 220 198 / .025) 1px,transparent 1px)}}.hand{font-family:var(--font-hand);font-weight:400;letter-spacing:.01em}.page,.board,.compose,.detail{max-width:34rem;margin-inline:auto;padding:1.25rem 1.1rem calc(6.5rem + env(safe-area-inset-bottom))}.board__head{padding:.5rem 0 1.4rem;border-bottom:1px dashed var(--rule);margin-bottom:1.4rem}.board__head--list{border-bottom:none;padding-bottom:.75rem;margin-bottom:.75rem}.board__hand{font-family:var(--font-hand);color:var(--ink-soft);font-size:1.05rem}.board__street{font-size:2.1rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(transparent 62%,var(--sunshine) 62%,var(--sunshine) 92%,transparent 92%);display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}.board__blurb{margin-top:.7rem;color:var(--ink-soft);font-size:.98rem}.board__keeper{margin-top:.35rem;color:var(--ink-faint);font-size:.85rem}.board__section{margin-bottom:1.9rem}.board__label{font-size:1.2rem;color:var(--ink-soft);margin-bottom:.7rem}.board__label--big{font-size:1.9rem;color:var(--ink)}.board__note,.board__empty{color:var(--ink-faint);font-size:.9rem;margin-bottom:.9rem}.board__cards{display:flex;flex-direction:column;gap:var(--gap)}.board__section--faded{opacity:.85}.quicklinks{margin-bottom:1.9rem}.quicklinks__list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.quicklink{display:flex;flex-direction:column;gap:.15rem;height:100%;padding:.7rem .6rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .14s ease,box-shadow .14s ease}.quicklink:active{transform:translateY(1px) rotate(-.4deg)}.quicklink__label{font-weight:600;font-size:.92rem;line-height:1.2}.quicklink__count{font-size:.76rem;color:var(--ink-faint)}.note{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);rotate:-.35deg;transition:opacity .6s ease,filter .6s ease,rotate .2s ease}.note:nth-child(2n){rotate:.4deg}.note--pinned{rotate:0deg;border-color:var(--sunshine);box-shadow:0 0 0 3px #f7c9483d,var(--shadow)}.note__tack,.detail__tack{position:absolute;top:-6px;left:50%;translate:-50% 0;width:13px;height:13px;border-radius:50%;background:var(--pin, var(--navy));box-shadow:inset 0 -2px 3px #00000038,inset 0 2px 2px #fff6,0 2px 4px #33465f59}.note--pin-navy,.detail--pin-navy{--pin: var(--navy)}.note--pin-sunshine,.detail--pin-sunshine{--pin: var(--sunshine-deep)}.note--pin-rose,.detail--pin-rose{--pin: var(--rose)}.note--pin-sage,.detail--pin-sage{--pin: var(--sage)}.note--pin-clay,.detail--pin-clay{--pin: var(--clay)}.note--faded,.detail--faded .detail__sheet{opacity:.55;filter:saturate(.55)}.note--faded:hover,.note--faded:focus-within{opacity:.85}.note--done .note__title{text-decoration:line-through;text-decoration-color:var(--ink-faint);text-decoration-thickness:1.5px}.note__face{display:flex;flex-direction:column;gap:.22rem;width:100%;padding:1.05rem 1rem .9rem;background:none;border:0;border-radius:var(--radius);text-align:left;color:inherit;cursor:pointer}.note__label{font-size:.9rem;color:var(--ink-faint)}.note__title{font-size:1.06rem;font-weight:600;line-height:1.28;letter-spacing:-.015em}.note__meta{font-size:.8rem;color:var(--ink-faint)}.note__badge{align-self:flex-start;margin-top:.4rem;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;background:var(--sunshine);color:#33465f}.note__badge--faded{background:transparent;border:1px dashed var(--rule);color:var(--ink-faint)}.note__back{padding:0 1rem 1rem;transform-origin:top center;animation:paper-flip .26s cubic-bezier(.32,.72,.35,1.02)}.note__back[hidden]{display:none}@keyframes paper-flip{0%{opacity:0;transform:perspective(700px) rotateX(-58deg)}to{opacity:1;transform:perspective(700px) rotateX(0)}}.note__body{padding-top:.7rem;border-top:1px dashed var(--rule);color:var(--ink-soft);font-size:.95rem}.note__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.backlink{display:inline-block;margin-bottom:1rem;color:var(--ink-soft);font-size:.9rem;text-decoration:none}.backlink:hover{text-decoration:underline}.detail__sheet{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.6rem 1.25rem 1.35rem;transition:opacity .6s ease,filter .6s ease}.detail__label{font-size:1.05rem;color:var(--ink-faint);margin-bottom:.4rem}.detail__label a{color:inherit}.detail__title{font-size:1.55rem;font-weight:700;line-height:1.22;letter-spacing:-.025em}.detail--done .detail__title{text-decoration:line-through;text-decoration-color:var(--ink-faint)}.detail__status{margin-top:.6rem;display:inline-block;padding:.15rem .55rem;border-radius:999px;background:var(--sunshine);color:#33465f;font-size:.78rem}.detail__body{margin-top:1rem;color:var(--ink-soft);font-size:1.02rem;line-height:1.62}.detail__facts{margin-top:1.4rem;padding-top:1rem;border-top:1px dashed var(--rule);display:grid;gap:.7rem;font-size:.88rem}.detail__facts dt{font-family:var(--font-hand);color:var(--ink-faint)}.detail__facts dd{margin:0;color:var(--ink)}.pin-swatch{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--pin, var(--navy));vertical-align:-1px}.detail__actions{display:flex;flex-direction:column;gap:.55rem;margin-top:1.4rem}.compose__title{font-size:1.9rem}.compose__intro{margin-top:.4rem;color:var(--ink-soft);font-size:.95rem}.compose__form{display:flex;flex-direction:column;gap:1.15rem;margin-top:1.5rem}.field{display:flex;flex-direction:column;gap:.35rem}.field--group{border:1px solid var(--rule);border-radius:var(--radius);background:var(--card);padding:.9rem .95rem 1rem;gap:.7rem}.field--inline{flex-direction:row;align-items:center;gap:.6rem}.field__label{font-family:var(--font-hand);font-size:1rem;color:var(--ink-soft)}.field__label--small{font-size:.92rem}.field__hint{font-size:.8rem;color:var(--ink-faint)}input[type=text],input[type=date],textarea{width:100%;padding:.65rem .7rem;border:1px solid var(--rule);border-radius:10px;background:var(--card);color:var(--ink);font-size:1rem;font-family:inherit}.field--group input[type=date]{background:var(--bg);width:auto}textarea{resize:vertical;line-height:1.55}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--sunshine-deep);outline-offset:2px}input:disabled{opacity:.5}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{cursor:pointer}.chip input{position:absolute;opacity:0;width:1px;height:1px}.chip span{display:inline-block;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--rule);background:var(--bg);font-size:.9rem}.chip input:checked+span{background:var(--sunshine);border-color:var(--sunshine-deep);color:#33465f;font-weight:600}.chip input:focus-visible+span{outline:2px solid var(--sunshine-deep);outline-offset:2px}.pins{display:flex;flex-wrap:wrap;gap:.5rem}.pins__pin{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem .35rem .45rem;border-radius:999px;border:1px solid var(--rule);background:var(--bg);cursor:pointer;font-size:.82rem}.pins__pin input{position:absolute;opacity:0;width:1px;height:1px}.pins__dot{width:14px;height:14px;border-radius:50%;background:var(--pin, var(--navy));box-shadow:inset 0 -2px 3px #00000038,inset 0 2px 2px #fff6}.pins__pin--navy{--pin: var(--navy)}.pins__pin--sunshine{--pin: var(--sunshine-deep)}.pins__pin--rose{--pin: var(--rose)}.pins__pin--sage{--pin: var(--sage)}.pins__pin--clay{--pin: var(--clay)}.pins__pin:has(input:checked){border-color:var(--ink-soft);background:var(--card);font-weight:600}.pins__pin:has(input:focus-visible){outline:2px solid var(--sunshine-deep);outline-offset:2px}.check{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:var(--ink-soft);cursor:pointer}.check input{margin-top:.2rem;accent-color:var(--sunshine-deep);width:1.05rem;height:1.05rem}.compose__error{color:var(--rose);font-size:.9rem}.btn{display:inline-block;padding:.6rem 1rem;border-radius:999px;border:1px solid transparent;font-size:.92rem;font-family:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .14s ease}.btn:active{transform:translateY(1px) scale(.985)}.btn--primary{background:var(--sunshine);color:#33465f;box-shadow:var(--shadow)}.btn--quiet{background:var(--bg);border-color:var(--rule);color:var(--ink)}.btn--plain{background:none;color:var(--ink-faint);font-weight:500}.btn--link{background:none;color:var(--ink-soft);border-color:var(--rule)}.sticky-add{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:center;padding:.8rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 62%,rgb(0 0 0 / 0));pointer-events:none}.sticky-add__btn{pointer-events:auto;width:100%;max-width:31.8rem;padding-block:.85rem;font-size:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.note{rotate:0deg}}