:root{--ground: oklch(1 0 0);--surface: oklch(1 0 0);--surface-sunken: oklch(.966 .003 255);--surface-hover: oklch(.96 .003 255);--line: oklch(.908 .004 255);--line-strong: oklch(.83 .006 255);--ink: oklch(.22 .01 255);--ink-muted: oklch(.5 .008 255);--ink-faint: oklch(.66 .006 255);--accent: oklch(.22 .01 255);--accent-contrast: oklch(1 0 0);--danger: oklch(.55 .15 25);--good: oklch(.6 .13 155);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--r-sm: 8px;--r: 12px;--r-lg: 16px;--shadow-sm: 0 1px 2px oklch(.2 .02 255 / .05), 0 1px 3px oklch(.2 .02 255 / .04);--shadow: 0 4px 14px oklch(.2 .02 255 / .07), 0 18px 44px oklch(.2 .02 255 / .1);--shadow-lift: 0 8px 24px oklch(.2 .02 255 / .1), 0 30px 60px oklch(.2 .02 255 / .14);color-scheme:light}:root[data-theme=dark]{--ground: oklch(.16 .006 255);--surface: oklch(.205 .006 255);--surface-sunken: oklch(.185 .006 255);--surface-hover: oklch(.25 .007 255);--line: oklch(.3 .008 255);--line-strong: oklch(.42 .01 255);--ink: oklch(.95 .004 255);--ink-muted: oklch(.68 .008 255);--ink-faint: oklch(.5 .008 255);--accent: oklch(.95 .004 255);--accent-contrast: oklch(.18 .006 255);--danger: oklch(.7 .14 25);--good: oklch(.72 .15 155);--shadow-sm: 0 1px 2px oklch(0 0 0 / .4), 0 1px 3px oklch(0 0 0 / .3);--shadow: 0 4px 14px oklch(0 0 0 / .45), 0 18px 44px oklch(0 0 0 / .55);--shadow-lift: 0 8px 24px oklch(0 0 0 / .5), 0 30px 60px oklch(0 0 0 / .6);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-sans);line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink-muted);outline-offset:2px;border-radius:4px}ul{list-style:none;padding:0;margin:0}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;height:56px;padding:0 24px;background:var(--ground);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;letter-spacing:-.02em;flex-shrink:0;border:none;background:none;padding:0;cursor:pointer;color:var(--ink);border-radius:6px;transition:opacity .14s}.brand:hover{opacity:.75}.brand-mark{width:21px;height:21px;border-radius:6px;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;font-size:11.5px;font-weight:800}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar-date{font-family:var(--font-mono);font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--ink-faint);letter-spacing:-.01em;flex-shrink:0}.panel-toggle{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .14s,color .14s,border-color .14s}.panel-toggle:hover{color:var(--ink);border-color:var(--ink-muted)}.panel-toggle[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.content-row{flex:1;display:flex;min-width:0;position:relative}.content{flex:1;min-width:0;background:var(--surface-sunken)}.content-inner{max-width:900px;margin:40px auto 96px;padding:40px 36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}:root{--panel-target: min(420px, 62vw)}.panel{position:fixed;top:56px;right:0;bottom:0;width:0;overflow:hidden;border-left:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lift);transition:width .22s ease;z-index:40}.content-row.panel-open .panel{width:var(--panel-target)}.panel-inner{width:var(--panel-target);height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:22px 20px 40px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-shrink:0}.panel-head h2{font-size:15px;font-weight:700;letter-spacing:-.02em;margin:0}.panel-head-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.panel-head-divider{width:1px;height:18px;background:var(--line);margin:0 6px}.panel .row{padding:10px 11px}.panel .row-title{font-size:13px}.panel-backdrop{display:none;position:fixed;top:56px;right:0;bottom:0;left:0;background:#02060d52;z-index:30}.content-row.panel-open .panel-backdrop{display:block}@media(min-width:1100px){:root{--panel-target: clamp(380px, 34vw, 460px)}.content{transition:margin-right .22s ease}.content-row.panel-open .content{margin-right:var(--panel-target)}.content-row.panel-open .panel-backdrop{display:none}.panel{box-shadow:none}}@media(max-width:640px){:root{--panel-target: 100vw}.topbar{gap:10px 16px;padding:0 16px}.topbar-date{display:none}.panel{border-left:none;box-shadow:none}.content-inner{margin:20px auto 56px;padding:24px 18px 40px}.row{padding:9px 10px;gap:8px}.row-lead{gap:1px}}.view-head{margin-bottom:32px}.view-title{font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0;display:flex;align-items:baseline;gap:12px}.date-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;align-self:center}.view-meta{font-size:13px;color:var(--ink-faint);margin:8px 0 0}.block{margin-bottom:34px}.block:last-child{margin-bottom:0}.block+.block{border-top:1px solid var(--line);padding-top:30px}.block-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0 0 18px;display:flex;align-items:baseline;gap:9px}.subsec{margin-top:22px}.subsec:first-of-type{margin-top:0}.subhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px;min-height:26px}.subhead h4{display:flex;align-items:baseline;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-muted);margin:0;letter-spacing:-.01em}.count{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.card.hero{border-color:var(--line-strong);box-shadow:var(--shadow)}.card.sunken{background:var(--surface-sunken);box-shadow:none}.row{position:relative;display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid var(--line);transition:background .14s}.row.status-doing:before,.row.carried:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px}.row.status-doing:before{background:var(--ink)}.row.carried:before{background:repeating-linear-gradient(180deg,var(--ink-faint) 0 4px,transparent 4px 8px)}.card>.row:first-child{border-top-left-radius:var(--r);border-top-right-radius:var(--r)}.card>.row:last-child{border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r)}.row:last-child{border-bottom:none}.row:hover{background:var(--surface-hover)}.row-lead{display:flex;align-items:center;gap:3px;flex-shrink:0}.row-main{flex:1;min-width:0}.row-title{font-size:14px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-desc{font-size:12.5px;color:var(--ink-muted);margin-top:2px}.row-due-line{display:flex;align-items:center;gap:4px;margin-top:3px;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.row-due-line.today{color:var(--ink);font-weight:600}.row-due-line.overdue{color:var(--danger);font-weight:600}.row.done .row-title{text-decoration:line-through;color:var(--ink-faint)}.checkbox{width:19px;height:19px;flex-shrink:0;border-radius:6px;border:1.75px solid var(--line-strong);background:transparent;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--accent-contrast);transition:border-color .14s,background .14s}.checkbox:not(:disabled):hover{border-color:var(--ink-muted)}.checkbox.on{background:var(--accent);border-color:var(--accent)}.checkbox:disabled{cursor:default}.star{color:var(--line-strong);background:transparent;border:none;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;flex-shrink:0;transition:color .14s,background .14s}.star:not(:disabled):hover{color:var(--ink-muted);background:var(--surface-sunken)}.star.on{color:var(--ink)}.star:disabled{cursor:default}.row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.iconbtn{width:28px;height:28px;display:grid;place-items:center;border:none;background:transparent;border-radius:7px;color:var(--ink-faint);cursor:pointer;transition:background .14s,color .14s}.iconbtn:hover{background:var(--surface-sunken);color:var(--ink)}.iconbtn.danger:hover{color:var(--danger)}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.row-draggable{touch-action:none}.row.dragging{background:var(--surface-hover);box-shadow:var(--shadow-sm);border-radius:var(--r-sm);z-index:1}.overflow-menu{position:relative;flex-shrink:0}.overflow-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:132px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-lift);padding:4px;display:flex;flex-direction:column}.overflow-menu-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:none;border-radius:6px;font-size:13px;color:var(--ink);cursor:pointer;transition:background .12s}.overflow-menu-item:hover{background:var(--surface-sunken)}.overflow-menu-item.danger{color:var(--danger)}.memo-doc{width:100%;border:none;background:transparent;outline:none;field-sizing:content;resize:none;font-size:15px;line-height:1.85;color:var(--ink);min-height:240px;padding:2px 0;display:block}.memo-doc::placeholder{color:var(--ink-faint)}.memo-doc-cm{width:100%}.cm-mdlp-heading{font-weight:700}.cm-mdlp-h1{font-size:1.6em}.cm-mdlp-h2{font-size:1.4em}.cm-mdlp-h3{font-size:1.2em}.cm-mdlp-h4,.cm-mdlp-h5,.cm-mdlp-h6{font-size:1.05em}.cm-mdlp-strong{font-weight:700}.cm-mdlp-em{font-style:italic}.cm-mdlp-strike{text-decoration:line-through;color:var(--ink-faint)}.cm-mdlp-code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-sunken);border:1px solid var(--line);border-radius:4px;padding:.05em .35em}.memo-doc-cm .cm-line.cm-mdlp-codeblock{font-family:var(--font-mono);font-size:.9em;background:var(--surface-sunken);padding-left:10px;padding-right:10px}.memo-doc-cm .cm-line.cm-mdlp-codeblock.cm-mdlp-block-first{border-top-left-radius:var(--r-sm);border-top-right-radius:var(--r-sm);padding-top:6px}.memo-doc-cm .cm-line.cm-mdlp-codeblock.cm-mdlp-block-last{border-bottom-left-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm);padding-bottom:6px}.memo-doc-cm .cm-line.cm-mdlp-quote{border-left:3px solid var(--line-strong);color:var(--ink-muted)}.memo-doc-cm .cm-line.cm-mdlp-quote-d1{padding-left:12px}.memo-doc-cm .cm-line.cm-mdlp-quote-d2{padding-left:24px}.memo-doc-cm .cm-line.cm-mdlp-quote-d3{padding-left:36px}.memo-doc-cm .cm-line.cm-mdlp-quote-d4{padding-left:48px}.cm-mdlp-link{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px;cursor:pointer}.cm-mdlp-bullet{color:var(--ink-faint)}.cm-mdlp-hr{display:inline-block;width:100%;height:0;border-top:1px solid var(--line-strong);vertical-align:middle}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r-sm);font-size:13px;font-weight:600;padding:9px 15px;cursor:pointer;border:1px solid transparent;transition:opacity .14s,background .14s,border-color .14s,color .14s}.btn.primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn.primary:hover{opacity:.88}.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink-muted)}.btn.ghost:hover{color:var(--ink);border-color:var(--ink-muted)}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.danger:hover{background:var(--danger);color:var(--ground)}.btn.sm{padding:6px 11px;font-size:12px}.add-task{margin-bottom:24px}.add-task .note-actions{margin-bottom:0}.add-form{display:grid;gap:10px;max-width:560px;margin-top:10px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.add-form.plain{max-width:none;margin-top:0;padding:0;background:none;border:none;box-shadow:none}.field{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:start}.field>label{font-size:12.5px;font-weight:500;color:var(--ink-muted);padding-top:9px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font-size:13.5px;background:var(--surface);outline:none;resize:vertical;transition:border-color .14s}.field textarea{min-height:62px;line-height:1.6}.field input:focus,.field textarea:focus{border-color:var(--line-strong)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.add-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}@media(max-width:560px){.field{grid-template-columns:1fr;gap:5px}.field>label{padding-top:0}}.done-toggle{margin-top:14px}.done-toggle>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted);padding:8px 12px;border-radius:8px}.done-toggle>summary::-webkit-details-marker{display:none}.done-toggle>summary:hover{background:var(--surface-sunken);color:var(--ink)}.done-toggle>summary .chev{display:inline-flex;transition:transform .15s}.done-toggle[open]>summary .chev{transform:rotate(90deg)}.done-toggle .card{margin-top:8px}.empty{border:1px dashed var(--line-strong);border-radius:var(--r);padding:22px;text-align:center;color:var(--ink-faint);font-size:13px}.note-actions{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.cal-nav{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cal-nav button{width:28px;height:28px;border-radius:7px;border:1px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-muted)}.cal-nav button:disabled{opacity:.35;cursor:default}.cal-nav button:not(:disabled):hover{color:var(--ink);background:var(--surface-hover)}.cal-nav .label{font-family:var(--font-mono);font-weight:700;font-size:14px;min-width:88px;text-align:center}.cal-card{padding:18px}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.cal-weekdays span{text-align:center;font-size:11px;color:var(--ink-faint);font-weight:600}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{aspect-ratio:1;border-radius:10px;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:default;color:var(--ink-faint);position:relative}.cal-cell.blank{visibility:hidden}.cal-cell .n{font-family:var(--font-mono);font-size:12.5px}.cal-cell.has-note{cursor:pointer;color:var(--ink);background:var(--surface-sunken)}.cal-cell.has-note:hover{background:var(--surface-hover);border-color:var(--line-strong)}.cal-cell.today{border-color:var(--ink)}.cal-cell.today .n{font-weight:800}.cal-ring{width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.cal-ring:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--surface)}.cal-memo-dot{position:absolute;top:6px;right:8px;width:4px;height:4px;border-radius:50%;background:var(--ink-muted)}@media(max-width:480px){.cal-card{padding:12px}.cal-grid{gap:3px}.cal-ring{width:16px;height:16px}.cal-ring:after{width:9px;height:9px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060d70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 20px;z-index:100}.modal-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);width:100%;max-width:420px;padding:18px;max-height:62vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-header h2{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em}.modal-search{display:flex;align-items:center;gap:9px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px;margin-bottom:8px}.modal-search svg{color:var(--ink-faint);flex-shrink:0}.modal-search input{flex:1;border:none;background:transparent;outline:none;padding:10px 0;font-size:13.5px}.modal-search input::placeholder{color:var(--ink-faint)}.modal-list{overflow-y:auto}.modal-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line);font-size:13.5px}.modal-list li:last-child{border-bottom:none}.modal-add{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;border:1px solid var(--line-strong);background:transparent;color:var(--ink-muted);cursor:pointer;flex-shrink:0;transition:background .14s,color .14s}.modal-add:hover{background:var(--surface-sunken);color:var(--ink)}.modal-pick{height:26px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line-strong);background:transparent;color:var(--ink-muted);font-size:12.5px;cursor:pointer;flex-shrink:0;transition:background .14s,color .14s}.modal-pick:hover{background:var(--surface-sunken);color:var(--ink)}.hist-filters{display:flex;align-items:center;gap:10px;margin-bottom:26px;flex-wrap:wrap}.hist-fpill{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-muted);background:none;border:1px solid var(--line);border-radius:999px;padding:5px 13px;cursor:pointer}.hist-fpill.on{color:var(--ink);border-color:var(--line-strong)}.hist-fpill .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hist-fpill input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hist-clear{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;color:var(--ink-faint);background:none;border:none;cursor:pointer}.hist-clear:hover{color:var(--ink-muted)}.hist-day{margin-bottom:30px}.hist-day-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.hist-day-date{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.hist-day-weekday{font-size:12px;color:var(--ink-muted)}.hist-day-count{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint)}.hist-entries{display:flex;flex-direction:column}.hist-entry{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid color-mix(in oklab,var(--line) 55%,transparent)}.hist-entry:last-child{border-bottom:none}.hist-time{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.hist-subject{font-size:13.5px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-kind{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.04em;margin-right:7px;text-transform:uppercase}.hist-change{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hist-change-item{display:inline-flex;align-items:center;gap:6px}.hist-fld{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-muted);letter-spacing:.02em}.hist-val{font-size:11.5px;border:1px solid var(--line-strong);border-radius:999px;padding:1.5px 9px;color:var(--ink);white-space:nowrap}.hist-val.muted{color:var(--ink-muted);border-style:dashed}.hist-val.memo{max-width:260px;overflow:hidden;text-overflow:ellipsis;font-style:italic;color:var(--ink-muted)}@media(max-width:560px){.hist-entry{grid-template-columns:46px 1fr;row-gap:4px}.hist-change{grid-column:2;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}