:root{--bg:#fff;--text:#1a1a1a;--muted:#8a8a8a;--line:#e6e6e6;--error:#b3261e;--paper:#f6f5f2;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-wordmark:"IBM Plex Mono", ui-monospace, monospace;--gutter:16px}*{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overflow-x:clip}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea{font:inherit;color:inherit}input,textarea,select{font-size:max(16px,1em)}.page{max-width:1080px;padding:0 var(--gutter) 64px;margin:0 auto}.topbar{justify-content:space-between;align-items:baseline;padding:28px 0 40px;display:flex}.wordmark{font-family:var(--font-wordmark);letter-spacing:-.06em;margin:0;font-size:22px;font-weight:500;line-height:1}.label{margin:0 0 24px;font-size:15px;font-style:italic;font-weight:500}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.empty{padding:80px 0}.only-desktop,.landing-side .meta{display:none}.landing{max-width:420px;padding:56px var(--gutter);flex-direction:column;gap:36px;margin:0 auto;display:flex}.landing-main{flex-direction:column;gap:36px;display:flex}.landing{position:relative}.landing-login{top:28px;right:var(--gutter);position:absolute}.meta{font-family:var(--mono);letter-spacing:.04em;text-transform:lowercase;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;margin:0 0 40px;padding-bottom:10px;font-size:11px;display:flex}.wordmark-lg{font-size:64px}.tagline{color:var(--muted);margin:18px 0 0}.moments{grid-template-columns:repeat(3,1fr);gap:18px 10px;margin:0;padding:0;list-style:none;display:grid}.moments li:nth-child(n+4){display:none}.moments .num{text-align:center;font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:10px;display:block}.tile{aspect-ratio:4/3;position:relative;overflow:hidden}.tile.text{background:var(--paper);padding:8px}.tile.text p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:10.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.cta{flex-direction:column;gap:10px;display:flex}.cta .btn{margin-top:0}.scroll-cue{font-family:var(--mono);color:var(--muted);text-align:center;margin:40px 0 0;font-size:11px}.descriptor{margin:16px 0 0;font-size:16px}.story{margin-top:28px}.chapter{padding-top:64px}.chapter:first-child{padding-top:0}.end-cta{margin-top:72px}.chapter-num{font-family:var(--mono);color:var(--muted);margin:0 0 12px;font-size:12px}.chapter h2{letter-spacing:-.01em;margin:0 0 20px;font-size:18px;font-weight:500;line-height:1.4}.chapter h2:last-child{margin-bottom:0}.demo-compose{border:1px solid var(--line);max-width:420px;padding:16px}.compose-photo{aspect-ratio:4/3;width:96px;font-family:var(--mono);color:var(--muted);border:1px dashed #c9c9c9;place-items:center;font-size:10px;display:grid}.compose-text{margin:16px 0 24px;font-size:15px}.caret{vertical-align:-.15em;background:var(--text);width:1px;height:1.1em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.compose-foot{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);justify-content:space-between;padding-top:12px;font-size:11px;display:flex}.compose-foot span:last-child{color:var(--text)}.demo-sort{font-family:var(--mono);color:var(--muted);margin:0;font-size:12px}.demo-sort b{color:var(--text);font-weight:500}.demo-sort .pointer{margin-left:24px}.demo-sheet{align-items:stretch;gap:20px;max-width:420px;display:flex}.sheet-thumb{aspect-ratio:1;border:1px solid var(--line);width:112px;font-family:var(--mono);flex-direction:column;flex:none;gap:8px;padding:10px;font-size:8px;display:flex}.sheet-thumb i{background:radial-gradient(circle,#c9c4bc 34%,#0000 36%) 0 0/33.33% 33.33%;flex:1}.sheet-targets{font-family:var(--mono);flex-direction:column;flex:1;justify-content:center;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.sheet-targets li{border-bottom:1px solid var(--line);padding:7px 0}.sheet-targets li:last-child{color:var(--muted);border-bottom:0}.demo-recall{border-top:1px solid var(--text);max-width:420px;padding-top:14px}.recall-label{font-family:var(--mono);color:var(--muted);margin:0;font-size:11px}.recall-date{font-family:var(--mono);letter-spacing:-.04em;margin:6px 0 12px;font-size:34px;font-weight:500;line-height:1.2}.recall-text{margin:0}.recall-season{font-family:var(--mono);color:var(--muted);margin:20px 0 0;font-size:11px}.landing-footer{font-family:var(--mono);color:var(--muted);padding:56px 0 0;font-size:11px}.login-page{max-width:420px;padding:0 var(--gutter) 56px;margin:0 auto}.login-page .auth-form{padding-top:10vh}.switch{margin:24px 0 0}@media (width>=900px){.only-desktop{display:block}.landing-side .meta{display:flex}.only-mobile{display:none}.landing{grid-template-columns:1.15fr 1fr;grid-template-areas:"main side";column-gap:96px;max-width:1080px;padding:0 48px;display:grid}.landing-main{grid-area:main;display:block}.landing-side{flex-direction:column;grid-area:side;justify-content:center;align-self:start;max-width:360px;height:100vh;display:flex;position:sticky;top:0}.landing-side .auth-form{margin-top:40px}.hero{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.moments li:nth-child(n+4){display:block}.tile.text p{-webkit-line-clamp:4;font-size:11.5px}.wordmark-lg{font-size:80px}.story{margin-top:0}.chapter{padding-top:112px}.chapter:first-child{padding-top:120px}.chapter h2{font-size:22px}.recall-date{font-size:44px}.landing-footer{padding:140px 0 56px}}.stack{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field span{color:var(--muted);font-size:12px}.field input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:none;padding:8px 0}.field input:focus{border-bottom-color:var(--text)}.btn{text-align:center;border:1px solid var(--text);background:var(--text);color:var(--bg);cursor:pointer;margin-top:8px;padding:12px;display:block}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--text);border-color:var(--line);background:0 0}.link{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.error{color:var(--error);margin:0;font-size:13px}.notice{margin:0;font-size:13px}.home{padding-bottom:96px}.welcome{padding-bottom:64px}.welcome-title{font-family:var(--mono);letter-spacing:-.04em;margin:0;font-size:28px;font-weight:500}.welcome-question{color:var(--muted);margin:6px 0 28px}.welcome-compose{max-width:none;margin-bottom:48px;display:block}.welcome-compose .compose-text{display:block}.welcome-compose:hover{border-color:#bdbdbd}.moments>li,.archive-grid>li,.recall-strip>li{min-width:0}.cell{aspect-ratio:4/3;background:var(--paper);overflow:hidden}.cell img{object-fit:cover;width:100%;height:100%;display:block}.cell.text{padding:8px}.cell.text p{white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.toolbar{justify-content:space-between;margin:0 0 28px;display:flex}.toggle{font-family:var(--mono);color:var(--muted);font-size:12px}.toggle button{color:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.toggle button.on{color:var(--text);font-weight:500}.toggle-sep{padding:0 2px}.group-head{font-family:var(--mono);color:var(--muted);border-bottom:1px solid var(--line);margin:0 0 4px;padding-bottom:8px;font-size:11px;font-weight:400}.month+.month,.day+.day{margin-top:40px}.month .group-head{margin-bottom:14px}.archive-grid{--cell-min:96px;grid-template-columns:repeat(auto-fill, minmax(var(--cell-min), 1fr));gap:16px 10px;margin:0;padding:0;list-style:none;display:grid}.cell-date{text-align:center;font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:10px;display:block}@media (width>=640px){.archive-grid{--cell-min:160px}.cell.text p{-webkit-line-clamp:5;font-size:12.5px}}@container pane (width>=0){.archive-grid{grid-template-columns:minmax(0,1fr);gap:28px 16px}.archive-grid .cell.text p{-webkit-line-clamp:8;font-size:15px}}@container pane (width>=356px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.archive-grid .cell.text p{-webkit-line-clamp:5;font-size:13px}}@container pane (width>=542px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container pane (width>=728px){.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.entry-list{margin:0;padding:0;list-style:none}.entry-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.entry-thumb{aspect-ratio:4/3;background:var(--paper);flex:none;width:84px;overflow:hidden}.entry-thumb img{object-fit:cover;width:100%;height:100%;display:block}.entry-text{min-width:0}.entry-time{font-family:var(--mono);color:var(--muted);margin:0 0 2px;font-size:11px}.entry-body{white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.fab{right:max(var(--gutter), env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));background:var(--text);color:var(--bg);font-family:var(--mono);padding:12px 20px;font-size:13px;position:fixed}@media (width>=900px){.home{flex-direction:column;padding-bottom:48px;display:flex}.fab{align-self:flex-end;margin-top:40px;position:sticky;bottom:24px;right:auto}}.divider,.brand-pane{display:none}@media (width>=900px){.shell{grid-template-columns:clamp(300px, var(--split,62%), calc(100% - 321px)) 1px minmax(0, 1fr);height:100dvh;display:grid}.shell>.page{min-width:0;max-width:none;margin:0;padding:40px 40px 0;overflow-y:auto;container:pane/inline-size}.shell>.page>.topbar{display:none}.divider{background:var(--line);cursor:col-resize;touch-action:none;display:block;position:relative}.divider:before{content:"";position:absolute;inset:0 -6px}.divider-handle{background:var(--bg);border:1px solid var(--line);width:18px;height:44px;font-family:var(--mono);color:var(--muted);place-items:center;font-size:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.divider:hover .divider-handle,.divider:focus-visible .divider-handle{border-color:var(--text);color:var(--text)}.divider:focus-visible{background:var(--text);outline:none}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.brand-pane{flex-direction:column;min-width:0;padding:40px 48px;display:flex;container:brand/inline-size}.brand-top{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:baseline;padding-bottom:10px;font-size:11px;display:flex}.brand-top .nav{font-family:var(--font);color:var(--text)}.brand{margin-top:auto;padding-bottom:32px}.brand-wordmark{font-family:var(--font-wordmark);letter-spacing:-.06em;font-size:clamp(48px,24cqi,128px);font-weight:500;line-height:.9;display:block}.brand-message{color:var(--muted);margin:20px 0 0;font-size:18px}.shell .pick-bar{margin:auto -40px 0;padding:12px 40px;position:sticky}.shell .share-pick{flex-direction:column;min-height:calc(100dvh - 40px);padding-bottom:0;display:flex}.shell .share-pick .archive-grid{margin-bottom:24px}}.narrow{max-width:560px;margin:0 auto}.editor{flex-direction:column;gap:24px;display:flex}.photo-pick{aspect-ratio:4/3;width:100%;max-height:280px;font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #c9c9c9;font-size:12px}.photo-preview img{object-fit:contain;background:var(--paper);width:100%;max-height:70vh;display:block}.photo-actions{justify-content:flex-end;gap:16px;margin-top:8px;font-size:13px;display:flex}.body-input{border:0;border-bottom:1px solid var(--line);resize:vertical;field-sizing:content;background:0 0;outline:none;min-height:140px;padding:0 0 12px;line-height:1.7}.body-input:focus{border-bottom-color:var(--text)}.editor-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}.editor-actions .btn{margin-top:0}.detail-date{font-family:var(--mono);color:var(--muted);margin:0 0 16px;font-size:11px}.detail-photo{background:var(--paper);min-height:120px;margin-bottom:20px}.detail-photo img{width:100%;display:block}.detail-body{white-space:pre-wrap;margin:0;line-height:1.75}.detail-actions{border-top:1px solid var(--line);justify-content:space-between;margin-top:40px;padding-top:14px;font-size:13px;display:flex}.detail-actions span{gap:16px;display:flex}.link-plain{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.reminder{border-top:1px solid var(--text);max-width:560px;margin-bottom:48px;padding-top:14px}.reminder-top{justify-content:space-between;align-items:baseline;display:flex}.reminder .recall-date{margin-bottom:14px}.recall-entry{align-items:flex-start;gap:14px;display:flex}.recall-thumb{flex:none;width:132px}.recall-body{-webkit-line-clamp:3;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recall-more{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:11px;display:block}.recall-strip{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.recall-strip .cell.text p{-webkit-line-clamp:3;font-size:9.5px}.nav{gap:20px;display:flex}.share-pick{padding-bottom:96px}.share-hint{font-family:var(--mono);color:var(--muted);margin:0 0 20px;font-size:12px}.pick-cell{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.pick-cell .cell{outline-offset:2px;outline:2px solid #0000}.pick-cell.on .cell{outline-color:var(--text)}.pick-badge{font-family:var(--mono);color:var(--text);background:#ffffffe0;place-items:center;font-size:15px;font-weight:500;display:grid;position:absolute;inset:0}.pick-bar{padding:12px max(var(--gutter), calc((100vw - 1080px) / 2 + var(--gutter))) max(12px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);font-family:var(--mono);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.pick-bar .btn{font-family:var(--font);margin:0;padding:10px 28px;font-size:14px}.pick-notice{color:var(--error)}.share-compose{flex-direction:column;gap:24px;padding-bottom:48px;display:flex}.share-compose>.link-plain{align-self:flex-start}.share-preview{border:1px solid var(--line);aspect-ratio:4/5;align-self:center;place-items:center;width:min(100%,50vh);display:grid}.share-preview img{width:100%;height:100%;display:block}.share-actions{flex-direction:column;gap:10px;display:flex}.share-actions .btn{margin:0}.info{grid-template-columns:80px 1fr;gap:12px 16px;max-width:420px;margin:0 0 40px;display:grid}.info dt{color:var(--muted);font-size:13px}.info dd{word-break:break-all;margin:0}main>.btn.ghost{min-width:120px}.version{font-family:var(--mono);color:var(--muted);margin-top:48px;font-size:11px}