:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f1e6;--paper-2:#efe6d4;--surface:#fffcf5;--line:#e0d4bd;--line-strong:#c9b999;--scrim:#2b242073;--ink:#2b2420;--ink-2:#5a4d42;--ink-3:#7b6d60;--accent:#a9492c;--accent-ink:#fff;--accent-soft:#f0d8cc;--sage:#6d8260;--dust:#5c7a96;--ochre:#a67a1f;--plum:#7a4a68;--new:#3f7d3a;--new-soft:#dbeed3;--danger:#a3302a;--danger-soft:#f6dcd8;--ok:#3f7d3a;--note-yellow:#f7e8a4;--note-pink:#f6d1d3;--note-mint:#d0e8d5;--note-sky:#d0e1ef;--note-lilac:#ddd4ef;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.25rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-s:8px;--r-m:14px;--r-l:22px;--shadow-1:0 1px 2px #3c28141f, 0 3px 10px #3c281412;--shadow-2:0 2px 4px #3c281424, 0 14px 32px #3c281424;--focus:0 0 0 3px var(--surface), 0 0 0 5px var(--accent);--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.14s;--t-med:.26s;--g-terracotta:#a9492c;--g-sage:#6d8260;--g-dusty-blue:#5c7a96;--g-ochre:#a67a1f;--g-plum:#7a4a68;--g-ink:#3d352f}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-med:1ms}}
*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.5}body{background-image:radial-gradient(#785a320b 1px,#0000 1px);background-size:6px 6px}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.2}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}a{color:var(--accent)}.serif{font-family:var(--font-serif)}.muted{color:var(--ink-3)}.small{font-size:var(--text-sm)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{box-shadow:var(--focus);border-radius:var(--r-s);outline:none}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);font:inherit;cursor:pointer;transition:transform var(--t-fast) var(--ease), background var(--t-fast), box-shadow var(--t-fast);border:1px solid #0000;border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:#963f25}.btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn--secondary:hover:not(:disabled){background:var(--paper-2)}.btn--ghost{color:var(--ink-2);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--paper-2)}.btn--danger{background:var(--danger);color:#fff}.btn--small{min-height:36px;padding:0 var(--s3);font-size:var(--text-sm)}.btn--block{width:100%}.icon-btn{width:44px;height:44px;color:var(--ink-2);cursor:pointer;transition:background var(--t-fast), transform var(--t-fast) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--paper-2)}.icon-btn:active{transform:scale(.94)}.icon-btn--solid{background:var(--surface);box-shadow:var(--shadow-1)}.field{gap:var(--s1);display:grid}.field>label,.field>.label{font-size:var(--text-sm);color:var(--ink-2);font-weight:600}.input,.textarea{width:100%;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--line-strong);border-radius:var(--r-m);background:var(--surface);color:var(--ink);font:inherit}.textarea{resize:vertical;min-height:120px;line-height:1.5}.input:focus-visible,.textarea:focus-visible{box-shadow:var(--focus)}.field__hint{font-size:var(--text-xs);color:var(--ink-3)}.field__error{font-size:var(--text-sm);color:var(--danger)}.chip{align-items:center;gap:var(--s1);min-height:36px;padding:0 var(--s3);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:999px;display:inline-flex}.chip[aria-pressed=true],.chip--active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.badge{background:var(--new-soft);color:var(--new);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.avatar{color:#fff;letter-spacing:.02em;box-shadow:0 0 0 2px var(--surface);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar{margin-left:-8px}.avatar-more{background:var(--paper-2);color:var(--ink-2)}.modal-root{z-index:100;padding:var(--s4);background:var(--scrim);animation:fade-in var(--t-fast) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-l);background:var(--surface);width:min(560px,100%);max-height:min(90dvh,880px);box-shadow:var(--shadow-2);animation:pop-in var(--t-med) var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal--wide{width:min(880px,100%)}.modal--bare{box-shadow:none;background:0 0;overflow:visible}.modal__head{align-items:center;gap:var(--s2);padding:var(--s3) var(--s3) var(--s2) var(--s5);display:flex}.modal__title{font-size:var(--text-lg);flex:1;font-weight:650}.modal__body{padding:var(--s2) var(--s5) var(--s5);overflow:auto}.modal__foot{gap:var(--s2);padding:var(--s3) var(--s5) var(--s4);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (max-width:640px){.modal-root{align-items:end;padding:0}.modal{border-radius:var(--r-l) var(--r-l) 0 0;width:100%;max-height:92dvh;animation:sheet-in var(--t-med) var(--ease)}}.toasts{z-index:200;left:50%;bottom:calc(var(--s5) + env(safe-area-inset-bottom,0px));gap:var(--s2);width:min(440px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-m);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-2);animation:toast-in var(--t-med) var(--ease);display:flex}.toast--error{background:var(--danger)}.toast__text{font-size:var(--text-sm);flex:1}.toast__action{color:#fff;cursor:pointer;background:0 0;border:0;min-height:36px;font-weight:700;text-decoration:underline}.spinner{border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.state{justify-items:center;gap:var(--s3);padding:var(--s7) var(--s4);text-align:center;color:var(--ink-2);display:grid}.state__art{color:var(--line-strong)}.progress{background:var(--paper-2);border-radius:999px;height:6px;overflow:hidden}.progress__bar{background:var(--accent);border-radius:inherit;width:40%;height:100%;animation:indeterminate 1.2s var(--ease) infinite}.shell{grid-template-columns:1fr;min-height:100dvh;display:grid}.shell__nav{z-index:40;padding:var(--s1) var(--s2) calc(var(--s1) + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.shell__brand{display:none}.nav-link{min-width:64px;min-height:48px;padding:var(--s1) var(--s2);border-radius:var(--r-m);color:var(--ink-3);font-size:var(--text-xs);justify-items:center;gap:2px;font-weight:600;text-decoration:none;display:grid}.nav-link[aria-current=page]{color:var(--accent)}.shell__main{min-width:0;padding-bottom:72px}.shell--canvas .shell__main{padding-bottom:0}.shell--canvas .shell__nav{display:none}@media (min-width:900px){.shell{grid-template-columns:220px 1fr}.shell__nav{justify-content:flex-start;gap:var(--s1);height:100dvh;padding:var(--s5) var(--s3);border-top:0;border-right:1px solid var(--line);flex-direction:column;position:sticky;top:0}.shell__brand{font-family:var(--font-serif);font-size:var(--text-lg);padding:0 var(--s3) var(--s5);display:block}.nav-link{justify-content:start;gap:var(--s3);font-size:var(--text-md);min-height:48px;padding:0 var(--s3);grid-auto-flow:column}.nav-link:hover{background:var(--paper-2)}.shell__main{padding-bottom:0}.shell--canvas .shell__nav{display:flex}}.page{width:min(1080px,100%);padding:var(--s5) var(--s4) var(--s7);gap:var(--s5);margin:0 auto;display:grid}.page__head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.auth-page{min-height:100dvh;padding:var(--s4);place-items:center;display:grid}.auth-card{width:min(440px,100%);padding:var(--s6);border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow-1);gap:var(--s4);display:grid}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
.cv{background:var(--paper);flex-direction:column;height:100dvh;display:flex}.cv-head{align-items:center;gap:var(--s1);padding:var(--s2) var(--s3);background:var(--surface);border-bottom:1px solid var(--line);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--group,var(--accent)) 35%, transparent);display:flex}.cv-head__emblem{background:var(--group,var(--accent));color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.cv-head__title{min-width:0;margin-left:var(--s2);flex:1;display:grid}.cv-head__title .small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:520px){.cv-head__invite{display:none}.cv-head{padding-inline:var(--s2);gap:0}}.cv-head__title h1{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cv-head__people{cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:44px;padding:6px}.cv-head__people:hover{background:var(--paper-2)}.cv-tools{gap:var(--s2);padding:var(--s2) var(--s3);background:var(--paper);border-bottom:1px solid var(--line);display:grid}.cv-filters{gap:var(--s2);scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.cv-filters .chip{flex:none}.cv-search{align-items:center;gap:var(--s2);color:var(--ink-3);display:flex}.cv-main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.cv-main>.state{margin:auto}.cv-scroll{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;padding-bottom:120px;position:relative;overflow:hidden auto}.cv-surface{width:100%;position:relative}.cv-older{padding:var(--s5);place-items:center;display:grid}.cv-item{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform-origin:50%;transition:transform var(--t-med) var(--ease), box-shadow var(--t-fast);will-change:transform;position:absolute;top:0;left:0}.cv-item:active:not(.is-dragging){filter:brightness(.97)}.cv-item.is-dragging{cursor:grabbing;filter:drop-shadow(0 16px 20px #3c281447);transition:none}.cv-item.is-entering{animation:cv-appear .55s var(--ease) both}.cv-item:focus-visible{box-shadow:none;outline:none}.cv-item:focus-visible>*{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--r-s)}@keyframes cv-appear{0%{opacity:0;translate:0 -24px;scale:.85}to{opacity:1;translate:0;scale:1}}.cv-new{z-index:2;background:var(--new);color:#fff;font-size:var(--text-xs);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-weight:700;display:inline-flex;position:absolute;top:-10px;right:-6px}.cv-new__dot{background:#fff;border-radius:50%;width:7px;height:7px}.cv-item.is-new>:first-child{outline:3px solid var(--new);outline-offset:2px;border-radius:var(--r-s)}.cv-meta{align-items:center;gap:6px;min-width:0;font-size:11px;line-height:1.2;display:flex}.cv-meta__text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cv-meta__aud{opacity:.8;flex:none;display:inline-flex}.cv-meta--ink{color:var(--ink-2)}.cv-meta--light{color:#fff;text-shadow:0 1px 3px #0009}.cv-note{background:var(--note-yellow);width:100%;height:100%;box-shadow:var(--shadow-1);border-radius:3px 3px 12px;flex-direction:column;justify-content:space-between;gap:6px;padding:14px 14px 10px;display:flex;position:relative}.cv-note:before{content:"";background:#ffffff80;width:44px;height:16px;margin-left:-22px;position:absolute;top:-9px;left:50%;transform:rotate(-2deg);box-shadow:0 1px 2px #0000001a}.cv-note--pink{background:var(--note-pink)}.cv-note--mint{background:var(--note-mint)}.cv-note--sky{background:var(--note-sky)}.cv-note--lilac{background:var(--note-lilac)}.cv-note__text{-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.cv-letter{width:100%;height:100%;box-shadow:var(--shadow-1);background:#f1e3c8;border:1px solid #dccaa5;border-radius:6px;flex-direction:column;justify-content:flex-end;gap:4px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.cv-letter__flap{clip-path:polygon(0 0,100% 0,50% 100%);background:#e9d6b1;border-bottom:1px solid #d6c19a;height:62%;position:absolute;inset:0 0 auto}.cv-letter__seal{background:var(--accent);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:46%;left:50%;box-shadow:inset 0 -2px 3px #00000040}.cv-letter__label{z-index:1;text-align:center;margin-top:auto;padding-top:38%;position:relative}.cv-letter__title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.cv-letter .cv-meta{z-index:1;position:relative}.cv-photo{width:100%;height:100%;position:relative}.cv-photo--instant{box-shadow:var(--shadow-1);background:#fbf8f0 radial-gradient(#3c28140a 1px,#0000 1px) 0 0/3px 3px;border-radius:2px;flex-direction:column;padding:9px 9px 0;display:flex}.cv-photo__img{background:var(--paper-2);flex:1;min-height:0;position:relative;overflow:hidden}.cv-photo__img img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.cv-photo__ph{width:100%;height:100%;color:var(--line-strong);place-items:center;display:grid}.cv-photo__caption{min-height:52px;color:var(--ink-2);align-content:end;gap:4px;padding:7px 2px 8px;font-size:13px;display:grid}.cv-photo__caption .serif{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:italic;display:-webkit-box;overflow:hidden}.cv-photo--clean{border-radius:var(--r-s);box-shadow:var(--shadow-1);overflow:hidden}.cv-photo--clean .cv-photo__img{height:100%}.cv-photo--clean .cv-meta{position:absolute;bottom:8px;left:8px;right:8px}.cv-audio{column-gap:var(--s3);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-l);width:100%;height:100%;box-shadow:var(--shadow-1);grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);row-gap:2px;padding:10px 14px 8px;display:grid}.cv-audio--long{background:#f4ead7;border-color:#d6c19a}.cv-audio__btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;grid-row:1;align-self:center;place-items:center;width:48px;height:48px;display:grid}.cv-audio__btn:disabled{background:var(--line-strong);cursor:default}.cv-audio__btn .spinner{border-color:#fff #fff6 #fff6;width:18px;height:18px}.cv-audio__body{grid-row:1;align-content:center;gap:3px;min-width:0;display:grid}.cv-audio__kicker{color:var(--ink-3);font-size:12px;font-style:italic}.cv-audio__wave{align-items:center;gap:1.5px;height:28px;display:flex;overflow:hidden}.cv-audio__wave span{background:var(--line-strong);border-radius:2px;flex:1 1 0;min-width:0}.cv-audio__wave span.is-played{background:var(--accent)}.cv-audio__time{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.cv-audio__err{color:var(--danger)}.cv-audio .cv-meta{grid-area:2/1/auto/-1}.cv-video{border-radius:var(--r-m);width:100%;height:100%;box-shadow:var(--shadow-1);background:#2d2824;position:relative;overflow:hidden}.cv-video video,.cv-video__ph{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.cv-video__ph{background:linear-gradient(135deg,#3b332d,#1f1a17)}.cv-video__play{width:52px;height:52px;color:var(--ink);background:#ffffffe0;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;display:grid;position:absolute;top:50%;left:50%}.cv-video__dur{color:#fff;font-variant-numeric:tabular-nums;background:#0009;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:8px;left:8px}.cv-video .cv-meta{position:absolute;bottom:8px;left:8px;right:8px}.cv-generic{background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--r-m);width:100%;height:100%;color:var(--ink-2);align-content:space-between;gap:6px;padding:12px;font-size:14px;display:grid}.cv-purged{justify-items:start}.fab{right:max(16px, env(safe-area-inset-right,0px));bottom:max(20px, env(safe-area-inset-bottom,0px));z-index:30;background:var(--accent);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-2);cursor:pointer;transition:transform var(--t-fast) var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:fixed}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.94)}.viewer{gap:var(--s3);justify-items:center;width:min(92vw,760px);max-height:94dvh;display:grid}.viewer__bar{gap:var(--s3);width:100%;padding:var(--s3) var(--s4);border-radius:var(--r-m);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.viewer__loading{padding:var(--s7);color:#fff}.viewer__video{border-radius:var(--r-m);background:#000;width:100%;max-height:70dvh}.viewer-by{gap:var(--s3);align-items:center;display:flex}.viewer-actions{gap:var(--s2);display:flex}.big-polaroid{box-shadow:var(--shadow-2);background:#fbf8f0;border-radius:3px;max-width:100%;margin:0;padding:14px 14px 18px;transform:rotate(-1deg)}.big-polaroid img{max-width:100%;max-height:62dvh;margin:0 auto;display:block}.big-polaroid figcaption{font-size:var(--text-lg);text-align:center;color:var(--ink-2);padding-top:12px;font-style:italic}.big-clean{margin:0}.big-clean img{border-radius:var(--r-m);max-width:100%;max-height:66dvh;box-shadow:var(--shadow-2);display:block}.big-note{width:min(86vw,420px);min-height:260px;box-shadow:var(--shadow-2);border-radius:4px 4px 22px;padding:28px;font-size:22px;font-weight:500;line-height:1.4;transform:rotate(-1.5deg)}.letter-stage{place-items:center;min-width:min(92vw,640px);min-height:70dvh;display:grid;position:relative}.env{aspect-ratio:1.5;perspective:1000px;width:min(340px,78vw);transition:transform .4s var(--ease), opacity .4s;position:relative}.env--closed{animation:env-press .4s var(--ease)}.letter-stage--read .env{opacity:0;pointer-events:none;position:absolute;transform:translateY(40px)scale(.9)}.env__back{box-shadow:var(--shadow-2);background:#e4d2ae;border-radius:6px;position:absolute;inset:0}.env__sheet{z-index:2;transition:transform .6s var(--ease);box-shadow:inset 0 0 0 1px var(--line);background:#fffdf6;border-radius:3px;position:absolute;inset:10% 7% 8%}.env__sheet:before{content:"";background:var(--line);height:3px;box-shadow:0 10px 0 var(--line), 0 20px 0 var(--line), 0 30px 0 var(--line);position:absolute;inset:14px 16px auto}.env__front{clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);z-index:4;background:#f0e1c2;border-radius:6px;position:absolute;inset:0}.env__flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:5;height:58%;transition:transform .55s var(--ease), z-index 0s .27s;background:#e9d6b1;position:absolute;top:0;left:0;right:0}.env--flap .env__flap,.env--rise .env__flap,.env--read .env__flap{z-index:1;transform:rotateX(180deg)}.env--rise .env__sheet,.env--read .env__sheet{transform:translateY(-46%)}@keyframes env-press{0%{transform:scale(1)}40%{transform:scale(.95)rotate(-1deg)}to{transform:scale(1)}}.letter-skip{color:#fff;position:absolute;bottom:0}.sheet{width:min(640px,94vw);max-height:92dvh;box-shadow:var(--shadow-2);padding:var(--s5) var(--s6) var(--s4);animation:sheet-unfold .6s var(--ease) both;transform-origin:50% 100%;background:#fffdf6 repeating-linear-gradient(#0000,#0000 31px,#96785024 32px);background-position:0 var(--s7);border-radius:4px;flex-direction:column;display:flex;position:relative}.sheet__head{padding-bottom:var(--s3)}.sheet__title{font-size:var(--text-xl);margin-bottom:var(--s3);font-weight:600}.sheet__text{white-space:pre-wrap;color:var(--ink);flex:1;font-size:19px;line-height:32px;overflow-y:auto}.sheet__foot{padding-top:var(--s3);justify-content:flex-end;display:flex}@keyframes sheet-unfold{0%{opacity:0;transform:translateY(40px)scaleY(.55)}to{opacity:1;transform:none}}@media (max-width:640px){.sheet{padding:var(--s4)}.sheet__text{font-size:18px}}@media (prefers-reduced-motion:reduce){.cv-item{transition:none}.sheet{animation:1ms both fade-in}.env{animation:none}}
.kind-menu{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (max-width:420px){.kind-menu{grid-template-columns:1fr}}.kind{align-items:center;gap:var(--s3);width:100%;min-height:84px;padding:var(--s3);border:1px solid var(--line-strong);border-radius:var(--r-m);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast);display:flex}.kind:hover{box-shadow:var(--shadow-1);transform:translateY(-1px)}.kind:active{transform:scale(.98)}.kind__icon{color:#fff;background:var(--accent);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.kind--audio-long .kind__icon{background:var(--ochre)}.kind--video .kind__icon{background:var(--dust)}.kind--photo .kind__icon{background:var(--sage)}.kind--letter .kind__icon{background:var(--plum)}.kind--note .kind__icon{background:#c4a21f}.kind__text{gap:2px;display:grid}.label{font-size:var(--text-sm);color:var(--ink-2);font-weight:600}.compose-note{gap:var(--s5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.compose-note{grid-template-columns:1fr 200px;align-items:start}}.compose-note__edit{gap:var(--s4);display:grid}.compose-note__preview{padding:var(--s3);place-items:center;min-height:200px;display:grid}.compose-note-preview{width:180px;height:180px;transform:rotate(-3deg)}.swatches{gap:var(--s3);border:0;flex-wrap:wrap;align-items:center;margin:0;padding:0;display:flex}.swatches legend{margin-bottom:var(--s2);padding:0}.swatch{cursor:pointer;width:44px;height:44px;position:relative}.swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.swatch__dot{border:2px solid var(--line-strong);width:100%;height:100%;color:var(--ink);border-radius:50%;place-items:center;display:grid}.swatch--yellow .swatch__dot{background:var(--note-yellow)}.swatch--pink .swatch__dot{background:var(--note-pink)}.swatch--mint .swatch__dot{background:var(--note-mint)}.swatch--sky .swatch__dot{background:var(--note-sky)}.swatch--lilac .swatch__dot{background:var(--note-lilac)}.swatch input:checked+.swatch__dot{border-color:var(--ink)}.swatch input:focus-visible+.swatch__dot{box-shadow:var(--focus)}.compose-letter{gap:var(--s5);grid-template-columns:1fr;display:grid}@media (min-width:760px){.compose-letter{grid-template-columns:1fr 220px;align-items:start}}.paper{gap:var(--s2);padding:var(--s5);border:1px solid var(--line);box-shadow:var(--shadow-1);background:#fffdf6 repeating-linear-gradient(#0000,#0000 31px,#96785024 32px);border-radius:4px;display:grid}.paper__title{font-size:var(--text-lg);padding:var(--s2) 0;border:0;border-bottom:1px dashed var(--line-strong);color:var(--ink);background:0 0;outline:none;width:100%;font-weight:600}.paper__body{resize:vertical;min-height:280px;color:var(--ink);background:0 0;border:0;outline:none;width:100%;font-size:18px;line-height:32px}.paper:focus-within{box-shadow:var(--shadow-1), 0 0 0 3px var(--accent-soft)}.compose-letter__side{gap:var(--s2);justify-items:start;display:grid}.compose-letter-preview{width:200px;height:140px;transform:rotate(2deg)}.dropzone{justify-items:center;gap:var(--s3);padding:var(--s6) var(--s4);border:2px dashed var(--line-strong);border-radius:var(--r-l);text-align:center;color:var(--ink-2);display:grid}.dropzone__actions{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.frame-choice{margin:0 0 var(--s4);gap:var(--s3);border:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.frame-choice legend{margin-bottom:var(--s2);grid-column:1/-1;padding:0}.frame-option{gap:var(--s2);padding:var(--s3);border:2px solid var(--line);border-radius:var(--r-m);background:var(--surface);cursor:pointer;justify-items:center;display:grid;position:relative}.frame-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.frame-option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.frame-option:focus-within{box-shadow:var(--focus)}.frame-option__label{font-size:var(--text-sm);font-weight:600}.stage-photo{width:100%;max-width:240px}.stage-photo img{object-fit:cover;width:100%;max-height:320px;display:block}.stage-photo--instant{box-shadow:var(--shadow-1);background:#fbf8f0;border-radius:2px;padding:10px 10px 4px}.stage-photo--instant img{aspect-ratio:1}.stage-photo__caption{min-height:40px;color:var(--ink-2);padding:8px 2px;font-size:14px;font-style:italic;display:block}.stage-photo--none img{border-radius:var(--r-s);box-shadow:var(--shadow-1)}.stage-photo--small{max-width:150px}.compose-photo__actions{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.compose-record{gap:var(--s4);display:grid}.rec-stage{gap:var(--s3);padding:var(--s4);border-radius:var(--r-l);background:var(--paper-2);display:grid}.meter{align-items:center;gap:3px;height:64px;display:flex}.meter span{background:var(--line-strong);border-radius:2px;flex:1;min-width:3px;transition:height 80ms linear}.meter.is-live span{background:var(--accent)}.rec-timer{font-variant-numeric:tabular-nums}.rec-timer__time{font-size:var(--text-xl);font-weight:650}.rec-timer__dot{background:var(--line-strong);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.rec-timer__dot.is-rec{background:var(--danger);animation:1s steps(2,end) infinite blink}.rec-timer__warn{color:var(--danger);font-weight:600}@keyframes blink{50%{opacity:.25}}.rec-status{color:var(--ink-2);font-weight:600}.rec-controls{gap:var(--s3);flex-wrap:wrap;display:flex}.btn--rec{min-height:52px;padding:0 var(--s5)}.rec-result{gap:var(--s3);display:grid}.rec-result__actions{gap:var(--s2);flex-wrap:wrap;display:flex}.rec-error{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-m);background:var(--danger-soft);color:var(--danger);flex-wrap:wrap;display:flex}.rec-error p{min-width:200px;color:var(--ink);flex:1}.rec-fallback{gap:var(--s2);padding-top:var(--s3);border-top:1px dashed var(--line-strong);justify-items:start;display:grid}.audio-preview{width:100%}.video-preview{border-radius:var(--r-m);background:#000;width:100%;max-height:52dvh}.video-stage{border-radius:var(--r-l);aspect-ratio:4/3;background:#1f1a17;width:100%;max-height:52dvh;position:relative;overflow:hidden}.video-stage video{object-fit:cover;width:100%;height:100%}.video-stage video.is-mirror{transform:scaleX(-1)}.video-stage__idle{align-content:center;place-items:center;gap:var(--s2);color:#cbbfae;height:100%;display:grid}.video-stage__hud{left:var(--s3);right:var(--s3);bottom:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-m);background:#fffcf5eb;position:absolute}.aud{gap:var(--s4);display:grid}.aud__modes,.aud__people{gap:var(--s2);border:0;margin:0;padding:0;display:grid}.aud__modes legend,.aud__people legend{margin-bottom:var(--s2);padding:0}.aud-mode{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:2px solid var(--line);border-radius:var(--r-m);background:var(--surface);cursor:pointer;min-height:64px;display:flex;position:relative}.aud-mode input{opacity:0;cursor:pointer;position:absolute;inset:0}.aud-mode>span{display:grid}.aud-mode.is-selected{border-color:var(--accent);background:var(--accent-soft)}.aud-mode.is-disabled{opacity:.5;cursor:not-allowed}.aud-mode:focus-within{box-shadow:var(--focus)}.aud-people{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.aud-person{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border:2px solid var(--line);border-radius:var(--r-m);background:var(--surface);cursor:pointer;min-height:56px;display:flex;position:relative}.aud-person input{opacity:0;cursor:pointer;position:absolute;inset:0}.aud-person.is-selected{border-color:var(--accent);background:var(--accent-soft)}.aud-person:focus-within{box-shadow:var(--focus)}.aud-person__name{flex:1;font-weight:600}.aud-person__check{width:22px;color:var(--accent)}.aud__summary{gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r-m);background:var(--paper-2);align-items:flex-start;font-weight:600;display:flex}.aud__summary.is-pending{background:var(--danger-soft);color:var(--danger)}.confirm{gap:var(--s5);display:grid}.confirm__preview{gap:var(--s2);display:grid}.confirm__thing{padding:var(--s4);border-radius:var(--r-m);background:var(--paper-2);justify-items:center;display:grid}.send-progress{gap:var(--s2);display:grid}.panel{gap:var(--s5);display:grid}.panel section{gap:var(--s3);display:grid}.panel__notice{padding:var(--s3);border-radius:var(--r-m);background:var(--paper-2);word-break:break-all}.people{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.people__row{align-items:center;gap:var(--s3);min-height:52px;display:flex}.people__name{flex:1;min-width:0;display:grid}.inline-form{gap:var(--s2);display:flex}.inline-form .input{flex:1;min-width:0}
.page--narrow{width:min(680px,100%)}.page__head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.stack{gap:var(--s4);display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s5);box-shadow:var(--shadow-1)}.form-actions{gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}.label{font-size:var(--text-sm);color:var(--ink-2);font-weight:600}legend.label{margin-bottom:var(--s2);padding:0}.nav-link__icon{display:inline-flex;position:relative}.nav-badge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;right:-10px}.home-head{justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;display:flex}.home-head h1{font-size:var(--text-2xl);font-weight:500}.home-head__actions{gap:var(--s2);flex-wrap:wrap;display:flex}.invites{gap:var(--s3);display:grid}.invites__list{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.invite{align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--accent-soft);border-radius:var(--r-m);flex-wrap:wrap;display:flex}.invite__text{flex:1;min-width:160px;display:grid}.gcards{padding:var(--s2) 0;gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;list-style:none;display:grid}.gcard{gap:var(--s3);min-height:190px;padding:var(--s5) var(--s4) var(--s4);background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--group,var(--accent));border-radius:4px 4px var(--r-l) var(--r-l);height:100%;box-shadow:var(--shadow-1);color:var(--ink);transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);text-decoration:none;display:flex;position:relative}.gcard:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)rotate(0)!important}.gcard:active{transform:scale(.99)!important}.gcard__tape{background:color-mix(in srgb, var(--group,var(--accent)) 30%, #fff);opacity:.8;width:64px;height:22px;position:absolute;top:-13px;left:24px;transform:rotate(-3deg)}.gcard__emblem{background:var(--group,var(--accent));color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.gcard__body{gap:var(--s2);flex:1;align-content:start;min-width:0;display:grid}.gcard__name{font-size:var(--text-lg);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.gcard__who{align-items:center;gap:var(--s2);display:flex}.gcard__glimpse{gap:4px;display:grid}.gcard__chip{font-size:var(--text-xs);color:var(--ink-2);background:var(--paper);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 8px;display:flex}.gcard__chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gcard__new{position:absolute;top:12px;right:12px}.gcard--new{align-content:center;place-items:center;gap:var(--s2);box-shadow:none;color:var(--ink-2);background:0 0;border-style:dashed;border-top-width:1px;min-height:190px;display:grid}.pick{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.pick__row{align-items:center;gap:var(--s3);min-height:56px;padding:var(--s2) var(--s3);border-radius:var(--r-m);color:var(--ink);border:1px solid var(--line);text-decoration:none;display:flex}.pick__row:hover{background:var(--paper-2)}.pick__row strong{flex:1}.pick__emblem{color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.gswatch{cursor:pointer;width:48px;height:48px;position:relative}.gswatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.gswatch__dot{background:var(--c);color:#fff;border:2px solid #0000;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.gswatch--emblem .gswatch__dot{background:var(--surface);color:var(--c);border-color:var(--line-strong)}.gswatch input:checked+.gswatch__dot{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ink)}.gswatch--emblem input:checked+.gswatch__dot{background:var(--c);color:#fff}.gswatch input:focus-visible+.gswatch__dot{box-shadow:var(--focus)}.swatches{gap:var(--s3);flex-wrap:wrap;display:flex}.gpreview{align-items:center;gap:var(--s3);padding:var(--s4);background:var(--surface);border-top:6px solid var(--group);border-radius:4px 4px var(--r-l) var(--r-l);box-shadow:var(--shadow-1);display:flex}.gpreview .gcard__name{font-size:var(--text-lg);font-weight:600}.chips{margin:var(--s2) 0 0;gap:var(--s2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.pchip{align-items:center;gap:var(--s2);padding:2px 2px 2px var(--s2);border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;display:inline-flex}.pchip .icon-btn{width:36px;height:36px}.activity{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.activity__row{align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);text-align:left;font:inherit;color:var(--ink);cursor:pointer;min-height:64px;display:flex}.activity__row.is-unread{border-color:var(--new);background:color-mix(in srgb, var(--new-soft) 40%, var(--surface))}.activity__row:hover{background:var(--paper-2)}.activity__icon{background:var(--paper-2);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.activity__text{flex:1;display:grid}.profile-card{align-items:center;gap:var(--s4);display:flex}.faq{gap:var(--s2);display:grid}.faq__item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m)}.faq__item h2{font-size:var(--text-md)}.faq__q{justify-content:space-between;align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;min-height:52px;font-weight:650;display:flex}.faq__q[aria-expanded=true] svg{transform:rotate(45deg)}.faq__q svg{transition:transform var(--t-fast);flex:none}.faq__a{padding:0 var(--s4) var(--s4);gap:var(--s2);color:var(--ink-2);display:grid}.auth-card h1{font-family:var(--font-serif);font-weight:500;font-size:var(--text-2xl)}.auth-divider{align-items:center;gap:var(--s3);color:var(--ink-3);font-size:var(--text-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.google-btn{gap:var(--s3)}.invite-card{text-align:center}.invite-card blockquote{padding:var(--s3) var(--s4);background:var(--paper-2);border-radius:var(--r-m);font-family:var(--font-serif);margin:0;font-style:italic}