:root{--desk:#f6ecea;--board:#7a2a43;--board-edge:#5a1d30;--foil:#f0b8ae;--stamp:#b3263f}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#1a1215;--board:#5e2134;--board-edge:#3a1420;--foil:#f0b8ae}}.add{gap:14px;display:grid}.kinds{flex-wrap:wrap;gap:6px;display:flex}.kinds input{opacity:0;position:absolute}.kinds span{color:#1b2230;cursor:pointer;background:#fff;border:1px solid #d3d8e0;border-radius:999px;padding:8px 14px;font-size:14px;display:inline-block}.kinds input:checked+span{border-color:var(--board);background:var(--board);color:#fff;font-weight:700}.kinds input:focus-visible+span{outline:3px solid var(--foil);outline-offset:2px}.field{color:#1b2230;gap:6px;font-size:14px;font-weight:600;display:grid}.field input{color:#1b2230;font:inherit;background:#fff;border:1px solid #d3d8e0;border-radius:10px;padding:11px 12px;font-size:16px;font-weight:400}button.open{width:100%;font:inherit;border:0;font-size:17px;font-weight:700}.outcome{margin-top:24px}.count{background:var(--board);text-align:center;color:#fff;box-shadow:inset 0 0 0 1px var(--board-edge), 0 10px 24px -14px #10182899;border-radius:18px;padding:26px 18px 22px}.since{color:#f3dfe2;margin:0;font-size:15px}.days{font-family:var(--serif);color:var(--foil);cursor:pointer;margin:4px 0 6px;font-size:clamp(48px,16vw,72px);font-weight:700;line-height:1.15}.from{color:#f3dfe2;margin:0;font-size:14px}.outcome h2{font-family:var(--serif);margin:26px 4px 10px;font-size:19px}.milestones{background:var(--rule);border-radius:12px;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.milestones li{background:var(--paper);color:#1b2230;grid-template-columns:4.2em minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:11px 12px;font-size:14px;display:grid}.milestones li.big strong{color:var(--stamp)}.milestones strong{font-family:var(--serif);font-size:16px}.milestones .date{text-overflow:ellipsis;color:#5a6476;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;overflow:hidden}.milestones em{white-space:nowrap;font-size:13px;font-style:normal;font-weight:700}.card-btn{border:1px solid var(--foil);color:var(--board);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.card-hint{color:var(--ink-soft);word-break:keep-all;margin:-4px 4px 10px;font-size:13px}.card-preview{border-radius:12px;width:min(100%,360px);margin:0 auto 14px;display:block;box-shadow:0 14px 28px -14px #10182899}.share-hint{color:var(--ink-soft);text-align:center;word-break:keep-all;margin:-4px 4px 10px;font-size:13px}.actions{gap:8px;display:grid}.actions .open{white-space:nowrap}.actions .share{background:var(--foil);color:#4a1426}.options{border:1px solid var(--rule);border-radius:12px;gap:10px;margin:26px 0 12px;padding:14px 16px;display:grid}.options legend{padding:0 6px;font-size:14px;font-weight:700}.choice{flex-wrap:wrap;gap:8px 18px;font-size:15px;display:flex}.choice label{align-items:center;gap:6px;display:flex}.choice input{width:18px;height:18px;accent-color:var(--board)}.howto ul{color:var(--ink-soft);word-break:keep-all;margin:0;padding-left:20px;font-size:14px;line-height:1.7}@media (prefers-color-scheme:dark){:root:not(.light-only) .milestones li{color:#e6e9ee;background:#1b2230}:root:not(.light-only) .milestones .date{color:#9aa3b2}:root:not(.light-only) .card-btn{color:var(--foil)}}.received{text-align:center;margin:0 0 18px}.received-title{font-family:var(--serif);word-break:keep-all;margin:4px 0 12px;font-size:20px;font-weight:700}.received .open{width:min(100%,360px);font:inherit;border:0;margin:0 auto;font-size:17px;font-weight:700}.mine{margin-top:24px}.mine h2{font-family:var(--serif);margin:0 4px 10px;font-size:19px}.mine-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mine-list li{background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.mine-list li.on{box-shadow:inset 0 0 0 2px var(--board)}.mine-list .pick{color:#1b2230;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;padding:12px 14px;display:grid}.mine-list strong{font-family:var(--serif);font-size:17px}.mine-list .ago{color:#5a6476;font-size:14px}.mine-list em{color:var(--stamp);font-size:14px;font-style:normal;font-weight:700}.mine-list .del{color:#5a6476;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;margin-right:10px;padding:8px 10px;font-size:13px}.mine-hint{color:var(--ink-soft);margin:8px 4px 0;font-size:13px}