:root{color:#211e1c;font-synthesis:none;--paper:#f1ede4;--ink:#211e1c;--wine:#681f2b;--line:#c9c1b5;background:#f1ede4;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button,a{color:inherit}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;padding:23px clamp(22px,5vw,76px);display:flex}.wordmark{letter-spacing:-1px;font:500 22px/1 Georgia,serif;text-decoration:none}.wordmark i{font-weight:400}.header-note,.gate-index,.gate-foot{letter-spacing:.18em;text-align:right;font-size:9px;line-height:1.5}.hero{min-height:590px;padding:100px clamp(22px,8vw,130px) 110px;position:relative}.hero:after{content:"22";color:#46342d0b;pointer-events:none;font:400 clamp(180px,28vw,400px)/.8 Georgia,serif;position:absolute;bottom:-45px;right:5vw}.eyebrow{letter-spacing:.22em;color:var(--wine);font-size:10px;font-weight:600}.hero h1,.gate h1{letter-spacing:-.07em;margin:27px 0 36px;font:400 clamp(56px,8.5vw,126px)/1.02 Noto Serif KR,Georgia,serif}.hero h1 em,.gate h1 em{color:var(--wine);font-style:normal}.hero>p{margin-left:min(32vw,430px);font:300 15px/1.9 Noto Sans KR}.calendar-section{background:#e9e3d8;padding:100px clamp(22px,7vw,110px)}.section-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;padding-bottom:25px;display:flex}.section-head span{letter-spacing:.18em;color:var(--wine);font-size:9px}.section-head h2{margin:10px 0 0;font:400 38px/1.2 Noto Serif KR,serif}.section-head>p{letter-spacing:.08em;color:#716a63;font-size:10px}.section-head i{width:7px;height:7px;margin:0 7px 0 16px;display:inline-block}.key-open{background:var(--wine)}.key-locked{border:1px solid #8f8880}.months{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);padding-top:60px;display:grid}.month h3{justify-content:space-between;align-items:baseline;margin:0 0 25px;display:flex}.month h3 b{font:italic 400 25px Georgia,serif}.month h3 span{letter-spacing:.15em;font-size:9px}.weekdays,.days{grid-template-columns:repeat(7,1fr);display:grid}.weekdays{border-bottom:1px solid var(--line);padding-bottom:12px}.weekdays span{text-align:center;color:#827a72;font-size:9px}.days{grid-auto-rows:minmax(58px,1fr)}.day{justify-content:center;align-items:center;font:400 12px Georgia,serif;display:flex;position:relative}.day.outside{color:#b2aaa1}.day.letter-day{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d3ccc1}.day.letter-day:focus-visible{outline:2px solid var(--wine);outline-offset:-3px}.day.letter-day i{color:var(--wine);font:8px sans-serif;position:absolute;bottom:7px;right:8px}.day.letter-day.open:hover,.day.letter-day.selected{background:var(--wine);color:#f7f2e9}.day.letter-day.open:hover i,.day.letter-day.selected i{color:#f7f2e9}.day.locked{color:#9d968f;cursor:not-allowed}.lock-mark{border:1px solid #9d968f;width:4px;height:4px}.day.today:after{content:"";border:1px solid var(--wine);position:absolute;inset:6px}.progress-wrap{border-bottom:1px solid var(--line);grid-template-columns:240px 1fr;align-items:end;gap:45px;padding:55px clamp(22px,7vw,110px);display:grid}.progress-wrap>div:first-child{justify-content:space-between;align-items:flex-end;display:flex}.progress-wrap span{letter-spacing:.15em;font-size:9px}.progress-wrap strong{color:var(--wine);font:400 28px Georgia,serif}.progress-wrap small{color:#847d75;font-size:12px}.progress-track{background:#bdb4aa;height:1px}.progress-track span{background:var(--wine);height:3px;margin-top:-1px;transition:width .8s;display:block}.letter-view{padding:120px clamp(22px,7vw,110px)}.letter-view>header{text-align:center;margin-bottom:90px}.letter-view>header span{letter-spacing:.2em;color:var(--wine);font-size:9px}.letter-view>header p{margin:15px;font-size:11px}.letter-view h2{letter-spacing:-.06em;margin:25px;font:400 clamp(42px,6vw,80px)/1.2 Noto Serif KR,serif}.editorial-grid{grid-template-rows:auto auto;grid-template-columns:1.2fr .75fr;gap:clamp(35px,7vw,100px);display:grid}figure{margin:0}figure img{object-fit:cover;filter:saturate(.72)contrast(.96);width:100%;display:block}figcaption{letter-spacing:.17em;margin-top:12px;font-size:8px}.photo-one{grid-row:1/3}.photo-one img{aspect-ratio:4/5}.photo-two{max-width:380px}.photo-two img{aspect-ratio:5/4}.letter-copy{max-width:500px;padding-top:5vw}.letter-copy>span{letter-spacing:.15em;color:var(--wine);font:italic 13px Georgia,serif}.letter-copy>p{margin:28px 0;font:300 16px/2.1 Noto Serif KR,serif}.letter-copy .signoff{margin-top:60px;font-size:13px}.signoff em{color:var(--wine);font:italic 24px Georgia,serif}.waiting{text-align:center;padding:150px 20px}.waiting span{letter-spacing:.2em;color:var(--wine);font-size:9px}.waiting h2{margin:25px;font:400 36px Noto Serif KR}.waiting p{color:#716b65;font-size:13px}footer{border-top:1px solid var(--line);letter-spacing:.18em;justify-content:space-between;align-items:center;padding:40px clamp(22px,5vw,76px);font-size:8px;display:flex}footer p{letter-spacing:.05em;font:300 11px Noto Serif KR}.gate{grid-template-rows:auto 1fr auto;min-height:100svh;padding:38px clamp(24px,6vw,80px);display:grid;position:relative;overflow:hidden}.gate:after{content:"L";color:#4a2c270b;pointer-events:none;font:400 min(80vw,900px)/1 Georgia,serif;position:absolute;bottom:-.25em;right:-.03em}.gate-index{text-align:left;justify-content:space-between;max-width:270px;display:flex}.gate-rule{background:var(--line);width:calc(100% - clamp(48px,12vw,160px));height:1px;position:absolute;top:72px;left:clamp(24px,6vw,80px)}.gate section{z-index:1;align-self:center;margin-left:clamp(0px,9vw,150px);position:relative}.gate h1{margin:22px 0 30px;font-size:clamp(52px,8vw,112px)}.gate-copy{margin-left:min(31vw,430px);font:300 13px/1.9 Noto Sans KR}.gate form{max-width:430px;margin:60px 0 0 min(31vw,430px)}.gate label{letter-spacing:.2em;font-size:9px}.input-line{border-bottom:1px solid var(--ink);margin-top:12px;display:flex}.input-line input{letter-spacing:.45em;background:0 0;border:0;outline:0;width:100%;padding:10px 3px;font:26px Georgia,serif}.input-line button{letter-spacing:.18em;cursor:pointer;background:0 0;border:0;font:10px Georgia,serif}.input-line button span{color:var(--wine);font-size:14px}.input-line:focus-within{border-bottom-color:var(--wine);border-bottom-width:2px}.input-line.is-error{border-bottom-color:#9e2637}.gate-error{color:#8b2735;font-size:10px}.gate-foot{text-align:left;align-self:end}.gate input:focus-visible,.gate button:focus-visible{outline:2px solid var(--wine);outline-offset:3px}@media (width<=750px){.site-header{height:76px}.hero{min-height:510px;padding-top:75px}.hero>p{margin:40px 0 0}.months{grid-template-columns:1fr}.section-head>p{display:none}.calendar-section{padding-top:75px}.progress-wrap{grid-template-columns:1fr;gap:25px}.editorial-grid{flex-direction:column;display:flex}.photo-one{width:92%}.letter-copy{padding:30px 4px}.photo-two{align-self:flex-end;width:72%}.letter-view{padding-top:90px}.letter-view>header{margin-bottom:55px}footer p{display:none}.gate section,.gate-copy,.gate form{margin-left:0}.gate form{margin-top:50px}.gate h1{margin-top:20px}.gate:after{font-size:110vw}.days{grid-auto-rows:55px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.header-actions{align-items:center;gap:22px;display:flex}.header-actions button{border:0;border-bottom:1px solid var(--ink);letter-spacing:.12em;cursor:pointer;background:0 0;padding:5px 0;font-size:9px}.header-actions button:focus-visible,.edit-letter-button:focus-visible,.letter-editor button:focus-visible,.letter-editor input:focus-visible,.letter-editor textarea:focus-visible{outline:2px solid var(--wine);outline-offset:3px}.admin-label{background:var(--wine);color:var(--paper);letter-spacing:.16em;padding:6px 9px;font-size:8px}.admin-bar{background:var(--wine);color:#f5eee4;align-items:center;gap:24px;min-height:54px;padding:13px clamp(22px,5vw,76px);display:flex}.admin-bar strong{letter-spacing:.13em;font:500 10px/1 Noto Sans KR,sans-serif}.admin-bar p{color:#e4d5d2;margin:0;font:300 11px/1.6 Noto Sans KR,sans-serif}.edit-letter-button{border:0;border-bottom:1px solid var(--wine);color:var(--wine);letter-spacing:.08em;cursor:pointer;background:0 0;padding:8px 2px;font-size:10px}.edit-letter-button span{margin-left:8px}.letter-editor{border:1px solid var(--ink);background:var(--paper);width:min(760px,100% - 32px);max-height:calc(100svh - 32px);color:var(--ink);padding:0;box-shadow:0 24px 80px #211e1c40}.letter-editor::backdrop{background:#191614b8}.letter-editor .editor-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.editor-topline span{letter-spacing:.18em;color:var(--wine);font-size:8px}.editor-topline button{cursor:pointer;background:0 0;border:0;font-size:10px}.letter-editor>header{padding:35px 42px 20px}.letter-editor>header p{color:#736c65;margin:0 0 10px;font-size:10px}.letter-editor h2{margin:0;font:400 32px/1.3 Noto Serif KR,Georgia,serif}.letter-editor form{padding:10px 42px 40px}.letter-editor form>label,.letter-editor fieldset label{letter-spacing:.08em;gap:9px;margin:22px 0;font-size:10px;font-weight:500;display:grid}.letter-editor input,.letter-editor textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#f7f3eb;border-radius:0;padding:12px;font:400 14px/1.7 Noto Sans KR,sans-serif}.letter-editor textarea{resize:vertical;min-height:220px}.letter-editor small{color:#79716a;letter-spacing:0;font-size:9px;font-weight:400;line-height:1.6}.letter-editor fieldset{border:0;border-top:1px solid var(--line);margin:32px 0 0;padding:25px 0 0}.letter-editor legend{letter-spacing:.08em;padding:0 16px 0 0;font:500 10px Noto Sans KR,sans-serif}.photo-fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.photo-fields img{aspect-ratio:16/8;object-fit:cover;filter:saturate(.7);width:100%}.photo-fields label{margin-bottom:8px!important}.letter-editor code{font-size:9px}.editor-storage-note{color:#635d57;background:#e7e0d5;margin:28px 0 0;padding:12px 14px;font-size:10px}.editor-error{color:#8b2735;margin:10px 0;font-size:10px}.editor-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;margin-top:30px;padding-top:22px;display:flex}.editor-actions button{cursor:pointer;border-radius:0;padding:11px 16px;font-size:10px}.text-button{color:var(--wine);background:0 0;border:0;margin-right:auto;padding-left:0!important}.secondary-button{border:1px solid var(--ink);background:0 0}.primary-button{border:1px solid var(--wine);background:var(--wine);color:#fff8ee}@media (width<=750px){.header-actions{gap:12px}.header-actions .header-note{display:none}.admin-label{font-size:7px}.admin-bar{flex-direction:column;align-items:flex-start;gap:9px}.letter-editor>header,.letter-editor form{padding-left:20px;padding-right:20px}.photo-fields{grid-template-columns:1fr}.editor-actions{flex-wrap:wrap}.text-button{text-align:left;width:100%;margin-bottom:5px}.letter-editor textarea{min-height:190px}}.app-loading{text-align:center;place-content:center;gap:14px;min-height:100svh;display:grid}.app-loading span{color:var(--wine);letter-spacing:.08em;font:italic 22px Georgia,serif}.app-loading p{color:#777068;letter-spacing:.08em;margin:0;font-size:11px}.retry-button{border:1px solid var(--wine);color:var(--wine);cursor:pointer;background:0 0;margin-top:20px;padding:10px 16px;font-size:10px}.retry-button:focus-visible{outline:2px solid var(--wine);outline-offset:3px}.letter-editor button:disabled,.letter-editor input:disabled,.letter-editor textarea:disabled,.gate button:disabled,.gate input:disabled{cursor:wait;opacity:.6}