.tn{--tn-note:#dbe7f6;--tn-edge:#8fb0dc;--tn-ink:#2b4c8c;--tn-on-ink:#fff;gap:var(--s-5);padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}:root[data-theme=dark] .tn{--tn-note:#24385c;--tn-edge:#4d6aa0;--tn-ink:#a8c1f0;--tn-on-ink:#111226}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tn{--tn-note:#24385c;--tn-edge:#4d6aa0;--tn-ink:#a8c1f0;--tn-on-ink:#111226}}.tn[aria-busy=true]{min-height:22rem}.tn-first{gap:var(--s-4);display:grid}.tn-first__buttons{gap:var(--s-3);flex-wrap:wrap;display:flex}.tn-layout{gap:var(--s-6);min-width:0;display:grid}.tn-side,.tn-main{gap:var(--s-4);align-content:start;min-width:0;display:grid}@media (width>=52rem){.tn-layout{column-gap:clamp(var(--s-5), 4vw, var(--s-7));grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:start}.tn-side{top:var(--s-4);max-height:calc(100dvh - 2 * var(--s-4));margin:-6px;padding:6px;position:sticky;overflow-y:auto}}.tn-pile{gap:var(--s-3);display:grid}.tn-pile__top{justify-content:space-between;align-items:flex-end;gap:var(--s-3) var(--s-5);flex-wrap:wrap;display:flex}.tn-pile__count{min-width:0}.tn-pile__count p{margin:0}.tn-count{font-family:var(--font-display);color:var(--tn-ink);font-size:clamp(3.6rem,10vw,6rem);font-weight:800;line-height:1}.tn-count-label{font-weight:700;font-size:var(--step-1)}.tn-sent-line{color:var(--ink-2);font-weight:500}.tn-pile__svg{flex:none;width:120px;max-width:100%;height:auto}@media (width>=52rem){.tn-pile__svg{width:180px}}.tn-card{fill:var(--tn-note);stroke:var(--tn-edge);stroke-width:1.5px;vector-effect:non-scaling-stroke}.tn-card--drop{animation:tn-drop var(--t-state) var(--ease)}.tn-card--leave{animation:tn-leave var(--t-state) var(--ease) forwards}@keyframes tn-drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes tn-leave{to{opacity:0;transform:translate(24px)}}.tn-event{align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.tn-event p{margin:0}.tn-event__name{font-weight:700;font-size:var(--step-1);overflow-wrap:anywhere}.tn-event__date{color:var(--ink-2)}.tn-event__pick{gap:var(--s-1);min-width:0;font-weight:600;font-size:var(--step--1);display:grid}.tn-event__buttons{flex-wrap:wrap;display:flex}.tn-guidance{color:var(--ink-2);font-size:var(--step--1);margin:0}.tn-empty{margin:0;font-weight:500}.tn-add{gap:var(--s-3);display:grid}.tn-add__title{font-size:var(--step-1)}.tn-field{gap:var(--s-1);min-width:0;font-weight:600;font-size:var(--step--1);display:grid}.tn-textarea{padding:var(--s-2) var(--s-3);resize:vertical;font-family:inherit;line-height:1.4}.tn-error{color:var(--danger);margin:0;font-weight:600}.tn-add__foot{justify-content:space-between;align-items:flex-start;gap:var(--s-3);flex-wrap:wrap;display:flex}.tn-details{flex:12rem;min-width:0}.tn-details[open]{gap:var(--s-2);display:grid}.tn-details>summary,.tn-sent>summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:600;display:flex}.tn-import{justify-self:start}.tn-chips{gap:var(--s-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.tn-chips legend:not(.sr-only){width:100%;margin-bottom:var(--s-1);font-weight:600;font-size:var(--step--1);padding:0}.tn-chip{min-height:2.75rem;padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font-weight:600;font-size:var(--step--1);cursor:pointer;align-items:center;display:inline-flex;position:relative}.tn-chip__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tn-chip:has(input:checked){border-color:var(--tn-ink);background:var(--tn-ink);color:var(--tn-on-ink)}.tn-chip:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.tn-section{gap:var(--s-3);justify-items:start;display:grid}.tn-section__title{font-size:var(--step-1)}.tn-list{gap:0;width:100%;margin:0;padding:0;list-style:none;display:grid}.tn-row{gap:var(--s-1);padding:var(--s-2) 0;border-top:2px solid var(--line);min-width:0;display:grid}.tn-open{gap:var(--s-1);min-width:0;min-height:2.75rem;padding:var(--s-1) 0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:grid}.tn-who{font-weight:700;font-size:var(--step-1);overflow-wrap:anywhere}.tn-gift{color:var(--ink-2);overflow-wrap:anywhere;font-weight:500}.tn-ticks,.tn-note-ticks{gap:0 var(--s-5);flex-wrap:wrap;display:flex}.tn-tick{align-items:center;gap:var(--s-2);cursor:pointer;min-height:2.75rem;font-weight:600;display:inline-flex}.tn-tick input{appearance:none;border:2px solid var(--line);background:var(--paper);cursor:pointer;border-radius:.4rem;flex:none;place-items:center;width:1.5rem;height:1.5rem;margin:0;display:grid}.tn-tick input:checked{border-color:var(--tn-ink);background:var(--tn-ink)}.tn-tick input:checked:after{content:"";border:solid var(--tn-on-ink);border-width:0 3px 3px 0;width:.4rem;height:.8rem;margin-top:-.12rem;transform:rotate(45deg)}.tn-tick input:disabled{cursor:default;opacity:.7}@media (width>=52rem){.tn-row:not(.tn-row--sent){align-items:center;column-gap:var(--s-4);grid-template-columns:minmax(0,1fr) auto}}.tn-row--sent{grid-template-columns:minmax(0,1fr)}.tn-sent-on{color:var(--ink-2);margin:0;font-weight:500}.tn-row--sent .btn{justify-self:start}.tn-sent{gap:var(--s-3);display:grid}.tn-sent>summary{font-size:var(--step-1);font-weight:700}.tn-sent>.btn{justify-self:start}.tn-foot{display:flex}.kit-dialog:has(.tn-note-body){width:min(48rem, calc(100vw - 2 * var(--s-4)))}.tn-note-body{gap:var(--s-4);min-width:0;display:grid}.tn-note-details,.tn-note-card{gap:var(--s-3);align-content:start;min-width:0;display:grid}@media (width>=52rem){.tn-note-body{column-gap:var(--s-5);grid-template-columns:minmax(0,15rem) minmax(0,1fr)}.tn-note-foot{grid-column:1/-1}}.tn-paper{width:100%;min-height:15rem;padding:var(--s-4);border:2px solid var(--tn-edge);border-radius:var(--r-input);background:var(--tn-note);color:var(--ink);font-family:var(--font-read);font-size:var(--step-0);resize:vertical;font-weight:400;line-height:1.6}.tn-hint,.tn-hint-plain{color:var(--ink-2);font-size:var(--step--1);margin:0}.tn-note-actions{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.tn-copied{min-width:4rem;font-weight:600}.tn-note-foot{display:flex}.tn-form{gap:var(--s-4);min-width:0;display:grid}.tn-form__actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.tn-confirm{gap:var(--s-3);padding:var(--s-3) var(--s-4);border:2px solid var(--line);border-radius:var(--r-input);display:grid}.tn-confirm p{margin:0;font-weight:600}.tn-file{justify-self:start}.tn-file:focus-within{outline:3px solid var(--signal);outline-offset:3px}.tn-preview,.tn-form p[role=status],.tn-form p[role=alert]{min-height:1.5em;margin:0;font-weight:600}.tn-csv{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.tn-csv__scope{flex:9rem}.tn .kit-dialog{margin:auto}