:root{--paper:#fcfcfa;--ink:#211f1c;--ink-soft:#6f6d67;--ink-faint:#a3a19a;--serif:"Newsreader", Georgia, "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;justify-content:center;min-height:100%;display:flex}#root{justify-content:center;width:100%;display:flex}.page{flex-direction:column;align-items:stretch;width:min(92vw,430px);padding:64px 0 96px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.28em;color:var(--ink-faint);text-transform:uppercase;text-align:left;font-size:11px}.prompt{text-align:left;color:var(--ink);text-wrap:pretty;max-width:22ch;margin:22px 0 46px;font-size:27px;font-style:italic;font-weight:300;line-height:1.35}.entry{flex-direction:column;width:100%;display:flex}.entry+.entry{margin-top:72px}.plate{width:100%}.frame{background:#cfd3d4;position:relative;overflow:hidden}.frame img{width:100%;height:auto;display:block}.frame svg{aspect-ratio:4/5;width:100%;display:block}.frameno{font-family:var(--mono);letter-spacing:.12em;color:#fcfcfac7;mix-blend-mode:screen;font-size:10px;position:absolute;top:9px;right:11px}.caption{font-family:var(--serif);color:var(--ink-soft);text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:14px 0 0;font-size:16px;font-style:italic;font-weight:400;line-height:1.4;display:block;overflow:hidden}.attribution-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.attribution{font-family:var(--serif);color:var(--ink-faint);text-align:right;margin:0;font-size:11px;font-style:italic;font-weight:300}.noticing-menu-btn{color:var(--ink-faint);opacity:.5;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.noticing-actions{align-items:center;gap:18px;margin-top:10px;display:flex}.noticing-confirm-label{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-faint);font-size:10px}.noticing-action-link{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.noticing-action-link--delete{color:#7a2c2c}.noticing-edit{flex-direction:column;gap:8px;margin-top:14px;display:flex}.noticing-edit-input{width:100%;font-family:var(--serif);color:var(--ink-soft);border:none;border-bottom:1px solid var(--ink-faint);caret-color:var(--ink);-webkit-appearance:none;background:0 0;border-radius:0;outline:none;padding:4px 0;font-size:16px;font-style:italic}.noticing-edit-actions{gap:18px;display:flex}.tagline{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-faint);text-align:center;margin-top:64px;font-size:11px}.settings-link{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);opacity:.5;cursor:pointer;background:0 0;border:none;margin:20px auto 0;padding:8px;font-size:10px;display:block}.screen-nav{justify-content:space-between;align-items:center;margin-top:52px;display:flex}.screen-nav--bottom{margin-top:80px;padding-bottom:48px}.page--today,.page--remember,.page--notice{padding-top:36px}.top-bar{align-items:center;margin-bottom:20px;display:flex;position:relative}.circle-menu-btn{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1;position:absolute;top:0;right:0}.top-nav{flex:1;justify-content:center;gap:24px;display:flex}.top-nav-btn{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--ink-faint);background:0 0;border:none;padding:0;font-size:10px}.top-nav-btn--active{color:var(--ink);cursor:default}.page--today .circle-switcher{justify-content:center;margin-bottom:14px}.page--remember .circle-switcher{justify-content:center;margin-bottom:16px}.page--today .eyebrow{text-align:right;letter-spacing:.14em;font-size:9px}.remember-day{margin-top:56px}.remember-day:first-of-type{margin-top:16px}.remember-date{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);text-align:right;margin:0 0 14px;font-size:9px}.remember-prompt{font-family:var(--serif);color:var(--ink-soft);text-wrap:pretty;max-width:22ch;margin:0 0 36px;font-size:20px;font-style:italic;font-weight:300;line-height:1.35}.remember-empty{font-family:var(--serif);color:var(--ink-soft);text-wrap:pretty;max-width:26ch;margin-top:64px;font-size:18px;font-style:italic;font-weight:300;line-height:1.65}.frame--placeholder{aspect-ratio:4/5}.settings-section{flex-direction:column;gap:32px;margin-top:48px;display:flex}.settings-heading{font-family:var(--serif);color:var(--ink-soft);margin:0;font-size:18px;font-style:italic;font-weight:300}.settings-note{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-faint);margin:0;font-size:12px;line-height:1.6}.settings-row{justify-content:space-between;align-items:center;display:flex}.settings-row--hour{border-top:1px solid var(--ink-faint);opacity:.7;padding-top:8px}.settings-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.settings-toggle{border:1.5px solid var(--ink-faint);cursor:pointer;background:0 0;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:border-color .2s,background .2s;position:relative}.settings-toggle:after{content:"";background:var(--ink-faint);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.settings-toggle--on{border-color:var(--ink);background:var(--ink)}.settings-toggle--on:after{background:var(--paper);transform:translate(18px)}.settings-select{font-family:var(--mono);letter-spacing:.12em;color:var(--ink);border:none;border-bottom:1px solid var(--ink-faint);cursor:pointer;appearance:none;background:0 0;padding:4px 0;font-size:11px}.settings-back{margin-top:auto;padding-top:48px}.circle-pending{font-family:var(--mono);color:var(--ink-faint);text-align:center;letter-spacing:.04em;margin:48px 0;font-size:13px}@keyframes settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eyebrow,.prompt,.plate,.caption,.attribution,.tagline,.auth-form{opacity:0;animation:.9s cubic-bezier(.22,.61,.36,1) forwards settle}.eyebrow{animation-delay:50ms}.prompt{animation-delay:.2s}.plate{animation-delay:.42s}.caption{animation-delay:.7s}.attribution{animation-delay:.84s}.tagline{animation-delay:1s}.auth-form{animation-delay:.42s}@media (prefers-reduced-motion:reduce){.eyebrow,.prompt,.plate,.caption,.attribution,.tagline,.auth-form{opacity:1;animation:none}}.auth-form{flex-direction:column;gap:28px;display:flex}.auth-field{flex-direction:column;gap:10px;display:flex}.auth-input{width:100%;font-family:var(--serif);color:var(--ink);border:none;border-bottom:1px solid var(--ink-faint);caret-color:var(--ink);-webkit-appearance:none;background:0 0;border-radius:0;outline:none;padding:10px 0;font-size:20px}.auth-input::placeholder{color:var(--ink-faint);font-style:italic}.auth-input:focus{border-bottom-color:var(--ink-soft)}.code-boxes{gap:10px;display:flex}.code-box{width:40px;height:52px;font-family:var(--mono);text-align:center;color:var(--ink);border:none;border-bottom:2px solid var(--ink-faint);-webkit-appearance:none;background:0 0;border-radius:0;outline:none;padding:0;font-size:22px}.code-box:focus{border-bottom-color:var(--ink)}.code-box:disabled{opacity:.4}.auth-hint{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-faint);margin-bottom:8px;font-size:11px;line-height:1.8}.auth-btn{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;width:fit-content;padding:0;font-size:12px;transition:opacity .2s}.auth-btn:disabled{opacity:.35;cursor:default}.auth-back{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase;cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;font-size:11px}.auth-error{font-family:var(--mono);letter-spacing:.12em;color:#7a2c2c;font-size:11px;line-height:1.6}.core-nav{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;transition:color .15s}.core-nav:hover{color:var(--ink)}.notice-pick-page{min-height:100dvh}.photo-choices{flex-direction:column;flex:1;justify-content:flex-end;width:100%;padding-bottom:24px;display:flex}.photo-choice-primary{text-align:center;width:100%;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);appearance:none;cursor:pointer;background:0 0;border:none;padding:22px 0;font-size:13px;display:block}.photo-choice-secondary{text-align:center;width:100%;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);appearance:none;cursor:pointer;background:0 0;border:none;padding:18px 0;font-size:11px;display:block}.change-photo-label{cursor:pointer;width:100%;display:block}.change-photo-label input[type=file]{display:none}.notice-compose{flex-direction:column;gap:20px;margin-top:14px;display:flex}.notice-caption-wrap{flex-direction:column;gap:6px;display:flex}.notice-caption{width:100%;font-family:var(--serif);color:var(--ink-soft);border:none;border-bottom:1px solid var(--ink-faint);caret-color:var(--ink);-webkit-appearance:none;background:0 0;border-radius:0;outline:none;padding:8px 0;font-size:16px;font-style:italic}.notice-caption::placeholder{color:var(--ink-faint)}.notice-caption:focus{border-bottom-color:var(--ink-soft)}.caption-remaining{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-faint);text-align:right;font-size:11px}.circle-switcher{gap:20px;margin-bottom:28px;display:flex}.circle-switcher-btn{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;color:var(--ink-faint);background:0 0;border:none;padding:0;font-size:10px}.circle-switcher-btn--active{color:var(--ink)}.notice-circle-picker{flex-direction:column;gap:10px;margin-top:4px;display:flex}.notice-circle-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.notice-circle-picker .circle-switcher{margin-bottom:0}.page--create-circle{padding-top:80px}.departure-note{cursor:pointer;flex-direction:column;gap:3px;margin-bottom:20px;display:flex}.departure-event{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:9px}.circle-menu-overlay{background:var(--paper);z-index:1000;-webkit-overflow-scrolling:touch;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.circle-menu-panel{flex-direction:column;width:min(92vw,430px);min-height:100dvh;padding:36px 0 96px;display:flex;position:relative}.circle-menu-close{font-family:var(--mono);color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1;position:absolute;top:36px;right:0}.circle-menu-content{flex-direction:column;display:flex}.circle-menu-circle-name{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ink);margin:0 0 36px;font-size:10px}.circle-menu-section{flex-direction:column;gap:22px;margin-bottom:48px;display:flex}.circle-menu-section--global{padding-top:8px}.circle-menu-action{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--ink-faint);text-align:left;background:0 0;border:none;width:fit-content;padding:0;font-size:10px}.circle-menu-action--warn{color:#7a2c2c}.circle-menu-action--faint,.circle-menu-action:disabled{opacity:.35;cursor:default}.circle-menu-back{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--ink-faint);text-align:left;background:0 0;border:none;width:fit-content;margin-top:36px;padding:0;font-size:10px}.circle-menu-prompt{font-family:var(--serif);color:var(--ink-soft);text-wrap:pretty;max-width:24ch;margin:0 0 32px;font-size:20px;font-style:italic;font-weight:300;line-height:1.4}.circle-menu-choice{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--ink-faint);text-align:left;background:0 0;border:none;width:fit-content;padding:0;font-size:10px}.circle-menu-choice--on{color:var(--ink)}.circle-menu-member{font-family:var(--serif);color:var(--ink-soft);margin:0;font-size:17px;font-style:italic;font-weight:300}.circle-menu-owner-dot{color:var(--ink-faint)}.circle-menu-form{flex-direction:column;display:flex}.circle-menu-input{font-family:var(--serif);color:var(--ink-soft);border:none;border-bottom:1px solid var(--ink-faint);-webkit-appearance:none;width:100%;caret-color:var(--ink);background:0 0;border-radius:0;outline:none;margin-bottom:28px;padding:8px 0;font-size:17px;font-style:italic}.circle-menu-input::placeholder{color:var(--ink-faint);font-style:italic}.circle-menu-input:focus{border-bottom-color:var(--ink-soft)}.circle-menu-row{gap:28px;display:flex}.circle-menu-reminders{flex-direction:column;gap:32px;margin-bottom:36px;display:flex}