@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap";@layer tokens{:root{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-display:"Playfair Display", Georgia, serif;--color-ink:#152231;--color-ink-muted:#152231ad;--color-ink-soft:#1522316b;--color-surface:#fffc;--color-surface-strong:#fff;--color-surface-border:#fff;--color-nav-surface:#fff3;--color-canvas-top:#d1dfee;--color-canvas-mid:#e0e9f0;--color-canvas-bottom:#eef4fa;--color-accent:#c06f5b;--color-accent-soft:#c06f5b29;--color-cool-line:#4c687f24;--color-progress:#627382;--color-progress-track:#1522311a;--type-9:9px;--type-10:10px;--type-11:11px;--type-12:12px;--type-14:14px;--type-15:15px;--type-18:18px;--type-20:20px;--type-24:24px;--type-32:32px;--space-4:4px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-26:26px;--space-32:32px;--space-40:40px;--space-68:68px;--space-fluid-4:var(--space-4);--space-fluid-8:var(--space-8);--space-fluid-10:var(--space-10);--space-fluid-12:var(--space-12);--space-fluid-16:var(--space-16);--space-fluid-20:var(--space-20);--space-fluid-24:var(--space-24);--space-fluid-26:var(--space-26);--space-fluid-32:var(--space-32);--space-fluid-40:var(--space-40);--space-fluid-68:var(--space-68);--radius-pill:99px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--duration-fast:.16s;--duration-medium:.28s;--duration-slow:.76s;--font-family-body:var(--font-sans);--font-family-display:var(--font-display);--font-size-caption:var(--type-10);--font-size-label:var(--type-10);--font-size-body:var(--type-14);--font-size-body-lg:var(--type-18);--font-size-title-sm:var(--type-20);--font-size-title-md:var(--type-24);--font-size-title-lg:var(--type-32);--radius-sm:var(--space-fluid-8);--radius-md:var(--space-fluid-16);--radius-lg:var(--space-fluid-20);--radius-full:var(--radius-pill);--duration-interaction:var(--duration-fast);--duration-enter:var(--duration-medium);--easing-standard:var(--ease-out)}@media (width>=1800px){:root{--type-9:10px;--type-10:11px;--type-11:12px;--type-12:13.5px;--type-14:15.5px;--type-15:17px;--type-18:20px;--type-20:22.5px;--type-24:27px;--type-32:36px;--space-fluid-4:5px;--space-fluid-8:9px;--space-fluid-10:11px;--space-fluid-12:13.5px;--space-fluid-16:18px;--space-fluid-20:22px;--space-fluid-24:27px;--space-fluid-26:29px;--space-fluid-32:36px;--space-fluid-40:45px;--space-fluid-68:76px}}@media (width>=2200px){:root{--type-9:11px;--type-10:12.5px;--type-11:13.5px;--type-12:15px;--type-14:17.5px;--type-15:18.75px;--type-18:22.5px;--type-20:25px;--type-24:30px;--type-32:40px;--space-fluid-4:5px;--space-fluid-8:10px;--space-fluid-10:13px;--space-fluid-12:15px;--space-fluid-16:20px;--space-fluid-20:25px;--space-fluid-24:30px;--space-fluid-26:33px;--space-fluid-32:40px;--space-fluid-40:50px;--space-fluid-68:85px}}@media (width>=2700px){:root{--type-9:13px;--type-10:14px;--type-11:15px;--type-12:17px;--type-14:19.5px;--type-15:21px;--type-18:25px;--type-20:28px;--type-24:34px;--type-32:45px;--space-fluid-4:6px;--space-fluid-8:11px;--space-fluid-10:14px;--space-fluid-12:17px;--space-fluid-16:22px;--space-fluid-20:28px;--space-fluid-24:34px;--space-fluid-26:36px;--space-fluid-32:45px;--space-fluid-40:56px;--space-fluid-68:95px}}@media (width<=560px){:root{--space-fluid-68:48px}}}@layer semantics{:root{--color-text-primary:var(--color-ink);--color-text-secondary:var(--color-ink-muted);--color-text-tertiary:var(--color-ink-soft);--color-text-on-action:var(--color-surface-strong);--color-background-canvas:var(--color-canvas-bottom);--color-background-subtle:var(--color-surface);--color-background-raised:var(--color-surface-strong);--color-background-action:var(--color-ink);--color-background-action-hover:#0e1823;--color-background-danger:#9e4d3c;--color-background-danger-hover:#803c2f;--color-background-status-new:color-mix(in srgb, #ff593f 90%, var(--color-surface-strong));--color-text-on-status-new:var(--color-surface-strong);--color-border-subtle:var(--color-cool-line);--color-border-strong:#15223133;--color-focus-ring:#152231b8;--shadow-surface:0 1px 0 #ffffffb3 inset;--shadow-overlay:0 24px 64px #15223133;--size-control-sm:var(--space-fluid-32);--size-control-md:var(--space-fluid-40);--size-control-lg:calc(var(--space-fluid-40) + var(--space-fluid-4));--size-icon-sm:var(--small-icon-size);--size-icon-md:var(--space-fluid-20);--size-touch-target:44px}}.ui-button,.ui-icon-button{min-height:var(--size-control-md);justify-content:center;align-items:center;gap:var(--space-fluid-8);border-radius:var(--radius-full);font-family:var(--font-family-body);font-size:var(--font-size-body);transition:background-color var(--duration-interaction) var(--easing-standard), border-color var(--duration-interaction) var(--easing-standard), color var(--duration-interaction) var(--easing-standard), transform var(--duration-interaction) var(--easing-standard);border:1px solid #0000;font-weight:500;line-height:1;display:inline-flex}.ui-button{padding-inline:var(--space-fluid-16)}.ui-button[data-size=sm]{min-height:var(--size-control-sm);padding-inline:var(--space-fluid-10);font-size:var(--font-size-label)}.ui-button[data-size=lg]{min-height:var(--size-control-lg);padding-inline:var(--space-fluid-20)}.ui-button[data-variant=primary],.ui-icon-button[data-variant=primary]{background:var(--color-background-action);color:var(--color-text-on-action)}.ui-button[data-variant=secondary],.ui-icon-button[data-variant=secondary]{border-color:var(--color-border-strong);background:var(--color-background-raised);color:var(--color-text-primary)}.ui-button[data-variant=ghost],.ui-icon-button[data-variant=ghost]{color:var(--color-text-primary);background:0 0}.ui-button[data-variant=danger],.ui-icon-button[data-variant=danger]{background:var(--color-background-danger);color:var(--color-text-on-action)}.ui-button:not(:disabled):hover,.ui-icon-button:not(:disabled):hover{transform:translateY(-1px)}.ui-button[data-variant=primary]:not(:disabled):hover,.ui-icon-button[data-variant=primary]:not(:disabled):hover{background:var(--color-background-action-hover)}.ui-button[data-variant=danger]:not(:disabled):hover,.ui-icon-button[data-variant=danger]:not(:disabled):hover{background:var(--color-background-danger-hover)}.ui-checkbox{width:var(--size-icon-md);height:var(--size-icon-md);flex:none;place-items:center;display:inline-grid;position:relative}.ui-checkbox input{appearance:none;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text-primary) 4%, transparent);cursor:pointer;width:100%;height:100%;margin:0}.ui-checkbox img{width:calc(var(--size-icon-md) - var(--space-fluid-4));height:calc(var(--size-icon-md) - var(--space-fluid-4));pointer-events:none;opacity:0;position:absolute}.ui-checkbox input:checked{border-color:var(--color-background-action);background:var(--color-background-action)}.ui-checkbox input:checked+img{opacity:1}.ui-checkbox input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.ui-checkbox input:disabled{cursor:not-allowed;opacity:.48}.ui-button:focus-visible,.ui-icon-button:focus-visible,.ui-field-control:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.ui-button:disabled,.ui-icon-button:disabled{cursor:not-allowed;opacity:.48}.ui-icon-button{width:var(--size-touch-target);min-width:var(--size-touch-target);min-height:var(--size-touch-target);padding:0}.ui-icon-button[data-size=sm]{width:var(--size-control-sm);min-width:var(--size-control-sm);min-height:var(--size-control-sm)}.ui-avatar{width:var(--size-control-md);height:var(--size-control-md);background:var(--color-background-subtle);color:var(--color-text-secondary);font-size:var(--font-size-label);border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;overflow:hidden}.ui-avatar[data-size=sm]{width:var(--size-control-sm);height:var(--size-control-sm)}.ui-avatar[data-size=lg]{width:var(--size-touch-target);height:var(--size-touch-target)}.ui-avatar img{object-fit:cover;width:100%;height:100%}.ui-surface{border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-background-subtle);box-shadow:var(--shadow-surface)}.ui-surface[data-tone=raised]{background:var(--color-background-raised)}.ui-field{min-width:0;min-height:calc(var(--space-fluid-40) + var(--space-fluid-16));gap:var(--space-fluid-4);padding:var(--space-fluid-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-background-raised);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.ui-field-label{color:var(--color-text-secondary);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4}.ui-field-description,.ui-field-error{color:var(--color-text-secondary);font-size:var(--font-size-label);margin:0;line-height:1.4}.ui-field-error{color:var(--color-background-danger)}.ui-field-control{width:100%;min-width:0}.ui-field-control :is(input,select,textarea){width:100%;min-height:var(--space-fluid-20);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-body);letter-spacing:-.01em;background:0 0;border:0;border-radius:0;outline:0;padding:0}.ui-field-control input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-background-raised) inset;-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary)}.ui-field-control input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-background-raised) inset;-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary)}.ui-field-control input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-background-raised) inset;-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-text-primary)}.ui-field-control textarea{min-height:var(--space-fluid-68);resize:vertical}.ui-field:has(:is(input,select,textarea,.compact-select-trigger):focus-visible){border-color:var(--color-focus-ring)}.ui-field:has(:is(input,select,textarea,.compact-select-trigger):disabled){background:var(--color-background-subtle)}.ui-field:has(:is(input,select,textarea):disabled) .ui-field-control :is(input,select,textarea){color:var(--color-text-secondary)}.ui-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@property --color-canvas-top{syntax:"<color>";inherits:true;initial-value:#d1dfee}@property --color-canvas-mid{syntax:"<color>";inherits:true;initial-value:#e0e9f0}@property --color-canvas-bottom{syntax:"<color>";inherits:true;initial-value:#eef4fa}:root{--app-canvas-background:linear-gradient(180deg, var(--color-canvas-top) 0%, var(--color-canvas-bottom) 100%);--app-container-max:1440px;--sidebar-width:240px;--sidebar-logo-height:52px;--logo-width:110px;--logo-height:40px;--content-avatar-size:var(--sidebar-logo-height);--recipient-avatar-size:24px;--profile-avatar-size:40px;--memory-card-min-width:301px;--memory-card-min-height:342px;--memory-body-base-height:124px;--memory-preview-size:72px;--memory-play-size:52px;--small-icon-size:16px;--timing-arrow-column:20px;color:var(--color-ink);background:var(--color-canvas-bottom);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.memory-modal-overlay{z-index:5000;padding:var(--space-fluid-24);place-items:center;display:grid;position:fixed;inset:0}.memory-creation-backdrop.memory-modal-overlay,.memory-delete-dialog-backdrop.memory-modal-overlay,.memory-signature-modal-backdrop.memory-modal-overlay,.settings-modal-overlay.memory-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#7fc5ff80,#ffd0ac80)}:is(html:has(.memory-modal-overlay),body:has(.memory-modal-overlay)){overscroll-behavior:none;overflow:hidden}.modal-close-button{width:var(--space-fluid-20);height:var(--space-fluid-20);color:var(--color-surface-strong);background:#15223133;border-radius:50%;place-items:center;display:grid}.modal-close-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}@media (width>=1800px){:root{--app-container-max:1610px;--sidebar-width:270px;--logo-width:123px;--logo-height:45px;--content-avatar-size:var(--sidebar-logo-height);--recipient-avatar-size:27px;--profile-avatar-size:45px;--memory-card-min-width:337px;--memory-card-min-height:383px;--memory-body-base-height:139px;--memory-preview-size:81px;--memory-play-size:58px;--small-icon-size:18px;--timing-arrow-column:22px;--sidebar-logo-height:58px}}@media (width>=2200px){:root{--app-container-max:1800px;--sidebar-width:300px;--logo-width:138px;--logo-height:50px;--content-avatar-size:var(--sidebar-logo-height);--recipient-avatar-size:30px;--profile-avatar-size:50px;--memory-card-min-width:376px;--memory-card-min-height:428px;--memory-body-base-height:155px;--memory-preview-size:90px;--memory-play-size:65px;--small-icon-size:20px;--timing-arrow-column:25px;--sidebar-logo-height:65px}}@media (width>=2700px){:root{--app-container-max:2016px;--sidebar-width:336px;--logo-width:154px;--logo-height:56px;--content-avatar-size:var(--sidebar-logo-height);--recipient-avatar-size:34px;--profile-avatar-size:56px;--memory-card-min-width:421px;--memory-card-min-height:479px;--memory-body-base-height:174px;--memory-preview-size:101px;--memory-play-size:73px;--small-icon-size:22px;--timing-arrow-column:28px;--sidebar-logo-height:73px}}*{box-sizing:border-box}html{background:var(--color-canvas-bottom);min-width:320px;min-height:100%;overflow-y:auto}body{min-width:320px;min-height:100svh;margin:0;overflow-y:visible}.memory-route-fallback{background:var(--app-canvas-background);min-height:100svh;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-body);place-items:center;display:grid}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;font-size:var(--type-14);border:0;padding:0}button:not(:disabled){cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}#root{isolation:isolate;min-height:100svh;position:relative;overflow-y:visible}.app-shell{isolation:isolate;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);align-items:stretch;gap:var(--space-fluid-20);width:100%;min-height:100svh;padding:var(--space-fluid-24);background:0 0;display:grid;position:relative;overflow:visible}.app-shell:before{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--color-canvas-top) 0%, var(--color-canvas-bottom) 100%);content:"";position:fixed;inset:0}.app-shell:after,.memory-page-noise{z-index:0;pointer-events:none;content:"";filter:contrast();mix-blend-mode:multiply;opacity:.6;background-image:url(/assets/noisy-texture-BwyR-Bcb.png);background-repeat:repeat;background-size:60px 60px;position:fixed;inset:0}.app-shell>*{z-index:1;position:relative}.app-shell[data-animated-background=true]:before{animation:120s linear infinite canvas-gradient-cycle}.app-shell[data-animated-background=false]:before{animation:none}.app-shell{width:min(100%, var(--app-container-max));margin-left:auto;margin-right:auto}@keyframes canvas-gradient-cycle{0%,to{--color-canvas-top:#d1dfee;--color-canvas-mid:#e0e9f0;--color-canvas-bottom:#eef4fa}16.666%,83.333%{--color-canvas-top:#e2eff2;--color-canvas-mid:#e6f3f4;--color-canvas-bottom:#ebf5f6}33.333%,66.666%{--color-canvas-top:#ebe8fd;--color-canvas-mid:#f5eff2;--color-canvas-bottom:#fff6e7}50%{--color-canvas-top:#f2e9db;--color-canvas-mid:#f8efeb;--color-canvas-bottom:#fff6f5}}.sidebar,.draft-board,.profile-button{position:relative}.sidebar{z-index:30;grid-column:1}.draft-board,.profile-button{z-index:1}.sidebar{top:var(--space-fluid-24);width:var(--sidebar-width);height:calc(100svh - (var(--space-fluid-24) * 2));gap:var(--space-fluid-20);flex-direction:column;align-items:flex-start;min-height:0;padding:0;display:flex;position:sticky;overflow:visible}.brand-mark{width:var(--logo-width);height:var(--logo-height);border-radius:var(--radius-pill);box-shadow:none;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-medium) var(--ease-out);background:0 0;border:0;place-items:center;margin-bottom:0;display:inline-grid}.brand-mark img{width:var(--logo-width);height:var(--logo-height)}.brand-mark:hover{transform:translateY(-1px)}.brand-mark:focus-visible,.new-memory:focus-visible,.recipient-row:focus-visible,.memory-filter-option:focus-visible,.memory-tile-card:focus-visible,.settings-tab:focus-visible,.view-toggle:focus-visible,.user-settings-button:focus-visible{outline-offset:4px;outline:2px solid #152231b8}.intro-panel{gap:var(--space-fluid-20);width:100%;margin-bottom:0;display:grid}.intro-panel h1,.intro-title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-32);letter-spacing:-.64px;margin:0;font-weight:400;line-height:1.2}.intro-copy{max-width:232px;color:var(--color-ink-muted);font-size:var(--type-12);letter-spacing:-.12px;margin:0;line-height:1.4}.new-memory{width:100%;min-height:calc(var(--profile-avatar-size) + var(--space-fluid-4));justify-content:center;align-items:center;gap:var(--space-fluid-10);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface-strong);font-size:var(--type-14);letter-spacing:-.16px;transition:background-color var(--duration-medium) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);font-weight:500;line-height:1.4;display:flex}.new-memory:hover{color:var(--color-surface-strong);background:#0e1823;transform:translateY(-1px)}.new-memory img{opacity:.9;filter:brightness(0)invert();width:20px;height:20px}.magic-memory-button{--magic-shadow:#7ea5b842;--particle-color:#ffffffe0;--particle-glow:#ffffff61;isolation:isolate;width:min(100%, calc((var(--space-fluid-68) * 3) + var(--space-fluid-16) + 2px));min-height:calc(var(--space-fluid-40) + var(--space-fluid-8));padding:0 var(--space-fluid-20);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface-strong);font-size:var(--type-14);letter-spacing:0;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-medium) var(--ease-out), color var(--duration-fast) var(--ease-out), filter var(--duration-medium) var(--ease-out), transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:600;line-height:1.4;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.magic-memory-button:after{z-index:2;border-radius:inherit;pointer-events:none;content:"";opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-medium) var(--ease-out);background:linear-gradient(#ffffff75,#0000 34%),linear-gradient(115deg,#0000 0 38%,#ffffff38 47%,#0000 58%);position:absolute;inset:1px;transform:translate(-18%)scaleX(.82)}.magic-liquid,.magic-rift,.magic-particles{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.magic-liquid{z-index:0;opacity:0;filter:blur(8px)saturate(1.24);transition:opacity var(--duration-medium) var(--ease-out), transform var(--duration-medium) var(--ease-out);background-size:170% 170%;transform:scale(.94)}.magic-rift{z-index:1;opacity:0;mix-blend-mode:screen;transform:translate(-118%)skew(-14deg)}.magic-particles{z-index:2;overflow:hidden}.magic-particles span{top:var(--particle-top);left:var(--particle-left);width:var(--particle-size,3px);height:var(--particle-size,3px);background:var(--particle-color);box-shadow:0 0 12px 3px var(--particle-glow);opacity:0;border-radius:50%;position:absolute;transform:translateY(7px)scale(.42)}.magic-particles span:first-child{--particle-top:66%;--particle-left:16%;--particle-size:3px;--particle-x:20px;--particle-y:34px;--particle-duration:1.9s;--particle-delay:20ms}.magic-particles span:nth-child(2){--particle-top:42%;--particle-left:25%;--particle-size:2px;--particle-x:-14px;--particle-y:26px;--particle-duration:2.2s;--particle-delay:.16s}.magic-particles span:nth-child(3){--particle-top:72%;--particle-left:34%;--particle-size:4px;--particle-x:12px;--particle-y:42px;--particle-duration:2.5s;--particle-delay:.3s}.magic-particles span:nth-child(4){--particle-top:48%;--particle-left:45%;--particle-size:2px;--particle-x:-22px;--particle-y:32px;--particle-duration:2s;--particle-delay:80ms}.magic-particles span:nth-child(5){--particle-top:70%;--particle-left:53%;--particle-size:3px;--particle-x:18px;--particle-y:38px;--particle-duration:2.3s;--particle-delay:.42s}.magic-particles span:nth-child(6){--particle-top:36%;--particle-left:61%;--particle-size:2px;--particle-x:-10px;--particle-y:24px;--particle-duration:2.1s;--particle-delay:.24s}.magic-particles span:nth-child(7){--particle-top:62%;--particle-left:71%;--particle-size:4px;--particle-x:14px;--particle-y:44px;--particle-duration:2.6s;--particle-delay:.12s}.magic-particles span:nth-child(8){--particle-top:46%;--particle-left:81%;--particle-size:2px;--particle-x:-20px;--particle-y:30px;--particle-duration:1.8s;--particle-delay:.36s}.magic-particles span:nth-child(9){--particle-top:78%;--particle-left:88%;--particle-size:3px;--particle-x:-30px;--particle-y:48px;--particle-duration:2.4s;--particle-delay:.5s}.magic-particles span:nth-child(10){--particle-top:28%;--particle-left:38%;--particle-size:2px;--particle-x:26px;--particle-y:28px;--particle-duration:2.2s;--particle-delay:.62s}.magic-particles span:nth-child(11){--particle-top:58%;--particle-left:8%;--particle-size:2px;--particle-x:28px;--particle-y:22px;--particle-duration:2s;--particle-delay:.7s}.magic-particles span:nth-child(12){--particle-top:32%;--particle-left:73%;--particle-size:3px;--particle-x:-16px;--particle-y:34px;--particle-duration:2.7s;--particle-delay:.46s}.magic-particles span:nth-child(13){--particle-top:76%;--particle-left:44%;--particle-size:2px;--particle-x:32px;--particle-y:36px;--particle-duration:2.3s;--particle-delay:.82s}.magic-particles span:nth-child(14){--particle-top:40%;--particle-left:91%;--particle-size:3px;--particle-x:-28px;--particle-y:26px;--particle-duration:1.9s;--particle-delay:.92s}.magic-particles span:nth-child(3n){--particle-color:#ffecbeeb;--particle-glow:#ffd69c75}.magic-particles span:nth-child(4n){--particle-color:#cae5efe6;--particle-glow:#7ea5b86b}.magic-button-content{z-index:3;justify-content:center;align-items:center;gap:var(--space-fluid-10);min-width:0;display:inline-flex;position:relative}.magic-button-content img,.magic-button-content svg{width:var(--space-fluid-20);height:var(--space-fluid-20);opacity:.92}.magic-button-content img{filter:brightness(0)invert()}.magic-memory-button:is(:hover,:focus-visible){box-shadow:0 30px 58px var(--magic-shadow), 0 12px 26px #15223129, 0 0 0 1px #ffffff6b inset, inset 0 1px 0 #ffffff94, inset 0 -16px 28px #1522313d;color:var(--color-surface-strong);filter:saturate(1.06);-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);background:#15223170;border-color:#ffffffad;transform:translateY(-2px)}.magic-memory-button:is(:hover,:focus-visible):after{opacity:1;transform:translate(18%)scaleX(1)}.magic-memory-button:is(:hover,:focus-visible) .magic-liquid{opacity:1;animation:magic-liquid-flow 2.9s var(--ease-in-out) infinite alternate;transform:scale(1.12)}.magic-memory-button:is(:hover,:focus-visible) .magic-rift{opacity:.84;animation:magic-rift-sweep 2.35s var(--ease-out) infinite}.magic-memory-button:is(:hover,:focus-visible) .magic-particles span{animation:magic-particle-float var(--particle-duration) var(--ease-out) infinite;animation-delay:var(--particle-delay)}.magic-memory-button:focus-visible{outline-offset:5px;outline:2px solid #152231b8}.magic-memory-button:active{transform:translateY(0)scale(.98)}.magic-memory-button[data-variant=ember]{--magic-shadow:#8570b857}.magic-memory-button[data-variant=ember] .magic-liquid{filter:blur(4px)saturate(1.16);background:radial-gradient(72% 84% at 16% 12%,#eee7faad 0%,#0000 48%) 0 34%/180% 170%,radial-gradient(78% 78% at 80% 68%,#8570b8d1 0%,#0000 58%) 100% 66%/190% 180%,radial-gradient(70% 78% at 42% 88%,#c06f5bc2 0%,#0000 62%) 36% 100%/180% 190%,radial-gradient(58% 68% at 62% 18%,#ffecbe66 0%,#0000 54%) 72% 8%/160% 150%,linear-gradient(135deg,#152231c7,#eed5c45c) 50%/100% 100%}.magic-memory-button[data-variant=ember] .magic-rift{background:0 0}.magic-memory-button[data-variant=ember] .magic-particles{z-index:4}.magic-memory-button[data-variant=ember] .magic-particles span{--particle-color:#fff6e0eb;--particle-glow:#ffe1b285}.magic-memory-button[data-variant=ember] .magic-particles span:nth-child(4n){--particle-color:#dfd6f6eb;--particle-glow:#a48ece7a}.magic-memory-button[data-variant=ember] .magic-particles span:nth-child(5n){--particle-color:#cae5efe0;--particle-glow:#7ea5b866}.magic-memory-button[data-variant=ember] .magic-button-content{z-index:5}.magic-memory-button[data-variant=ember]:is(:hover,:focus-visible) .magic-liquid{animation:ember-gradient-drift 5.4s var(--ease-in-out) infinite alternate;filter:blur(3px)saturate(1.2);transform:scale(1.08)}.magic-memory-button[data-variant=ember]:is(:hover,:focus-visible) .magic-rift{opacity:0;animation:none}.new-memory.magic-memory-button{--magic-shadow:#54487a47;width:100%;min-height:calc(var(--profile-avatar-size) + var(--space-fluid-4));padding:0 var(--space-fluid-16);box-shadow:none;letter-spacing:-.16px;border:0;font-weight:500}.new-memory.magic-memory-button:after{content:none}.new-memory.magic-memory-button .magic-liquid{opacity:0;filter:blur(4px)saturate(1.06);transform-origin:bottom;transition:opacity .32s var(--ease-out), transform .98s var(--ease-out), filter .7s var(--ease-out), border-radius .98s var(--ease-out);background:radial-gradient(58% 42% at 22% 8%,#4e4b669e 0%,#0000 62%),radial-gradient(70% 56% at 80% 18%,#5e4c89a3 0%,#0000 66%),radial-gradient(80% 74% at 46% 78%,#52324385 0%,#0000 72%),linear-gradient(135deg,#0b1520fa,#151c2ff0 58%,#322c52d1);border-radius:44% 56% 0 0/34% 42% 0 0;inset:-18px -10px -12px;transform:translateY(82%)scaleX(1.08)}.new-memory.magic-memory-button:is(:hover,:focus-visible){box-shadow:0 28px 54px var(--magic-shadow), 0 13px 26px #15223124, inset 0 -14px 24px #09101847;border:0;transform:translateY(-1px)}.new-memory.magic-memory-button:is(:hover,:focus-visible):after{content:none}.new-memory.magic-memory-button:is(:hover,:focus-visible) .magic-liquid{opacity:1;filter:blur(4px)saturate(1.1);border-radius:36% 64% 0 0/28% 46% 0 0;transform:translateY(0)scaleX(1.08)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.magic-memory-button:is(:hover,:focus-visible){background:#152231c7}}@keyframes magic-liquid-flow{0%{filter:blur(8px)saturate(1.18);background-position:0 46%}46%{filter:blur(7px)saturate(1.34);background-position:58% 36%}to{filter:blur(9px)saturate(1.24);background-position:100% 64%}}@keyframes magic-rift-sweep{0%{opacity:0;transform:translate(-118%)skew(-14deg)}18%{opacity:.72}58%{opacity:.86}to{opacity:0;transform:translate(118%)skew(-14deg)}}@keyframes ember-gradient-drift{0%{background-position:0 34%,100% 66%,36% 100%,72% 8%,50%}42%{background-position:30% 18%,78% 78%,18% 82%,56% 24%,50%}to{background-position:56% 42%,62% 42%,50% 70%,34% 36%,50%}}@keyframes magic-particle-float{0%{opacity:0;transform:translateY(8px)scale(.36)}18%{opacity:.92}66%{opacity:.78;transform:translate3d(calc(var(--particle-x) * .72), calc(var(--particle-y) * -.72), 0) scale(1)}to{opacity:0;transform:translate3d(calc(var(--particle-x) * 1.08), calc(var(--particle-y) * -1), 0) scale(.42)}}@media (width<=560px){.magic-memory-button{width:min(100%,214px)}}.recipient-nav{z-index:3;gap:var(--space-fluid-12);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative}.memory-box-nav{gap:var(--space-fluid-8);width:100%;margin-top:0;display:grid}.memory-box-mobile-row{display:none}.memory-box-nav>.section-label{padding:0 var(--space-fluid-8)}.memory-box-count{min-width:var(--recipient-avatar-size);padding:2px var(--space-fluid-8);border-radius:var(--radius-pill);background:var(--color-background-status-new);color:var(--color-text-on-status-new);font-size:var(--type-10);text-align:center;font-weight:600;line-height:1.4}.recipient-heading{grid-template-columns:minmax(0,1fr) 24px;align-items:center;min-height:24px;padding:0 8px;display:grid;position:relative}.recipient-type-popover{z-index:100;top:calc(var(--space-fluid-10) * -1);left:calc(100% + var(--space-fluid-16));width:calc(var(--sidebar-width) + var(--space-fluid-32));max-width:calc(100vw - (var(--space-fluid-32) * 2));gap:var(--space-fluid-8);padding:var(--space-fluid-10);border-radius:var(--space-fluid-20);transform-origin:0 0;-webkit-backdrop-filter:blur(22px)saturate(1.08);backdrop-filter:blur(22px)saturate(1.08);background:#ffffffd1;border:1px solid #ffffffb8;display:grid;position:absolute;box-shadow:0 28px 68px #1522312e,0 10px 24px #1522311a}.recipient-type-popover>p{padding:var(--space-fluid-4) var(--space-fluid-8);color:var(--color-ink-muted);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600;line-height:1.4}.recipient-type-popover>button{align-items:center;gap:var(--space-fluid-10);min-height:56px;padding:var(--space-fluid-8);border-radius:var(--space-fluid-16);color:var(--color-ink-muted);font-size:var(--type-14);text-align:left;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;grid-template-columns:32px minmax(0,1fr) 20px;display:grid}.recipient-type-popover>button:hover{color:var(--color-ink);background:#1522310d}.recipient-type-popover>button:focus-visible{outline-offset:2px;outline:2px solid #1522319e}.recipient-type-icon{width:32px;height:32px;color:var(--color-ink);background:#15223112;border-radius:50%;place-items:center;display:grid}.recipient-type-icon img{width:18px;height:18px}.recipient-type-popover>button>span:nth-child(2){gap:var(--space-fluid-4);display:grid}.recipient-type-popover strong,.recipient-type-popover small{font-size:var(--type-14);line-height:1.2}.recipient-type-popover strong{color:var(--color-ink);font-weight:500}.recipient-type-popover small{color:var(--color-ink-muted);font-weight:400}.recipient-add-button{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;place-items:center;display:grid}.recipient-add-button:focus-visible{outline-offset:4px;outline:2px solid #152231b8}.recipient-add-button:hover,.recipient-add-button[aria-expanded=true]{background:var(--color-ink);color:var(--color-surface-strong)}.recipient-add-button img{width:20px;height:20px;transition:filter var(--duration-fast) var(--ease-out)}.recipient-add-button:hover img,.recipient-add-button[aria-expanded=true] img,.recipient-add-button:focus-visible img{filter:brightness(0)invert()}.section-label{color:var(--color-ink-muted);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600;line-height:1.4}.recipient-nav ul{gap:var(--space-fluid-12);overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.recipient-row{width:100%;min-height:calc(var(--recipient-avatar-size) + var(--space-fluid-10));grid-template-columns:var(--recipient-avatar-size) minmax(0, 1fr) auto;border-radius:var(--radius-pill);color:var(--color-ink);text-align:left;transition:background-color var(--duration-medium) var(--ease-out), border-color var(--duration-medium) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:12px;padding:5px 12px 5px 6px;display:grid}.recipient-row:hover,.recipient-row[data-active=true]{background:#fff6;border-color:#fff9}.recipient-avatar{width:var(--recipient-avatar-size);height:var(--recipient-avatar-size);background:radial-gradient(circle at 26% 18%,#ffffffb3 0 12%,#0000 30%),linear-gradient(135deg,#b7c8d5 0%,#e6d0b8 48%,#9aa872 100%);border-radius:50%;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff85,0 1px 4px #1522311a}.recipient-avatar[data-variant=gradient],.settings-photo-frame[data-variant=gradient]{background:var(--recipient-avatar-gradient) center / cover no-repeat}.recipient-avatar img{object-fit:cover;width:100%;height:100%}.recipient-avatar-initials{color:#fff;width:100%;height:100%;font-size:var(--type-9);letter-spacing:-.2px;place-items:center;font-weight:700;line-height:1;display:grid}.recipient-name{min-width:0;color:var(--color-ink-muted);font-size:var(--type-14);letter-spacing:-.14px;text-overflow:ellipsis;white-space:nowrap;font-weight:400;line-height:1.4;overflow:hidden}.recipient-row:hover .recipient-name,.recipient-row[data-active=true] .recipient-name{color:var(--color-ink);font-weight:500}.recipient-count{color:#15223166;font-size:var(--type-12);letter-spacing:-.12px;line-height:1.4}.settings-view{width:min(600px,100%);max-height:none;color:var(--color-ink);scrollbar-width:thin;background:0 0;border:0;border-radius:0;align-content:start;gap:0;margin-inline:auto;padding:0;display:grid;overflow:visible}.settings-identity{justify-items:center;gap:var(--space-fluid-10);min-width:0;display:grid}.settings-photo-card{justify-items:center;padding-top:0;display:grid}.settings-static-avatar{width:calc(var(--space-fluid-68) + var(--space-fluid-40) + var(--space-fluid-20));height:calc(var(--space-fluid-68) + var(--space-fluid-40) + var(--space-fluid-20));border:1px solid #ffffffb8;box-shadow:0 18px 38px #15223124,inset 0 1px #fffc}.settings-photo-frame{width:calc(var(--space-fluid-68) + var(--space-fluid-40) + var(--space-fluid-20));height:calc(var(--space-fluid-68) + var(--space-fluid-40) + var(--space-fluid-20));isolation:isolate;background:radial-gradient(circle at 28% 22%,#fff4d2 0 9%,#0000 26%),radial-gradient(circle at 76% 74%,#c06f5bbd 0 14%,#0000 36%),linear-gradient(135deg,#98b9cf 0%,#e2d6c5 48%,#7f9d88 100%);border:1px solid #ffffffb8;border-radius:50%;place-items:center;display:grid;position:relative;overflow:visible;box-shadow:0 18px 38px #15223124,inset 0 1px #fffc}.settings-photo-frame img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.settings-photo-frame>span{color:#fff;font-family:var(--font-display);font-size:var(--type-32);letter-spacing:-.68px;font-weight:500;line-height:1}.settings-photo-upload{z-index:2;border-radius:inherit;cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;inset:0}.settings-photo-upload:before{z-index:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);content:"";background:linear-gradient(#0000 28%,#1522317a 100%),#15223114;position:absolute;inset:0}.settings-photo-upload input{z-index:1;opacity:0;cursor:pointer;position:absolute;inset:0}.settings-photo-upload-below{min-height:var(--size-touch-target);color:var(--color-ink);cursor:pointer;font-size:var(--type-12);text-underline-offset:var(--space-fluid-4);justify-content:center;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex;position:relative}.settings-photo-upload-below input{opacity:0;width:1px;height:1px;position:absolute}.settings-photo-upload>span{z-index:2;min-height:calc(var(--space-fluid-32) + var(--space-fluid-4));padding:0 var(--space-fluid-16);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--type-14);letter-spacing:-.13px;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#ffffffc7;border:1px solid #ffffff80;align-items:center;gap:6px;font-weight:600;display:inline-flex;position:relative;transform:translateY(2px);box-shadow:0 10px 24px #1522311f}.settings-photo-frame:hover .settings-photo-upload:before,.settings-photo-upload:focus-within:before,.settings-photo-frame:hover .settings-photo-upload>span,.settings-photo-upload:focus-within>span{opacity:1}.settings-photo-frame:hover .settings-photo-upload>span,.settings-photo-upload:focus-within>span{transform:translateY(0)}.settings-photo-remove{z-index:4;width:calc(var(--space-fluid-32) + 2px);height:calc(var(--space-fluid-32) + 2px);color:var(--color-ink);opacity:0;pointer-events:none;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#ffffffd1;border:1px solid #ffffffb8;border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;right:-4px;transform:translate(2px,-2px);box-shadow:0 8px 18px #1522311f}.settings-photo-frame:hover .settings-photo-remove,.settings-photo-frame:focus-within .settings-photo-remove,.settings-photo-remove:focus-visible{opacity:1;pointer-events:auto;transform:translate(0)}.settings-photo-remove:hover{background:var(--color-ink);color:var(--color-surface-strong);transform:translateY(-1px)}.settings-photo-remove:active{transform:scale(.96)}.settings-view-header h2{font-family:var(--font-display);font-size:calc(var(--type-24) + var(--space-fluid-4));letter-spacing:-.56px;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;line-height:1.12;overflow:hidden}.settings-view-rule{width:100%;height:1px;margin:var(--space-fluid-20) 0 var(--space-fluid-24);background:linear-gradient(90deg,#15223100 0%,#15223133 50%,#15223100 100%)}.recipient-form{gap:var(--space-fluid-16);display:grid}.recipient-form>*{position:relative}.recipient-form>:not(:first-child):not(.settings-save-status){padding-top:var(--space-fluid-16)}.recipient-form>:not(:first-child):not(.settings-save-status):before{content:"";background:linear-gradient(90deg,#15223100 0%,#15223133 50%,#15223100 100%);height:1px;position:absolute;top:0;left:0;right:0}.form-grid{gap:var(--space-fluid-10);display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.date-field-group{gap:6px;display:grid}.email-field-group{gap:var(--space-fluid-8);display:grid}.field-label-row{justify-content:space-between;align-items:center;gap:var(--space-fluid-10);min-width:0;display:flex}.field-label-row>span:first-child,.relationship-picker legend{color:var(--color-ink-muted);font-size:var(--type-10);letter-spacing:.44px;text-transform:uppercase;padding:0;font-weight:600;line-height:1.4}.date-part-fields{gap:var(--space-fluid-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.relationship-picker{border:0;margin:0;padding:0;display:block}.relationship-picker legend{margin-bottom:var(--space-fluid-10)}.relationship-section{gap:var(--space-fluid-10);display:grid}.relationship-option-grid{gap:var(--space-fluid-8);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.relationship-option{min-height:calc(var(--space-fluid-68) + var(--space-fluid-16));align-content:center;justify-items:center;gap:var(--space-fluid-8);padding:var(--space-fluid-8);color:var(--color-ink);font-size:var(--type-14);letter-spacing:-.14px;text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#ffffff47;border:1px solid #15223129;border-radius:18px;font-weight:500;line-height:1.2;display:grid}.relationship-option:hover{background:#ffffff8a;border-color:#15223157;transform:translateY(-1px)}.relationship-option[data-active=true]{border-color:var(--color-ink);background:var(--color-surface-strong);box-shadow:0 10px 22px #15223114}.relationship-option-icon{width:var(--space-fluid-32);height:var(--space-fluid-32);background:#1522311a;border-radius:50%;place-items:center;display:grid}.relationship-option-icon img{width:var(--space-fluid-20);height:var(--space-fluid-20)}.relationship-option:focus-visible{outline-offset:3px;outline:2px solid #1522319e}.settings-field-toggle{min-height:20px;color:var(--color-ink-muted);cursor:pointer;font-size:var(--type-12);letter-spacing:-.12px;text-transform:none;align-items:center;font-weight:500;line-height:1.4;position:relative;gap:var(--space-fluid-8)!important;display:inline-flex!important}.settings-field-toggle input{opacity:0;width:1px;height:1px;margin:-1px;position:absolute}.settings-field-toggle>span:nth-child(3){border-radius:var(--radius-pill);width:36px;height:20px;transition:background-color var(--duration-fast) var(--ease-out);background:#1522312e;flex:none;position:relative}.settings-field-toggle>span:nth-child(3):after{background:var(--color-surface-strong);content:"";width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #15223133}.settings-field-toggle input:checked~span:nth-child(3){background:var(--color-ink)}.settings-field-toggle input:checked~span:nth-child(3):after{transform:translate(16px)}.recipient-form .settings-field-toggle>span:nth-child(2){color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:none}.settings-field-toggle:focus-within>span:nth-child(3){outline-offset:2px;outline:2px solid #1522319e}.settings-field-help{color:var(--color-ink-muted);font-size:var(--type-12);letter-spacing:-.12px;margin:0;line-height:1.4}.danger-zone{justify-content:space-between;align-items:center;gap:var(--space-fluid-16);background:#c06f5b17;border:1px solid #c06f5b52;border-radius:18px;display:flex;padding:var(--space-fluid-16)!important}.danger-zone:before{content:none!important}.danger-zone h3,.danger-zone p{margin:0}.danger-zone h3{color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-18);letter-spacing:-.36px;font-weight:500;line-height:1.2}.danger-zone p{margin-top:var(--space-fluid-4);color:var(--color-ink-muted);font-size:var(--type-12);letter-spacing:-.12px;line-height:1.4}.danger-zone-action{min-height:calc(var(--space-fluid-40) - 2px);justify-content:center;align-items:center;gap:var(--space-fluid-8);padding:0 var(--space-fluid-10);border-radius:var(--radius-pill);color:#9e4d3c;font-size:var(--type-14);letter-spacing:-.12px;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #c06f5b70;flex:none;font-weight:600;line-height:1.4;display:inline-flex}.danger-zone-action:hover{background:color-mix(in srgb, var(--color-accent) 85%, var(--color-ink));color:var(--color-surface-strong);transform:translateY(-1px)}.danger-zone-action:focus-visible{outline-offset:3px;outline:2px solid #9e4d3c}.settings-inline-check{color:#152231a8;letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:0;flex:0 auto;align-items:center;gap:6px;max-width:100%;min-height:18px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.settings-inline-check input{width:13px;min-height:13px;accent-color:var(--color-progress);flex:none;padding:0}.recipient-form .settings-inline-check>span{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none;white-space:nowrap;line-height:1.2}.people-picker{gap:var(--space-fluid-8);display:grid}.all-memory-people-section{gap:var(--space-fluid-16);display:grid}.all-memory-section-heading{justify-content:space-between;align-items:center;gap:var(--space-fluid-16);min-width:0;display:flex}.all-memory-section-heading h3,.all-memory-section-heading p{margin:0}.all-memory-section-heading h3{color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-20);letter-spacing:-.4px;font-weight:500;line-height:1.2}.all-memory-section-heading p{margin-top:var(--space-fluid-4);color:var(--color-ink-muted);font-size:var(--type-12);letter-spacing:-.12px;line-height:1.4}.all-memory-section-heading>span{min-width:calc(var(--space-fluid-24) + var(--space-fluid-4));min-height:var(--space-fluid-24);padding:0 var(--space-fluid-8);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--type-12);background:#15223112;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.all-memory-people-grid{gap:var(--space-fluid-8);grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;display:grid}.people-option-static{cursor:default}.people-option-static:hover{background:0 0;border-color:#15223114;transform:none}.all-memory-people-grid>.people-option.add{background:0 0;border-style:dashed}.people-picker-header{justify-content:space-between;align-items:center;gap:var(--space-fluid-10);min-height:24px;display:flex}.people-picker-header>span:first-child{color:var(--color-ink-muted);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4}.people-picker-header>span:last-child{min-height:22px;padding:0 var(--space-fluid-8);border-radius:var(--radius-pill);color:var(--color-ink);letter-spacing:-.11px;background:#15223112;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.people-option-grid{gap:var(--space-fluid-8);grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;display:grid}.people-option{min-height:calc(var(--space-fluid-68) - var(--space-fluid-8) + 2px);grid-template-columns:calc(var(--space-fluid-32) + 2px) minmax(0, 1fr) calc(var(--space-fluid-24) + var(--space-fluid-4));align-items:center;gap:var(--space-fluid-8);padding:var(--space-fluid-8);color:var(--color-ink);text-align:left;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#ffffff70;border:1px solid #15223114;border-radius:18px;display:grid}.people-option:hover{background:#1522310d;border-color:#15223129;transform:translateY(-1px)}.people-option[data-selected=true]{background:#ffffffd1;border-color:#15223147;box-shadow:0 10px 24px #15223112}.people-option-avatar{width:calc(var(--space-fluid-32) + 2px);height:calc(var(--space-fluid-32) + 2px);object-fit:cover;border-radius:50%}.people-option-avatar.add{color:var(--color-ink);background:#15223114;border-radius:50%;place-items:center;display:grid}.people-option-copy{gap:2px;min-width:0;display:grid}.people-option-copy>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.people-option-copy>span:first-child{font-size:calc(var(--type-12) + 1px);letter-spacing:-.13px;font-weight:600;line-height:1.2}.people-option-copy>span:last-child{color:var(--color-ink-muted);font-size:var(--type-11);letter-spacing:-.11px;font-weight:500;line-height:1.2}.people-option-state{width:calc(var(--space-fluid-24) + var(--space-fluid-4));height:calc(var(--space-fluid-24) + var(--space-fluid-4));color:#152231a3;background:0 0;border:1px solid #15223129;border-radius:50%;place-items:center;display:grid}.people-option[data-selected=true] .people-option-state{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface-strong)}.settings-actions{z-index:5;justify-content:flex-end;gap:var(--space-fluid-8);padding-top:var(--space-fluid-10);background:linear-gradient(#eef4fa00 0%,#eef4fadb 38%),linear-gradient(#eef4fa00,#eef4faeb);display:flex;position:sticky;bottom:0}.settings-action{height:calc(var(--space-fluid-40) + 2px);min-height:calc(var(--space-fluid-40) + 2px);justify-content:center;align-items:center;gap:var(--space-fluid-8);padding:0 var(--space-fluid-16);border-radius:var(--radius-pill);font-size:var(--type-14);letter-spacing:-.13px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:700;display:inline-flex}.settings-action:hover{transform:translateY(-1px)}.settings-action:active{transform:scale(.98)}.settings-action.secondary{color:#152231b3;background:#ffffff8a;border-color:#1522311a}.settings-action.secondary:hover{color:var(--color-ink);background:#ffffffc7}.settings-action.primary{background:var(--color-ink);color:var(--color-surface-strong)}.settings-action.primary:hover{background:#0e1823}.settings-save-status{color:#15223194;letter-spacing:-.12px;text-align:right;min-height:18px;margin:0;font-size:12px;font-weight:600}.settings-photo-upload input:focus-visible+span,.settings-photo-remove:focus-visible,.recipient-form input:focus-visible,.recipient-form select:focus-visible,.recipient-form textarea:focus-visible,.people-option:focus-visible,.settings-action:focus-visible{outline-offset:2px;outline:2px solid #1522319e}.compact-select{width:100%;min-width:0;position:relative}.compact-select-trigger{width:100%;min-height:var(--space-fluid-20);justify-content:space-between;align-items:center;gap:var(--space-fluid-4);color:var(--color-ink);font:inherit;font-size:var(--type-14);letter-spacing:-.01em;text-align:left;background:0 0;border:0;padding:0;line-height:1.4;display:flex}.compact-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compact-select-trigger svg{width:var(--small-icon-size);height:var(--small-icon-size);color:var(--color-ink-muted);flex:none}.compact-select-trigger:disabled{cursor:not-allowed}.compact-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #152231b8}.compact-select-options{z-index:200;gap:var(--space-fluid-4);max-height:240px;padding:var(--space-fluid-8);display:grid;position:fixed;overflow-y:auto}.compact-select-options,.settings-popover{border-radius:var(--space-fluid-16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #ffffffb8;box-shadow:0 20px 48px #15223129,0 8px 18px #15223114}.compact-select-options button,.settings-popover-menu button{min-height:var(--space-fluid-40);padding:0 var(--space-fluid-10);border-radius:var(--space-fluid-8);color:var(--color-ink-muted);font-size:var(--type-14);text-align:left;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0}.compact-select-options button:hover,.compact-select-options button[aria-selected=true],.settings-popover-menu button:hover,.settings-popover-menu button[aria-current=page]{color:var(--color-ink);background:#1522310d}.relationship-select-option,.relationship-select-value{align-items:center;gap:var(--space-fluid-8);min-width:0;display:inline-flex}.relationship-select-option img,.relationship-select-value img{width:var(--space-fluid-24);height:var(--space-fluid-24);flex:none}.draft-board{width:calc(100% + var(--space-fluid-24));min-height:100svh;margin:calc(var(--space-fluid-24) * -1) calc(var(--space-fluid-24) * -1) calc(var(--space-fluid-24) * -1) 0;border:0;border-radius:0;grid-column:2;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:0;display:grid;position:relative;overflow:visible}.draft-board.settings-draft-board{grid-template-rows:auto auto;align-content:start}.content-header{z-index:2;isolation:isolate;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--sidebar-logo-height) calc(var(--space-fluid-40) + 2px);align-items:center;column-gap:var(--space-fluid-20);row-gap:var(--space-fluid-20);width:100%;min-width:0;padding:var(--space-fluid-24) var(--space-fluid-24) var(--space-fluid-20);background:0 0;border:0;border-radius:0;display:grid;position:relative}.content-header.settings-content-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--sidebar-logo-height);align-items:center;column-gap:var(--space-fluid-20);min-height:0;padding:var(--space-fluid-24) var(--space-fluid-24) var(--space-fluid-20);border-radius:0;row-gap:0;margin-top:0;display:grid}.settings-header-title{min-width:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-24);letter-spacing:-.48px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:400;line-height:1.2;overflow:hidden}.settings-header-actions{z-index:1;justify-content:flex-end;align-items:center;gap:var(--space-fluid-8);justify-self:end;display:flex;position:relative}.content-header-identity{width:100%;height:var(--sidebar-logo-height);align-items:center;gap:var(--space-fluid-16);flex-direction:row;grid-area:1/1;display:flex}.content-header-copy{align-items:flex-start;gap:var(--space-fluid-4);flex-direction:column;min-width:0;display:flex}.content-recipient-context{color:var(--color-ink-muted);font-size:var(--type-11);letter-spacing:-.01em;line-height:1.2}.content-header-edit{z-index:3;min-height:var(--space-fluid-40);justify-content:center;align-items:center;gap:var(--space-fluid-8);min-width:0;padding:0 var(--space-fluid-16);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--type-14);letter-spacing:-.14px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #15223133;grid-area:1/2;justify-self:end;font-weight:400;line-height:1.4;display:inline-flex;position:static}.content-header-edit svg{width:var(--space-fluid-20);height:var(--space-fluid-20);flex:none}.content-header-edit .content-header-edit-icon{width:var(--space-fluid-20);height:var(--space-fluid-20);max-width:var(--space-fluid-20);max-height:var(--space-fluid-20);display:block}.content-header-edit span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-header-edit:hover{color:var(--color-ink);background:#ffffff3d;border-color:#15223152;transform:translateY(-1px)}.content-header-edit:focus-visible{outline-offset:4px;outline:2px solid #1522319e}.content-header-avatar{width:var(--content-avatar-size);height:var(--content-avatar-size);flex:0 0 var(--content-avatar-size);aspect-ratio:1;background:#15223166;box-shadow:0 12px 16px -4px #15223129}.content-header-avatar img{display:block}.content-header-avatar .recipient-avatar-initials{font-size:var(--type-20)}.content-recipient-avatar{width:var(--space-fluid-32);height:var(--space-fluid-32)}.content-title{min-width:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-20);letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:400;line-height:1.2;overflow:hidden}.content-header-toolbar{width:100%;min-width:0;min-height:calc(var(--space-fluid-40) + 2px);box-sizing:border-box;flex-direction:column;grid-area:2/1/auto/-1;align-self:stretch;align-items:stretch;gap:0;padding:0;transition:none;display:flex}@media (width>=801px){.sidebar{top:var(--space-fluid-20)}.sidebar-refresh{padding-top:0}.sidebar-refresh .new-memory.magic-memory-button{background:var(--color-ink);color:var(--color-surface-strong)}.sidebar-refresh .recipient-nav{margin-top:0}}.content-header-toolbar-row{min-width:0;min-height:calc(var(--space-fluid-40) + 2px);justify-content:space-between;align-items:center;gap:var(--space-fluid-16);display:flex}.content-status-group{min-width:0;min-height:var(--space-fluid-40);padding:2px var(--space-fluid-4);border-radius:var(--radius-pill);border:1px solid #15223133;align-items:center;display:flex}.content-status-controls{white-space:nowrap;justify-content:flex-start;align-items:center;gap:0;min-width:0;display:flex}.content-status-button{isolation:isolate;min-height:var(--space-fluid-32);justify-content:flex-start;align-items:center;gap:var(--space-fluid-10);padding:var(--space-fluid-4) var(--space-fluid-10);border-radius:var(--radius-pill);color:var(--color-ink-muted);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;display:flex;position:relative}.content-status-indicator{z-index:-1;border-radius:inherit;background:var(--color-ink);pointer-events:none;position:absolute;inset:0}.content-status-button:hover{color:var(--color-ink);transform:translateY(-1px)}.content-status-button[data-active=true],.content-status-button[data-active=true]:hover{color:var(--color-surface-strong)}.content-status-button:focus-visible,.memory-filter-text-trigger:focus-visible{outline-offset:4px;outline:2px solid #1522319e}.content-status-label{color:currentColor;font-size:var(--type-14);letter-spacing:-.14px;font-weight:400;line-height:1.4}.content-status-button[data-active=true] .content-status-label{font-weight:500}.content-status-count{color:var(--color-ink-muted);font-size:var(--type-10);letter-spacing:.8px;font-weight:600;line-height:1.4}.content-status-button[data-active=true] .content-status-count{color:#fff9}.content-filter-controls{justify-content:flex-end;align-items:center;gap:var(--space-fluid-16);flex:none;min-width:0;display:flex}.memory-filter-text-trigger{z-index:1;width:auto;min-height:var(--space-fluid-40);justify-content:flex-end;align-items:center;gap:var(--space-fluid-10);padding:0 var(--space-fluid-16);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--type-14);letter-spacing:-.14px;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #15223133;font-weight:400;line-height:1.4;display:flex;position:relative}.memory-filter-text-trigger:not([data-selected=true]):hover,.memory-filter-text-trigger:not([data-selected=true])[data-active=true]{color:var(--color-ink);background:#ffffff3d;border-color:#15223152}.memory-filter-text-trigger[data-selected=true]{border-color:var(--color-ink);background:var(--color-ink);box-shadow:none;color:var(--color-surface-strong)}.memory-filter-text-trigger[data-selected=true]:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface-strong)}.content-filter-category-icon{width:var(--space-fluid-32);height:var(--space-fluid-32);flex:0 0 var(--space-fluid-32);background:#ffffff29;border-radius:50%;place-items:center;display:grid}.content-filter-category-icon>img{width:var(--space-fluid-20);height:var(--space-fluid-20);filter:brightness(0)invert()}.content-header-search{min-width:0;min-height:var(--space-fluid-40);align-items:center;gap:var(--space-fluid-10);padding:0 var(--space-fluid-16);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--type-14);letter-spacing:-.14px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #15223133;font-weight:400;line-height:1.4;display:inline-flex}.content-header-search svg{flex:none}.content-header-search img{width:var(--space-fluid-20);height:var(--space-fluid-20);opacity:.58;transition:opacity var(--duration-fast) var(--ease-out);flex:none}.content-header-search span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-header-search:hover{color:var(--color-ink);background:#ffffff3d;border-color:#15223152;transform:translateY(-1px)}.content-header-search:hover img,.content-header-search:focus-visible img{opacity:.9}.content-header-search:focus-visible{outline-offset:4px;outline:2px solid #1522319e}.content-header-search-form{width:100%;min-height:var(--space-fluid-40);align-items:center;gap:var(--space-fluid-10);padding:0 var(--space-fluid-10) 0 var(--space-fluid-16);border:1px solid var(--color-ink);border-radius:var(--radius-pill);color:var(--color-ink);background:#ffffff70;display:flex;box-shadow:0 0 0 1px #15223124}.content-header-search-form>img{width:var(--space-fluid-20);height:var(--space-fluid-20);flex:none}.content-header-search-form input{width:100%;min-width:0;color:var(--color-ink);font:inherit;font-size:var(--type-14);letter-spacing:-.14px;background:0 0;border:0;outline:0;line-height:1.4}.memory-sender-trigger .recipient-avatar,.memory-sender-trigger-icon{width:var(--recipient-avatar-size);height:var(--recipient-avatar-size);flex:none}.memory-sender-trigger-icon{place-items:center;display:grid}.memory-sender-popover .memory-filter-option{grid-template-columns:var(--recipient-avatar-size) minmax(0, 1fr) 22px}.memory-sender-option-avatar{width:var(--recipient-avatar-size);height:var(--recipient-avatar-size);box-shadow:none}.content-header-search-form input::placeholder{color:#15223175;opacity:1}.content-header-search-cancel{width:calc(var(--space-fluid-24) + var(--space-fluid-4));height:calc(var(--space-fluid-24) + var(--space-fluid-4));transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.content-header-search-cancel:hover{background:#1522311a}.content-header-search-cancel:focus-visible{outline-offset:2px;outline:2px solid #1522319e}.content-header-search-cancel img{width:var(--space-fluid-16);height:var(--space-fluid-16)}.sidebar-search{width:100%;margin-top:calc(var(--space-fluid-12) - var(--space-fluid-24))}.sidebar-search-trigger,.sidebar-search-form{width:100%;min-height:var(--space-fluid-40);align-items:center;gap:var(--space-fluid-10);padding:0 var(--space-fluid-16);border-radius:var(--radius-pill);box-shadow:none;color:var(--color-text-secondary);font:inherit;font-size:var(--type-14);letter-spacing:-.01em;background:#1522310a;border:0;display:flex}.sidebar-search-trigger img,.sidebar-search-form>img{width:var(--space-fluid-20);height:var(--space-fluid-20);opacity:.58;flex:none}.sidebar-search-form{padding-right:var(--space-fluid-8)}.sidebar-search-form input{width:100%;min-width:0;color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:0}.sidebar-search-form input::placeholder{color:#15223175}.sidebar-search-form button{width:var(--size-control-sm);height:var(--size-control-sm);border-radius:50%;flex:none;place-items:center;display:grid}.sidebar-search-form button:hover{background:#1522311a}.sidebar-search-form button img{width:var(--space-fluid-16);height:var(--space-fluid-16)}.content-header:not(.settings-content-header){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--sidebar-logo-height);padding-bottom:0}.content-header-identity{grid-area:1/1;width:auto}.content-header-edit{width:var(--space-fluid-32);min-height:var(--space-fluid-32);opacity:0;pointer-events:none;background:#fff9;border:0;padding:0;position:static;box-shadow:0 0 0 1px #15223114,0 2px 8px #1522311f}.content-header-identity:hover .content-header-edit,.content-header-identity:focus-within .content-header-edit{opacity:1;pointer-events:auto}.content-header-edit:hover{background:var(--color-surface-strong);border:0}.content-title{font-size:var(--type-24);letter-spacing:-.02em;font-weight:500}.content-recipient-context{font-size:var(--type-12);line-height:1.4}.content-header-toolbar{min-height:var(--space-fluid-40);grid-area:1/2;align-self:center}.content-header-toolbar-row{justify-content:flex-end}.content-status-group{min-height:var(--space-fluid-40);padding:2px var(--space-fluid-4);background:#1522310a;border:0}.content-status-button{min-height:var(--space-fluid-32);padding:var(--space-fluid-4) var(--space-fluid-16);gap:0}.content-status-indicator{z-index:-1;background:#fffc;box-shadow:0 0 0 1px #15223114,0 2px 8px #1522311f}.content-status-button[data-active=true],.content-status-button[data-active=true]:hover{color:var(--color-text-primary)}.content-status-button:hover{transform:none}.content-status-count{display:none}.content-filter-controls{gap:var(--space-fluid-16)}.memory-filter-text-trigger{min-height:var(--space-fluid-40);background:#fff9;border:0;box-shadow:0 0 0 1px #15223114,0 2px 8px #1522311f}.memory-filter-text-trigger:not([data-selected=true]):hover,.memory-filter-text-trigger:not([data-selected=true])[data-active=true]{background:var(--color-surface-strong);border:0}@media (width<=1000px){.content-header:not(.settings-content-header){grid-template-rows:var(--sidebar-logo-height) auto}.content-header-toolbar{grid-area:2/1/auto/-1}}@media (width>=801px) and (width<=1000px){.content-header-toolbar-row{justify-content:space-between}}@media (width<=800px){.content-header:not(.settings-content-header){grid-template-rows:auto auto}.content-header-toolbar{grid-area:2/1/auto/-1}.content-header-edit{opacity:1;pointer-events:auto}}.memory-tabs{z-index:1;justify-content:center;align-items:center;gap:var(--space-fluid-40);white-space:nowrap;justify-self:center;width:auto;min-height:29px;display:flex;position:relative}@media (width>=801px) and (width<=940px){.memory-tabs{gap:var(--space-fluid-16)}}.memory-tab{align-items:flex-start;gap:var(--space-fluid-10);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;display:flex}@media (width>=801px) and (width<=940px){.memory-tab{gap:var(--space-fluid-8)}}.memory-tab:hover{transform:translateY(-1px)}.memory-tab-label{color:#15223199;font-family:var(--font-display);font-size:var(--type-20);letter-spacing:-.4px;font-weight:400;line-height:1.2}.memory-tab[data-active=true] .memory-tab-label{color:var(--color-ink)}.memory-tab-count{color:#15223166;font-size:var(--type-11);letter-spacing:-.11px;line-height:1.4}.settings-tab,.view-toggle{z-index:1;width:var(--space-fluid-32);height:var(--space-fluid-32);color:#152231a3;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border-radius:50%;justify-self:end;place-items:center;display:grid;position:relative}.settings-tab:hover,.view-toggle:hover{color:var(--color-ink);background:#1522310f;transform:translateY(-1px)}.settings-tab[data-active=true],.view-toggle[data-active=true]{color:var(--color-ink);background:#15223114;transform:translateY(-1px)}.settings-tab img{width:var(--space-fluid-20);height:var(--space-fluid-20)}.settings-tab[data-active=true] img{filter:brightness(0)invert();opacity:.92}.view-controls{z-index:1;justify-content:flex-end;align-items:center;gap:var(--space-fluid-20);color:#152231b8;min-width:0;display:flex;position:relative}.view-toggle svg{width:var(--space-fluid-20);height:var(--space-fluid-20)}.memory-filter-control{z-index:30;flex:none;place-items:center;display:grid;position:relative}.memory-filter-trigger{overflow:visible}.memory-filter-trigger[data-selected=true]{padding-left:calc((var(--space-fluid-40) - var(--space-fluid-32)) / 2);padding-right:calc(var(--space-fluid-16) + var(--space-fluid-20))}.memory-filter-trigger-clear{z-index:1;right:var(--space-fluid-8);width:var(--space-fluid-20);height:var(--space-fluid-20);color:var(--color-surface-strong);border-radius:50%;place-items:center;display:grid;position:absolute}.memory-filter-trigger-clear:hover{background:#ffffff29}.memory-filter-trigger-clear:focus-visible{outline:2px solid var(--color-surface-strong);outline-offset:2px}.memory-filter-count{min-width:calc(var(--space-fluid-10) + var(--space-fluid-4) + 1px);height:calc(var(--space-fluid-10) + var(--space-fluid-4) + 1px);padding:0 var(--space-fluid-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface-strong);letter-spacing:0;place-items:center;font-size:9px;font-weight:600;line-height:1;display:grid;position:absolute;top:-2px;right:-2px}.memory-filter-popover{z-index:2000;gap:var(--space-fluid-16);width:520px;max-height:min(560px,100svh - 48px);padding:var(--space-fluid-10);transform-origin:100% 0;-webkit-backdrop-filter:blur(22px)saturate(1.08);backdrop-filter:blur(22px)saturate(1.08);background:#ffffffdb;border:1px solid #ffffffb8;border-radius:22px;display:grid;position:fixed;top:0;left:0;overflow:auto;box-shadow:0 28px 68px #1522312e,0 10px 24px #1522311a,inset 0 1px #ffffffb3}.memory-filter-popover[data-side=top]{transform-origin:100% 100%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.memory-filter-popover{background:#fffffff0}}.memory-filter-popover-header{justify-content:space-between;align-items:center;gap:var(--space-fluid-8);min-height:24px;padding:0 var(--space-fluid-8);display:flex}.memory-filter-popover-header span:first-child{color:var(--color-ink-muted);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4}.memory-filter-popover-header span:last-child{color:var(--color-ink-muted);font-size:var(--type-12);letter-spacing:-.12px;line-height:1.4}.memory-filter-reset{padding:var(--space-fluid-4) var(--space-fluid-8);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--type-14);letter-spacing:-.12px;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;font-weight:500;line-height:1.4}.memory-filter-reset:hover{color:var(--color-ink);background:#1522310d}.memory-filter-reset:focus-visible{outline-offset:2px;outline:2px solid #1522319e}.memory-filter-section{gap:var(--space-fluid-8);display:grid}.memory-filter-label{padding:0 var(--space-fluid-8);color:var(--color-ink-muted);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4}.memory-filter-options{gap:var(--space-fluid-4);display:grid}.memory-filter-options[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-filter-option{width:100%;min-height:calc(var(--space-fluid-32) + var(--space-fluid-10));grid-template-columns:var(--space-fluid-32) minmax(0, 1fr) 22px;align-items:center;gap:var(--space-fluid-8);padding:0 var(--space-fluid-8) 0 var(--space-fluid-16);color:#152231b8;text-align:left;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform .12s var(--ease-out);background:0 0;border-radius:14px;display:grid}.memory-filter-option-icon{width:var(--space-fluid-32);height:var(--space-fluid-32);background:#1522310f;border-radius:50%;place-items:center;display:grid}.memory-filter-option-icon>img{width:var(--space-fluid-20);height:var(--space-fluid-20)}.memory-filter-option-icon:has(.category-icon){background:0 0}.memory-filter-option:hover{color:var(--color-ink);background:#1522310d}.memory-filter-option:active{transform:scale(.985)}.memory-filter-option:focus-visible{outline-offset:2px;outline:2px solid #1522319e}.memory-filter-option[data-active=true]{color:var(--color-ink);background:#ffffffeb;box-shadow:inset 0 1px #ffffffc2,0 10px 22px #15223114}.memory-filter-option-copy{gap:1px;min-width:0;display:grid}.memory-filter-option-copy span:first-child{font-size:var(--type-14);letter-spacing:-.13px;text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.4;overflow:hidden}.memory-filter-option-copy span:last-child:not(:first-child){color:var(--color-ink-muted);font-size:var(--type-11);letter-spacing:-.11px;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.memory-filter-option-mark{width:22px;height:22px;color:var(--color-ink);border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.memory-filter-option[data-active=true] .memory-filter-option-mark{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface-strong)}.memory-filter-option[data-active=true] .memory-filter-option-mark svg{color:var(--color-surface-strong);display:block}.memory-content{min-height:0;padding:0;display:grid;position:relative}.draft-flow{justify-items:center;padding-top:0;display:grid;position:relative}.draft-list{z-index:1;gap:var(--space-fluid-20);width:min(600px,100%);display:grid;position:relative}.memory-tile-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--memory-card-min-height);gap:var(--space-fluid-20);padding:var(--space-fluid-24) var(--space-fluid-24) var(--space-fluid-20);place-content:start stretch;align-items:start;display:grid;position:relative}.memory-tile-grid[data-empty=true]{grid-template-columns:minmax(min(100%, var(--memory-card-min-width)), var(--memory-card-min-width));place-content:center;min-height:100%}.create-memory-card{height:var(--memory-card-min-height);min-width:0;padding:var(--space-fluid-10);border:1px solid var(--color-surface-border);background:var(--color-nav-surface);color:var(--color-ink);transition:background-color var(--duration-medium) var(--ease-out), border-color var(--duration-medium) var(--ease-out), box-shadow var(--duration-medium) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:32px;display:block}.create-memory-card-surface{height:100%;min-height:calc(var(--memory-card-min-height) - (var(--space-fluid-10) * 2));padding:var(--space-fluid-24);border:1px solid var(--color-surface-border);background:var(--color-nav-surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:24px;flex-direction:column;gap:12px;display:flex}.create-memory-card-message{justify-content:center;align-items:center;gap:var(--space-fluid-20);text-align:center;flex-direction:column;flex:auto;min-height:0;display:flex}.create-memory-card-title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-20);letter-spacing:-.4px;font-weight:400;line-height:1.2}.create-memory-card-copy{max-width:270px;color:var(--color-ink-muted);font-size:var(--type-12);letter-spacing:-.12px;font-weight:400;line-height:1.4}.create-memory-card-types{align-items:center;gap:var(--space-fluid-8);display:flex}.create-memory-card-action.new-memory.magic-memory-button{width:100%;min-height:var(--space-fluid-40);padding:0 var(--space-fluid-8);border:1px solid var(--color-ink);color:var(--color-ink);background:0 0;flex:none}.create-memory-card-action.new-memory.magic-memory-button .magic-button-content img{filter:brightness(0)}.create-memory-card-action.new-memory.magic-memory-button:is(:hover,:focus-visible){border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-surface-strong);box-shadow:none}.create-memory-card-action.new-memory.magic-memory-button:is(:hover,:focus-visible) .magic-button-content img{filter:brightness(0)invert()}.create-memory-card:hover{background:#ffffff52;border-color:#fff;transform:translateY(-2px);box-shadow:0 18px 42px #1522311f}.create-memory-card:focus-visible{outline-offset:4px;outline:2px solid #1522319e}.draft-empty{border:1px solid var(--color-surface-border);border-radius:var(--radius-pill);min-height:80px;color:var(--color-ink-muted);text-align:center;background:#ffffff57;place-items:center;display:grid}.memory-tile-card{--memory-card-gutter:var(--space-fluid-10);--memory-preview-bottom:calc(var(--memory-card-gutter) + var(--memory-body-base-height) + var(--space-fluid-10));isolation:isolate;width:100%;height:var(--memory-card-min-height);justify-content:flex-start;align-items:stretch;gap:var(--space-fluid-10);min-width:0;padding:var(--memory-card-gutter);border:1px solid var(--color-surface-border);color:var(--color-ink);text-align:left;transition:border-color var(--duration-medium) var(--ease-out), background-color var(--duration-medium) var(--ease-out), box-shadow var(--duration-medium) var(--ease-out);background:#dde8f3;border-radius:32px;flex-direction:column;display:flex;position:relative;overflow:hidden}.memory-tile-card:hover{z-index:3;border-color:#fff;box-shadow:0 28px 58px #15223124,0 8px 22px #1522311a,inset 0 0 0 1px #fff9}.memory-tile-open{z-index:2;border-radius:inherit;background:0 0;position:absolute;inset:0}.memory-tile-open:focus-visible{outline-offset:-5px;outline:2px solid #152231b8}.memory-tile-status-label{z-index:4;top:calc(var(--memory-card-gutter) + var(--space-fluid-10));left:calc(var(--memory-card-gutter) + var(--space-fluid-10));padding:var(--space-fluid-8) var(--space-fluid-10);border:1px solid var(--color-surface-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-size:var(--type-12);letter-spacing:-.24px;pointer-events:none;align-items:center;font-weight:600;line-height:1.2;display:inline-flex;position:absolute}.memory-tile-status-label[data-status=delivered]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface-strong)}.memory-tile-status-label[data-status=new]{background:var(--color-background-status-new);color:var(--color-text-on-status-new);border-color:#ffffffad}.memory-tile-card:after{z-index:1;content:"";opacity:0;pointer-events:none;transition:opacity var(--duration-medium) var(--ease-out);position:absolute;inset:0}.memory-tile-background{z-index:0;border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:filter var(--duration-medium) var(--ease-out), transform var(--duration-slow) var(--ease-out);position:absolute;inset:0;transform:scale(1.01)}.memory-tile-card:hover .memory-tile-background,.memory-tile-card:focus-within .memory-tile-background{transform:scale(1.06)}.memory-tile-card[data-locked=true] .memory-tile-background,.memory-tile-card[data-locked=true]:hover .memory-tile-background,.memory-tile-card[data-locked=true]:focus-within .memory-tile-background{filter:blur(16px)saturate(.72);transform:scale(1.14)}.memory-tile-card[data-locked=true]{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.memory-tile-card[data-locked=true] .memory-tile-preview{grid-row:1;position:relative;inset:auto}.memory-tile-card[data-locked=true] .memory-tile-body{grid-row:2;position:relative;inset:auto}.memory-tile-preview{--preview-play-offset-y:0px;isolation:isolate;z-index:3;top:var(--memory-card-gutter);right:var(--memory-card-gutter);bottom:var(--memory-preview-bottom);left:var(--memory-card-gutter);pointer-events:none;background:0 0;border-radius:24px;place-items:center;width:auto;height:auto;display:grid;position:absolute;overflow:hidden}.memory-tile-preview>.memory-preview{width:var(--memory-preview-size);height:var(--memory-preview-size)}.memory-tile-preview-image{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);display:none;position:absolute;inset:0;transform:scale(1.01)}.memory-tile-card:hover .memory-tile-preview-image,.memory-tile-card:focus-within .memory-tile-preview-image{transform:scale(1.06)}.memory-tile-image{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.01)}.memory-tile-video-scrim{z-index:1;background:radial-gradient(circle at 50% 48%,#1522312e 0 22%,#0000 48%),linear-gradient(#0000 0%,#15223133 100%);position:absolute;inset:0}.memory-tile-play{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff3d;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:0 10px 24px #1522312e,inset 0 0 0 1px #ffffff8a}.memory-tile-play:before{content:"";filter:drop-shadow(0 1px 3px #1522313d);border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fffffff5;width:0;height:0;margin-left:3px}.memory-preview-play-control,.memory-preview-arrow{color:#fffffff0;pointer-events:auto;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);-webkit-backdrop-filter:blur(12px)saturate(1.08);backdrop-filter:blur(12px)saturate(1.08);background:#ffffff47;border:0;place-items:center;display:grid}.memory-preview-play-control{z-index:3;width:var(--memory-play-size);height:var(--memory-play-size);border-radius:50%;position:relative;box-shadow:0 16px 34px #15223133,inset 0 0 0 1px #ffffff3d}.memory-preview-play-control svg{filter:drop-shadow(0 1px 4px #15223138)}.memory-preview-play-control:hover,.memory-preview-arrow:hover{background:#ffffff6b;transform:translateY(-1px)}.memory-preview-play-control:active,.memory-preview-arrow:active{transform:scale(.96)}.memory-preview-play-control:focus-visible,.memory-preview-arrow:focus-visible{outline-offset:2px;outline:2px solid #ffffffe0}.memory-preview-play-control[data-active=true]{background:#15223194}.memory-lock-control{pointer-events:none}.memory-lock-preview{z-index:3;align-items:center;gap:var(--space-fluid-10);pointer-events:none;flex-direction:column;width:min(82%,300px);display:flex;position:relative}.memory-lock-moment{color:#fffffff0;font-size:var(--type-12);letter-spacing:-.12px;text-align:center;text-shadow:0 2px 10px #15223170;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.memory-preview-carousel-controls{z-index:2;padding:0 var(--space-fluid-10);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0;transform:scale(.98)}.memory-tile-card:hover .memory-preview-carousel-controls,.memory-tile-card:focus-within .memory-preview-carousel-controls{opacity:1;transform:scale(1)}.memory-preview-carousel-controls .memory-preview-arrow{pointer-events:none}.memory-tile-card:hover .memory-preview-carousel-controls .memory-preview-arrow,.memory-tile-card:focus-within .memory-preview-carousel-controls .memory-preview-arrow{pointer-events:auto}.memory-preview-arrow{border-radius:50%;width:34px;height:34px;box-shadow:0 10px 22px #15223124,inset 0 0 0 1px #ffffff2e}.memory-preview-waveform{z-index:2;right:var(--space-fluid-16);left:var(--space-fluid-16);top:calc(50% + var(--preview-play-offset-y));pointer-events:none;opacity:.88;justify-content:center;align-items:center;gap:4px;height:46px;display:flex;position:absolute;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}.memory-preview-waveform span{border-radius:var(--radius-pill);background:#ffffffa3;flex:1 1 0;width:3px;max-width:5px;height:16px;box-shadow:0 1px 8px #1522312e}.memory-preview-waveform span:nth-child(6n+1){height:14px}.memory-preview-waveform span:nth-child(6n+2){height:28px}.memory-preview-waveform span:nth-child(6n+3){height:38px}.memory-preview-waveform span:nth-child(6n+4){height:22px}.memory-preview-waveform span:nth-child(6n+5){height:34px}.memory-preview-waveform span:nth-child(6n){height:18px}.memory-tile-body{z-index:4;right:var(--memory-card-gutter);bottom:var(--memory-card-gutter);left:var(--memory-card-gutter);border:1px solid var(--color-surface-border);-webkit-backdrop-filter:blur(5px)saturate(1.04);backdrop-filter:blur(5px)saturate(1.04);pointer-events:none;background:#ffffffe6;border-radius:24px;flex-direction:column;flex:none;gap:12px;min-width:0;padding:12px;display:flex;position:absolute}.memory-tile-title{min-width:0;min-height:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--type-18);letter-spacing:-.36px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.memory-tile-meta{justify-content:space-between;align-items:center;gap:var(--space-fluid-8);min-width:0;color:var(--color-ink);font-size:var(--type-12);letter-spacing:-.24px;font-weight:500;line-height:1.2;display:flex}.memory-type-list{align-items:center;gap:var(--space-fluid-8);min-width:0;display:flex}.memory-type-label{--label-rgb:66 146 151;--label-color:rgb(var(--label-rgb) / 100%);background:rgb(var(--label-rgb) / 20%);min-width:0;color:var(--label-color);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;border-radius:11px;flex:none;justify-content:center;align-items:center;padding:2px 4px;display:flex}.memory-type-label[data-variant=video]{--label-rgb:110 103 189;--label-icon:url("data:image/svg+xml,%3csvg%20color='%23152231'%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20stroke='none'%3e%3cpath%20opacity='0.4'%20d='M11.4999%204.00016H4.49992C3.02512%204.00016%201.99996%205.02537%201.99996%206.50016V13.5002C1.99996%2014.975%203.02512%2016.0002%204.49992%2016.0002H11.5C12.9748%2016.0002%2014%2014.975%2014%2013.5002V6.50016C14%205.02537%2012.9747%204.00016%2011.4999%204.00016Z'%20fill='currentColor'/%3e%3cpath%20d='M6.05957%209.02832C6.61157%209.02832%207.05957%208.58032%207.05957%208.02832C7.05957%207.47632%206.61157%207.02832%206.05957%207.02832C5.50757%207.02832%205.05957%207.47632%205.05957%208.02832C5.05957%208.58032%205.50757%209.02832%206.05957%209.02832Z'%20fill='currentColor'/%3e%3cpath%20d='M14%2012V8.00003L17.0134%206.15036C17.8453%205.71024%2019%206.08438%2019%206.99988V12.9998C19%2013.9153%2017.8453%2014.2898%2017.0134%2013.8497L14%2012Z'%20fill='currentColor'/%3e%3c/g%3e%3c/svg%3e")}.memory-type-label[data-variant=text]{--label-rgb:207 114 74;--label-icon:url("data:image/svg+xml,%3csvg%20color='%23152231'%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20stroke='none'%3e%3crect%20x='2.5'%20y='4.16667'%20width='15'%20height='1.66667'%20fill='currentColor'/%3e%3cg%20opacity='0.4'%3e%3cpath%20d='M14.1667%2015.8333H2.5V14.1667H14.1667V15.8333Z'%20fill='currentColor'/%3e%3cpath%20d='M17.5%2012.5H2.5V10.8333H17.5V12.5Z'%20fill='currentColor'/%3e%3cpath%20d='M14.1667%209.16667H2.5V7.5H14.1667V9.16667Z'%20fill='currentColor'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.memory-type-label[data-variant=photo]{--label-rgb:74 163 207;--label-icon:url("data:image/svg+xml,%3csvg%20color='%23152231'%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20stroke='none'%3e%3cpath%20opacity='0.4'%20d='M4.49992%2010.4999C4.99992%209.49987%206.49992%2010.4999%206.49992%2010.4999L8.2426%2011.7607C8.72592%2012.1474%209.44086%2012.0065%209.74145%2011.4655L12.4127%206.6573C12.8032%205.95433%2013.8216%205.97646%2014.1813%206.69573L17.9998%2014.9999C18.3323%2015.6648%2017.7432%2016.9999%2016.9998%2016.9999H2.99985C2.23737%2016.9999%201.62962%2015.6664%201.99992%2014.9999L4.49992%2010.4999Z'%20fill='currentColor'/%3e%3ccircle%20cx='6.41699'%20cy='4.5835'%20r='2.5'%20fill='currentColor'/%3e%3c/g%3e%3c/svg%3e")}.memory-type-label[data-variant=audio]{--label-icon:url("data:image/svg+xml,%3csvg%20color='%23152231'%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20stroke='none'%3e%3cpath%20opacity='0.4'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.57471%205.36437C6.57471%203.50631%208.02497%202%209.81412%202C11.6033%202%2013.0536%203.50631%2013.0536%205.36437V8.353C13.0536%2010.2111%2011.6033%2011.7174%209.81412%2011.7174C8.02497%2011.7174%206.57471%2010.2111%206.57471%208.353V5.36437Z'%20fill='currentColor'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.72238%208.69444C4.72238%208.31092%204.41147%208%204.02794%208C3.64441%208%203.3335%208.31092%203.3335%208.69444C3.3335%2012.0396%205.86729%2014.7927%209.12053%2015.1392V17.1667C9.12053%2017.5502%209.43145%2017.8611%209.81498%2017.8611C10.1985%2017.8611%2010.5094%2017.5502%2010.5094%2017.1667V15.1392C13.7627%2014.7927%2016.2965%2012.0396%2016.2965%208.69444C16.2965%208.31092%2015.9855%208%2015.602%208C15.2185%208%2014.9076%208.31092%2014.9076%208.69444C14.9076%2011.5072%2012.6278%2013.787%209.81498%2013.787C7.00221%2013.787%204.72238%2011.5072%204.72238%208.69444Z'%20fill='currentColor'/%3e%3c/g%3e%3c/svg%3e")}.memory-type-icon{width:var(--small-icon-size);height:var(--small-icon-size);-webkit-mask-image:var(--label-icon);mask-image:var(--label-icon);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--label-icon);background:currentColor;flex:none;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.memory-category-label{justify-content:flex-end;align-items:center;gap:var(--space-fluid-8);min-width:0;color:var(--color-ink);display:flex}.memory-category-label>:is(svg,img){width:var(--small-icon-size);height:var(--small-icon-size);color:#1522319e;flex:none}.category-icon{width:var(--category-icon-size);height:var(--category-icon-size);flex:0 0 var(--category-icon-size);background:var(--category-icon-background);border-radius:50%;place-items:center;display:inline-grid;overflow:hidden}.category-icon>img{width:62.5%;height:62.5%}.category-icon-creativity{width:62.5%;height:62.5%;display:block;position:relative}.category-icon-creativity img{width:12.515%;height:12.515%;display:block;position:absolute}.category-icon-creativity .category-icon-creativity-base{width:80%;height:80%;inset:10%}.category-icon-creativity-dot-one{top:33.5%;left:19.05%}.category-icon-creativity-dot-two{top:18.65%;left:34.25%}.category-icon-creativity-dot-three{top:21%;left:56.95%}.category-icon-creativity-dot-four{top:38.35%;left:70.75%}.memory-category-label span{font-size:var(--type-12);letter-spacing:-.24px;text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.2;overflow:hidden}.memory-category-label.is-empty{color:#1522316b;font-style:italic}.memory-card-avatar.is-unassigned{background:#15223114;border-radius:50%;place-items:center;display:grid}.memory-card-avatar.is-unassigned img{width:var(--size-icon-sm);height:var(--size-icon-sm);object-fit:contain}.memory-card-avatar{width:var(--recipient-avatar-size);height:var(--recipient-avatar-size);flex:none}.memory-tile-timing{grid-template-columns:var(--recipient-avatar-size) minmax(0, 1fr) var(--timing-arrow-column) minmax(0, 1fr);color:#15223199;min-width:0;font-size:var(--type-12);letter-spacing:-.24px;align-items:center;gap:10px;font-weight:400;line-height:1.2;display:grid}.memory-tile-card[data-context=received] .memory-tile-timing{grid-template-columns:var(--recipient-avatar-size) minmax(0, .85fr) minmax(0, 1.45fr)}.memory-tile-date-arrow{color:#15223170;flex:none;display:block}.memory-recipient-copy,.memory-opens-copy{gap:0;min-width:0;display:grid}.memory-opens-copy{text-align:right}.memory-recipient-copy span,.memory-opens-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.memory-recipient-copy span:last-child,.memory-opens-copy span:last-child{color:var(--color-ink);font-weight:500}.draft-empty p{letter-spacing:-.14px;margin:0;font-size:14px;line-height:1.4}.sidebar-footer{gap:var(--space-fluid-20);width:100%;margin-top:0;display:grid}.settings-popover-root{z-index:200;width:100%;position:relative}.user-settings-button{align-items:center;gap:var(--space-fluid-10);border-radius:var(--radius-pill);color:#152231cc;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;display:flex}.user-settings-button:hover,.user-settings-button[data-active=true]{color:var(--color-ink)}.user-settings-button:hover{transform:translateY(-1px)}.profile-button{width:var(--profile-avatar-size);height:var(--profile-avatar-size);background:var(--color-surface-strong);border-radius:50%;flex:none;overflow:hidden}.profile-button img{object-fit:cover;width:100%;height:100%}.user-settings-name{min-width:0;font-size:var(--type-14);letter-spacing:-.14px;text-overflow:ellipsis;white-space:nowrap;flex:auto;line-height:1.4;overflow:hidden}.user-settings-icon,.memory-page-profile .user-settings-icon{width:var(--size-icon-md);height:var(--size-icon-md);object-fit:contain;opacity:.7;flex:none}.settings-popover{z-index:80;top:auto;bottom:0;left:calc(100% + var(--space-fluid-20));width:var(--sidebar-width);height:calc((var(--space-fluid-40) * 5));padding:var(--space-fluid-10);transform-origin:0 100%;flex-direction:column;display:flex;position:absolute;translate:0}.settings-popover-menu{gap:var(--space-fluid-4);flex-direction:column;height:100%;display:flex}.settings-popover-menu button{align-items:center;gap:var(--space-fluid-12);letter-spacing:-.01em;width:100%;font-weight:500;line-height:1.4;display:flex}.settings-popover-menu button :is(svg,img){width:var(--space-fluid-20);height:var(--space-fluid-20);flex:none}.settings-popover-rule{border-top:1px solid var(--color-border-subtle);width:100%;height:0}.settings-popover-menu button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:var(--space-fluid-4)}@media (width>=1800px){.memory-filter-popover{width:585px;max-height:min(630px, calc(100svh - (var(--space-fluid-24) * 2)))}.settings-view{width:min(675px,100%)}}@media (width>=2200px){.memory-filter-popover{width:650px;max-height:min(700px, calc(100svh - (var(--space-fluid-24) * 2)))}.settings-view{width:min(750px,100%)}}@media (width>=2700px){.memory-filter-popover{width:728px;max-height:min(784px, calc(100svh - (var(--space-fluid-24) * 2)))}.settings-view{width:min(840px,100%)}}.sidebar-legal{width:100%;color:var(--color-ink-muted);letter-spacing:-.11px;gap:0;margin:0;font-size:11px;font-weight:400;line-height:1.4;display:grid}.sidebar-refresh{grid-template-rows:var(--sidebar-logo-height) auto minmax(0, 1fr) auto;align-items:stretch;gap:var(--space-fluid-20);display:grid}.sidebar-refresh .brand-mark{width:max-content;max-width:100%;height:var(--sidebar-logo-height);justify-content:flex-start}.sidebar-refresh .brand-mark img{width:auto;height:100%}.sidebar-refresh .new-memory.magic-memory-button{min-height:calc(var(--space-fluid-40) + 2px);padding:0 var(--space-fluid-8);border:1px solid var(--color-ink);background:var(--color-ink);box-shadow:none;color:var(--color-surface-strong)}.sidebar-refresh .new-memory.magic-memory-button .magic-button-content img{filter:brightness(0)invert();opacity:.62}.sidebar-refresh .new-memory.magic-memory-button:is(:hover,:focus-visible){color:var(--color-surface-strong);border-color:#ffffffad}.sidebar-refresh .new-memory.magic-memory-button:is(:hover,:focus-visible) .magic-button-content img{filter:brightness(0)invert();opacity:.92}.sidebar-navigation-group{gap:var(--space-fluid-20);flex-direction:column;min-height:0;display:flex}.sidebar-refresh .recipient-nav ul{gap:0}@media (width>=801px){.sidebar{top:var(--space-fluid-24)}.sidebar-refresh{grid-template-areas:"brand""new-memory""search""navigation""footer";grid-template-rows:var(--sidebar-logo-height) auto auto minmax(0, 1fr) auto;row-gap:var(--space-fluid-24)}.sidebar-refresh .brand-mark{grid-area:brand}.sidebar-refresh .new-memory{grid-area:new-memory}.sidebar-refresh .sidebar-search{grid-area:search}.sidebar-refresh .sidebar-navigation-group{margin-top:calc(var(--space-fluid-20) - var(--space-fluid-24));grid-area:navigation}.sidebar-refresh .sidebar-footer{grid-area:footer}.sidebar-refresh .recipient-nav{flex:auto;min-height:0}}.sidebar-refresh .recipient-row{border:1px solid #0000;min-height:36px;padding:8px 16px 8px 8px}.sidebar-refresh .recipient-row[data-active=true]{background:#fff6;border-color:#fff9}.sidebar-refresh .recipient-avatar{box-shadow:none}.sidebar-refresh .recipient-name{color:var(--color-ink-muted)}.sidebar-refresh .recipient-count{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);transform:translate(-2px)}.sidebar-refresh .recipient-row[data-active=true] .recipient-name,.sidebar-refresh .recipient-row:hover .recipient-name{color:var(--color-ink);font-weight:500}.sidebar-refresh .recipient-row:is(:hover,:focus-visible) .recipient-count{opacity:1;transform:translate(0)}.sidebar-footer-refresh{gap:var(--space-fluid-20);margin-top:0}.trustee-card{gap:var(--space-fluid-10);width:100%;padding:var(--space-fluid-16);background:linear-gradient(#ffffff8a,#ffefd65c);border:1px solid #fff;border-radius:16px;display:grid}.trustee-card h2{color:#152231cc;font-family:var(--font-display);font-size:var(--type-15);letter-spacing:-.3px;margin:0;font-weight:400;line-height:1.2}.trustee-card p{color:#15223166;font-size:var(--type-12);letter-spacing:-.12px;margin:0;line-height:1.4}.trustee-action{align-items:center;gap:var(--space-fluid-10);width:100%;color:var(--color-ink);font-size:var(--type-14);letter-spacing:-.12px;text-align:left;transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) 20px;padding:0;font-weight:500;line-height:1.4;display:grid}.trustee-action:hover{color:#152231ad;transform:translate(1px)}.trustee-action:focus-visible{outline-offset:4px;outline:2px solid #152231b8}.sidebar-footer-refresh .sidebar-legal{font-size:var(--type-12)}@media (width>=801px) and (width<=1349px){.memory-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.settings-popover{top:auto;bottom:calc(100% + var(--space-fluid-10));width:min(var(--sidebar-width), calc(100vw - (var(--space-fluid-20) * 2)));transform-origin:0 100%;left:0;translate:0}.app-shell{align-content:start;column-gap:var(--space-fluid-10);gap:var(--space-fluid-20);min-height:100svh;padding:var(--space-fluid-20);grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:visible}.sidebar,.sidebar>.sidebar-navigation-group{display:contents}.sidebar>.brand-mark,.sidebar>.new-memory,.sidebar>.sidebar-navigation-group>.recipient-nav,.sidebar>.sidebar-navigation-group>.memory-box-nav,.sidebar>.sidebar-footer{z-index:1;position:relative}.sidebar>.sidebar-navigation-group>.recipient-nav{z-index:200}.sidebar-refresh .brand-mark{grid-area:1/1;align-self:center}.sidebar-refresh .new-memory.magic-memory-button{width:auto;min-height:var(--space-fluid-40);padding-inline:var(--space-fluid-16);grid-area:1/2;margin:0}.recipient-nav{grid-area:2/1/auto/-1;min-width:0}.memory-box-nav{display:none}.memory-box-mobile-row{display:block}.memory-box-mobile-row .memory-box-row{width:auto;min-width:max-content}.recipient-nav ul{width:calc(100% + (var(--space-fluid-20) * 2));margin-inline:calc(var(--space-fluid-20) * -1);padding-inline:var(--space-fluid-20);gap:var(--space-fluid-8);overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;display:flex;overflow-x:auto}.recipient-nav ul::-webkit-scrollbar{display:none}.recipient-nav li{scroll-snap-align:start;flex:none}.sidebar-refresh .recipient-row{justify-items:center;gap:var(--space-fluid-4);width:fit-content;min-width:0;padding:var(--space-fluid-4) var(--space-fluid-8);grid-template-rows:auto auto;grid-template-columns:none}.sidebar-refresh .recipient-row .recipient-name{text-align:center;max-width:100%}.sidebar-refresh .recipient-count{display:none}.draft-board{grid-area:4/1/auto/-1;width:100%;min-width:0;height:auto;min-height:auto;max-height:none;margin:0;padding:0;position:relative;top:auto;left:auto;overflow:visible;translate:0}.sidebar-footer{margin-top:var(--space-fluid-32);grid-area:5/1/auto/-1}.recipient-type-popover{top:calc(100% + var(--space-fluid-8));width:min(calc(var(--sidebar-width) + var(--space-fluid-32)), calc(100vw - (var(--space-fluid-20) * 2)));transform-origin:100% 0;left:auto;right:0}.intro-copy{max-width:360px}.draft-board{justify-self:center}.content-header:not(.settings-content-header){align-items:center;gap:var(--space-fluid-16);padding:var(--space-fluid-20) 0;grid-template-columns:minmax(0,1fr) auto;margin-top:0}.content-header-edit{width:var(--space-fluid-40);height:var(--space-fluid-40);grid-area:1/2;justify-self:end;padding:0;position:static}.content-header-edit>span{display:none}.content-header-identity{justify-content:flex-start;justify-self:start;gap:var(--space-fluid-10);flex-direction:row;grid-area:1/1;width:auto;min-width:0;padding:0}.content-header-copy{text-align:left;align-items:flex-start}.content-header.settings-content-header{height:auto;min-height:56px;padding:var(--space-fluid-20);grid-template-rows:auto}.content-header-toolbar{align-items:stretch;gap:var(--space-fluid-16);flex-direction:column;grid-area:2/1/auto/-1;height:auto;padding:0}.content-header-toolbar-row{align-items:stretch;gap:var(--space-fluid-16);flex-direction:column}.content-status-group{width:100%;overflow:hidden}.content-status-controls{justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.content-status-controls::-webkit-scrollbar{display:none}.content-status-button{gap:var(--space-fluid-8);padding-inline:var(--space-fluid-4)}.content-filter-controls{justify-content:stretch;width:100%}.memory-filter-text-trigger,.content-header-search{flex:1 1 0;justify-content:center;min-width:0}.settings-header-actions{justify-content:stretch;justify-self:stretch;width:100%}.memory-tabs{justify-content:flex-start;justify-self:start;width:100%;overflow-x:auto}.view-controls{justify-content:flex-end}.memory-filter-popover{transform-origin:0 0;left:0;right:auto}.memory-filter-popover[data-side=top]{transform-origin:0 100%}.memory-content{padding:var(--space-fluid-16) 0}.memory-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}}@media (width>=801px) and (height<=820px){.sidebar{padding-top:0;padding-bottom:0}.brand-mark{margin-bottom:0}.intro-panel{gap:var(--space-fluid-20);margin-bottom:0}.recipient-nav,.recipient-nav ul{gap:var(--space-fluid-10)}}@media (width<=560px){.app-shell{gap:var(--space-fluid-20);padding:var(--space-fluid-16)}.brand-mark,.brand-mark img{width:110px;height:40px}.intro-panel{margin-bottom:0}.intro-panel h1,.intro-title{font-size:30px}.settings-view-header h2{font-size:var(--type-24)}.recipient-row{gap:var(--space-fluid-8);width:auto;min-height:38px;padding:4px 8px}.recipient-nav{gap:var(--space-fluid-12)}.recipient-nav ul{width:calc(100% + (var(--space-fluid-16) * 2));margin-inline:calc(var(--space-fluid-16) * -1);padding-inline:var(--space-fluid-16);gap:var(--space-fluid-8)}.recipient-name{font-size:14px}.recipient-count{font-size:10px}.form-grid.two{grid-template-columns:1fr}.relationship-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.danger-zone{flex-direction:column;align-items:stretch}.danger-zone-action{width:100%}.memory-tabs{gap:20px;padding-bottom:2px;overflow-x:auto}.memory-tab-label{font-size:24px}.memory-tile-grid{grid-template-columns:minmax(min(100%,280px),1fr);justify-content:center}.memory-tile-preview{height:172px}.settings-view{max-height:none}.settings-photo-frame{width:112px;height:112px}.people-option-grid,.all-memory-people-grid{grid-template-columns:1fr}.settings-actions{justify-content:stretch}.settings-action{flex:1 1 0}}@media (prefers-reduced-motion:reduce){.app-shell{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.memory-tile-card:hover .memory-tile-background,.memory-tile-card:focus-within .memory-tile-background,.memory-tile-card:hover .memory-tile-preview-image,.memory-tile-card:focus-within .memory-tile-preview-image{transform:scale(1.01)}.magic-memory-button:is(:hover,:focus-visible) .magic-liquid{animation:none}.magic-memory-button:is(:hover,:focus-visible) .magic-rift{opacity:.48;animation:none;transform:translate(0)skew(-10deg)}.magic-memory-button:is(:hover,:focus-visible) .magic-particles span{opacity:.7;animation:none;transform:none}}