:root{--bg: #111212;--fg: #e9e9f3;--fg-90: rgba(233, 233, 243, .9);--fg-68: rgba(233, 233, 243, .68);--fg-60: rgba(233, 233, 243, .6);--fg-51: rgba(233, 233, 243, .51);--fg-49: rgba(233, 233, 243, .49);--hairline: rgba(255, 255, 255, .1);--chip-fg: rgba(184, 184, 198, .51);--row-hover-bg: #19191a;--who-blue-bg: rgba(99, 154, 221, .14);--who-blue-fg: #639add;--who-amber-bg: #231e19;--who-amber-fg: #dda063;--tab-fg: #c9c9db;--tab-active-bg: #1a1a1c;--pager-fg: #858596;--pager-active-fg: #dbdbef;--pager-active-bg: #212124;--content-max: 1200px;--gutter: 24px;--week-chip-w: 60px;--pad: max(var(--gutter), calc((min(100vw, 1920px) - var(--content-max)) / 2));color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,Segoe UI,Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.page{min-height:100%;max-width:1920px;margin:0 auto;padding-bottom:clamp(60px,6.3vw,120px);overflow-x:hidden;overflow-x:clip}.header{padding-top:54px}.header-inner{display:flex;align-items:center;padding:0 var(--pad);gap:24px}.brand{flex:none;font-weight:700;font-size:20px;letter-spacing:-.03em;line-height:1;white-space:nowrap}.tabs{flex:1;min-width:0;display:flex;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border:none;border-radius:12px;background:transparent;font:inherit;font-weight:500;font-size:20px;letter-spacing:-.03em;line-height:1;color:var(--tab-fg);cursor:pointer;white-space:nowrap}.tab:hover{background:#ffffff0a}.tab.is-active{background:var(--tab-active-bg)}@media(min-width:1600px){.header-inner{padding-left:0;gap:0}.brand{width:var(--pad);text-align:center}}main{display:block}.section{padding-top:clamp(40px,3.6vw,69px)}.section-past{padding-top:clamp(64px,7.9vw,152px)}.section-title{margin:0;padding:0 var(--pad);font-weight:400;font-size:22px;letter-spacing:-.03em;line-height:1;color:var(--fg-68)}.period{margin:0;padding:0 var(--pad);font-weight:400;font-size:20px;letter-spacing:-.03em;line-height:1;color:var(--fg-68)}.feature{margin-top:24px;display:grid;grid-template-columns:1fr;column-gap:24px;row-gap:clamp(20px,2.8vw,53px)}.feature-col{min-width:0;display:flex;flex-direction:column;gap:clamp(20px,2.8vw,53px)}a.feature-col{text-decoration:none;color:inherit}.media{margin:0;width:100%;aspect-ratio:948 / 402;overflow:hidden;border-radius:10px;background:#fff}.media img{width:100%;height:100%;object-fit:cover;display:block}.media-empty{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1e,#232329)}.entry{width:100%;padding:0 var(--pad);display:flex;flex-direction:column;gap:12px}.entry-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.entry-title{margin:0;font-weight:600;font-size:32px;letter-spacing:-.03em;line-height:1;color:var(--fg-90)}.entry-body{margin:0;font-size:16px;line-height:1.6;letter-spacing:-.03em;color:var(--fg-49);word-break:keep-all}@media(hover:hover){.feature-col{transition:transform .25s ease;will-change:transform}.feature-col:hover{position:relative;z-index:1;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.feature-col{transition:none}.feature-col:hover{transform:none}}@media(min-width:1101px){.feature{grid-template-columns:repeat(2,1fr)}.media-left{border-radius:0 10px 10px 0}.media-right{border-radius:10px 0 0 10px}.entry{padding:0;width:calc(100% - var(--pad))}.entry-left{margin-left:auto;padding-right:77px}.entry-right{margin-right:auto}}.rule{margin:15px var(--pad) 0;border:none;border-top:1px solid var(--hairline)}.week-list{padding:clamp(20px,1.7vw,32px) var(--pad) 0;display:flex;flex-direction:column;gap:12px}.week{display:flex;align-items:flex-start}.week-no{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--week-chip-w);height:56px;padding:8px 16px;border-radius:12px 0 0 12px;background:transparent;color:var(--chip-fg);font-weight:600;font-size:20px;letter-spacing:-.03em;line-height:1;transition:background-color .15s ease}.week-rows{flex:1;min-width:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:10px 12px;border-radius:12px;background:transparent;transition:background-color .15s ease}.row:hover{background:var(--row-hover-bg)}.week-rows .row:first-child{border-radius:0 12px 12px 0}.week-rows .row:not(:first-child){margin-left:calc(-1 * var(--week-chip-w));padding-left:calc(var(--week-chip-w) + 12px)}.week:has(.week-rows .row:first-child:hover) .week-no,.week:has(.week-rows .row:first-child:focus-within) .week-no{background:var(--row-hover-bg)}.row-title{min-width:0;font-weight:600;font-size:20px;letter-spacing:-.03em;color:var(--fg-90);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{flex:none;display:flex;align-items:center;gap:20px}.row-period{font-weight:300;font-size:20px;letter-spacing:-.03em;color:var(--fg-51);white-space:nowrap;opacity:0;transition:opacity .15s ease}.row:hover .row-period,.row:focus-within .row-period{opacity:1}@media(hover:none){.row-period{opacity:1}}.who{display:inline-flex;align-items:center;padding:8px;border-radius:6px;font-weight:500;font-size:20px;letter-spacing:-.03em;line-height:1;white-space:nowrap}.who-blue{background:var(--who-blue-bg);color:var(--who-blue-fg)}.who-amber{background:var(--who-amber-bg);color:var(--who-amber-fg)}.past-empty{color:var(--fg-51);padding:20px 0;margin:0}.pager{margin-top:clamp(32px,3.2vw,62px);display:flex;align-items:center;justify-content:center;gap:12px}.pager-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:50%;background:transparent;font:inherit;font-weight:500;font-size:18px;letter-spacing:-.03em;line-height:1;color:var(--pager-fg);cursor:pointer}.pager-btn svg{width:20px;height:20px;display:block}.pager-btn:hover:not(:disabled){background:#ffffff0a}.pager-btn:disabled{opacity:.35;cursor:default}.pager-num.is-active{background:var(--pager-active-bg);color:var(--pager-active-fg)}.offline-note{position:fixed;left:16px;bottom:16px;z-index:10;margin:0;padding:8px 14px;border:1px solid var(--hairline);border-radius:999px;background:#19191beb;color:var(--fg-60);font-size:12px;letter-spacing:-.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.push{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.push-btn{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);background:transparent;color:var(--tab-fg);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.03em;cursor:pointer;transition:background .15s ease,color .15s ease}.push-btn:hover:not(:disabled){background:var(--tab-active-bg);color:var(--fg)}.push-btn.is-on{background:var(--tab-active-bg);color:var(--fg)}.push-btn:disabled{opacity:.5;cursor:default}.push-hint{font-size:12px;font-weight:400;letter-spacing:-.03em;color:var(--fg-51);line-height:1.5}.push-hint b{font-weight:700;color:var(--fg-73)}@media(max-width:900px){.push{padding:0 var(--pad)}}@media(max-width:900px){.tab{font-size:16px}.section-title{font-size:18px}.period{font-size:16px}.entry-title{font-size:24px}.entry-body{font-size:15px}:root{--week-chip-w: 44px}.week-no{height:48px;padding:8px 10px;font-size:16px}.row-title{font-size:16px}.row-period,.who{font-size:15px}.pager-btn{font-size:16px}.header{padding-top:28px}.header-inner{flex-direction:column;align-items:stretch;gap:16px}.tabs{gap:8px}.tab{padding:12px 16px}.row{gap:12px;padding:10px 8px}.row-period{display:none}}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.gate-box{width:min(360px,100%);display:flex;flex-direction:column;gap:12px}.gate-title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.03em}.gate-desc{margin:0 0 6px;font-size:14px;line-height:1.5;color:var(--fg-51);word-break:keep-all}.gate-input,.gate-submit,.gate-back{width:100%;height:46px;border-radius:10px;font-size:15px;font-family:inherit}.gate-input{padding:0 14px;border:1px solid var(--hairline);background:var(--chip-bg);color:var(--fg)}.gate-input:focus{outline:none;border-color:var(--fg-49)}.gate-submit{border:none;background:var(--fg);color:var(--bg);font-weight:600;cursor:pointer}.gate-submit:disabled{opacity:.4;cursor:default}.gate-back{height:38px;border:none;background:none;color:var(--fg-51);cursor:pointer}.gate-error{margin:0;font-size:13px;color:#ff8a8a}.write-page{min-height:100dvh;padding-bottom:120px}.write-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(20px,5vw,48px);background:#0d0d0edb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}.write-back{border:none;background:none;color:var(--fg-60);font-family:inherit;font-size:15px;cursor:pointer;padding:6px 2px}.write-actions{display:flex;align-items:center;gap:12px}.write-hint,.write-notice{font-size:13px;color:var(--fg-51)}.write-notice{color:#7fd4a0}.write-save{height:36px;padding:0 18px;border:none;border-radius:8px;background:var(--fg);color:var(--bg);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.write-save:disabled{opacity:.4;cursor:default}.write-main{max-width:760px;margin:0 auto;padding:32px clamp(20px,5vw,24px) 0}.write-error{margin:0 0 16px;padding:10px 14px;border-radius:8px;background:#ff6e6e1f;color:#ff9c9c;font-size:14px}.write-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:26px}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.chip{height:30px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:var(--chip-bg);color:var(--chip-fg);font-family:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.chip.is-active{background:var(--fg);color:var(--bg);font-weight:600}.write-title{width:100%;border:none;background:none;color:var(--fg);font-family:inherit;font-weight:700;font-size:clamp(28px,3.4vw,38px);letter-spacing:-.035em;line-height:1.25;padding:0 0 12px}.write-title::placeholder{color:#e9e9f338}.write-title:focus{outline:none}.editor{margin-top:4px}.editor-surface{min-height:46vh;outline:none;font-size:16px;line-height:1.75;letter-spacing:-.02em;color:var(--fg-90);word-break:keep-all}.editor-surface p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:#e9e9f33d}.write-list{margin-top:64px;padding-top:26px;border-top:1px solid var(--hairline)}.write-list-title{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--fg-60)}.write-list-empty{margin:0;font-size:14px;color:var(--fg-49)}.write-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.write-row{display:flex;align-items:center;gap:8px;border-radius:10px;padding:4px}.write-row.is-editing{background:var(--chip-bg)}.write-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;border:none;border-radius:8px;background:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer}.write-row-main:hover{background:#ffffff0a}.write-row-title{font-size:15px;font-weight:600;color:var(--fg-90);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.write-row-sub{font-size:13px;color:var(--fg-49);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.write-row-delete{flex:none;border:none;background:none;color:var(--fg-51);font-family:inherit;font-size:13px;padding:8px 10px;border-radius:8px;cursor:pointer}.write-row-delete:hover{color:#ff9c9c}.write-new{margin-top:14px;border:none;background:none;color:var(--fg-60);font-family:inherit;font-size:14px;padding:8px 0;cursor:pointer}.prose,.editor-surface{--prose-gap: .9em}.prose>:first-child,.editor-surface>:first-child{margin-top:0}.prose>:last-child,.editor-surface>:last-child{margin-bottom:0}.prose p,.editor-surface p{margin:0 0 var(--prose-gap)}.prose h1,.editor-surface h1,.prose h2,.editor-surface h2,.prose h3,.editor-surface h3{margin:1.6em 0 .5em;font-weight:700;letter-spacing:-.03em;line-height:1.3;color:var(--fg)}.prose h1,.editor-surface h1{font-size:1.7em}.prose h2,.editor-surface h2{font-size:1.35em}.prose h3,.editor-surface h3{font-size:1.12em}.prose ul,.editor-surface ul,.prose ol,.editor-surface ol{margin:0 0 var(--prose-gap);padding-left:1.3em}.prose li,.editor-surface li{margin:.25em 0}.prose li>p,.editor-surface li>p{margin:0}.prose blockquote,.editor-surface blockquote{margin:0 0 var(--prose-gap);padding-left:1em;border-left:3px solid var(--hairline);color:var(--fg-60)}.prose code,.editor-surface code{padding:.12em .36em;border-radius:4px;background:#ffffff14;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.prose pre,.editor-surface pre{margin:0 0 var(--prose-gap);padding:14px 16px;border-radius:10px;background:#16161a;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;line-height:1.6}.prose pre code,.editor-surface pre code{padding:0;background:none;font-size:inherit}.prose hr,.editor-surface hr{margin:1.6em 0;border:none;border-top:1px solid var(--hairline)}.prose a,.editor-surface a{color:inherit;text-decoration:underline;text-underline-offset:2px}.prose img,.editor-surface img,.editor-image{display:block;max-width:100%;height:auto;margin:1.2em 0;border-radius:10px}.editor-surface img.ProseMirror-selectednode{outline:2px solid var(--fg-60);outline-offset:2px}.prose ul[data-type=taskList],.editor-surface ul[data-type=taskList]{list-style:none;padding-left:0}.prose ul[data-type=taskList] li,.editor-surface ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.prose ul[data-type=taskList] li>label,.editor-surface ul[data-type=taskList] li>label{flex:none;margin-top:.3em;-webkit-user-select:none;user-select:none;line-height:1}.prose ul[data-type=taskList] input[type=checkbox],.editor-surface ul[data-type=taskList] input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1.5px solid var(--fg-49);border-radius:4px;background:transparent;cursor:pointer;display:block;position:relative}.prose ul[data-type=taskList] input[type=checkbox]:checked,.editor-surface ul[data-type=taskList] input[type=checkbox]:checked{background:var(--fg);border-color:var(--fg)}.prose ul[data-type=taskList] input[type=checkbox]:checked:after,.editor-surface ul[data-type=taskList] input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:1px;width:4px;height:8px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.prose ul[data-type=taskList] li[data-checked=true]>div,.editor-surface ul[data-type=taskList] li[data-checked=true]>div{color:var(--fg-49);text-decoration:line-through}.prose ul[data-type=taskList] li>div,.editor-surface ul[data-type=taskList] li>div{flex:1;min-width:0}.entry-body.prose{color:var(--fg-49)}.entry-body.prose h1,.entry-body.prose h2,.entry-body.prose h3{color:var(--fg-90)}@media(max-width:720px){.write-main{padding-top:24px}.editor-surface{min-height:40vh}}.route-loading{min-height:100dvh;display:grid;place-items:center;font-size:14px;color:var(--fg-51)}.card-grid{margin-top:24px;padding:0 var(--pad);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--col-gap) 24px}.card{display:block;color:inherit;text-decoration:none;border-radius:12px;transition:transform .16s ease,opacity .16s ease}.card:not(.is-empty):hover{transform:translateY(-3px)}.card:not(.is-empty):active{transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--fg-60);outline-offset:6px}.card.is-empty{cursor:default}.card .media{border-radius:10px;background:#16161a}.card-text{margin-top:16px}.card-excerpt{margin:10px 0 0;font-size:clamp(14px,.83vw,16px);line-height:1.6;letter-spacing:-.03em;color:var(--fg-49);word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:720px){.card-grid{grid-template-columns:1fr;gap:34px}}.post-page{min-height:100dvh;padding-bottom:120px}.post-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(20px,5vw,48px);background:#0d0d0edb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}.post-back{border:none;background:none;color:var(--fg-60);font-family:inherit;font-size:15px;cursor:pointer;padding:6px 2px}.post-edit{height:32px;display:inline-flex;align-items:center;padding:0 14px;border-radius:8px;background:var(--chip-bg);color:var(--chip-fg);font-size:13px;text-decoration:none}.post-edit:hover{background:#222226}.post-main{max-width:760px;margin:0 auto;padding:40px clamp(20px,5vw,24px) 0}.post-meta{margin:0 0 10px;display:flex;align-items:center;gap:7px;font-size:clamp(14px,1vw,16px);letter-spacing:-.03em;color:var(--fg-60)}.post-dot{opacity:.45}.post-title{margin:0 0 32px;font-weight:700;font-size:clamp(28px,3.2vw,40px);letter-spacing:-.035em;line-height:1.25;color:var(--fg);word-break:keep-all}.post-body{font-size:clamp(15px,.95vw,17px);line-height:1.8;color:var(--fg-73)}.post-body h1,.post-body h2,.post-body h3{color:var(--fg)}.post-loading,.post-missing{margin:40px 0;font-size:15px;color:var(--fg-51)}.post-missing p{margin:0 0 14px}.post-home{color:var(--fg-90);text-decoration:underline;text-underline-offset:3px}@media(max-width:720px){.post-main{padding-top:28px}.post-title{margin-bottom:24px}}.write-loading{margin:40px 0;font-size:15px;color:var(--fg-51)}