:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f6f6f3)var(--lightningcss-dark,#141416);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1e21);--fg:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#ececf0);--mute:var(--lightningcss-light,#8a8a8e)var(--lightningcss-dark,#8d8d94);--line:var(--lightningcss-light,#e6e6e1)var(--lightningcss-dark,#2c2c30);--acc:var(--lightningcss-light,#2f6fed)var(--lightningcss-dark,#6c9bff);--red:var(--lightningcss-light,#d93025)var(--lightningcss-dark,#ff6b5e);--chip:var(--lightningcss-light,#eef1f8)var(--lightningcss-dark,#272a33);--star:#f5a623}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--mute) 40%, transparent) transparent}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}main{max-width:640px;margin:0 auto;padding:24px 16px 96px}h1{justify-content:space-between;align-items:baseline;margin:0 0 16px;font-size:22px;display:flex}button{font:inherit;cursor:pointer}.status{color:var(--mute);margin-left:auto;font-size:12px;font-weight:400}h1 .link{margin-left:10px;font-weight:400}.theme{background:0 0;border:0;margin-left:10px;padding:2px 4px;font-size:18px;line-height:1}.text{border:1px solid var(--line);background:var(--card);width:100%;color:var(--fg);font:inherit;border-radius:12px;padding:14px 16px}.hint{color:var(--mute);margin:6px 4px 14px;font-size:12px}.note{color:var(--mute);font-size:14px}.note a{color:var(--acc)}.error{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red);border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:14px}.chips{scrollbar-width:none;gap:6px;margin:0 0 12px;padding-bottom:2px;display:flex;overflow-x:auto}.tag{background:var(--chip);color:var(--acc);white-space:nowrap;border:0;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:12px}.chips .tag{border-radius:999px;margin:0;padding:5px 10px;font-size:13px}.chips .tag.on{background:var(--acc);color:#fff}ul{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}ul:empty{display:none}li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:11px 12px 11px 14px;display:flex}li:first-child{border-top:0}li[draggable=true]{cursor:grab}li.drag{opacity:.4}li.above{box-shadow:inset 0 2px 0 var(--acc)}li.below{box-shadow:inset 0 -2px 0 var(--acc)}input[type=checkbox]{appearance:none;border:2px solid var(--mute);cursor:pointer;border-radius:50%;flex:none;place-content:center;width:22px;height:22px;margin:0;transition:background .15s,border-color .15s;display:grid}input[type=checkbox]:hover{border-color:var(--acc)}input[type=checkbox]:checked{background:var(--acc);border-color:var(--acc)}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:13px;font-weight:700;line-height:1}.t{overflow-wrap:anywhere;cursor:text;flex:1;min-width:0}.editing{flex-wrap:wrap;gap:8px;display:flex}.editing input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.editing .draft{flex:1;min-width:160px}.editing input[type=date]{font-size:14px}.meta{color:var(--mute);white-space:nowrap;margin-left:6px;font-size:12px}.over{color:var(--red)}.today{color:var(--acc)}.done .t{color:var(--mute);text-decoration:line-through}.star,.x,.memo{color:var(--mute);background:0 0;border:0;flex:none;padding:2px 4px;font-size:18px;line-height:1}.star,.memo{opacity:.45}.star.on{color:var(--star);opacity:1}.memo.on{color:var(--acc);opacity:1}.star:hover,.memo:hover{opacity:1}li.open{flex-wrap:wrap}.note-text{field-sizing:content;resize:vertical;min-height:4.5em;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-basis:100%;margin-left:32px;padding:8px 10px;font-size:15px}.note-text:focus{border-color:var(--acc);outline:0}.x{opacity:0}li:hover .x,.x:focus-visible{opacity:1}@media (hover:none){.x{opacity:.5}}summary{cursor:pointer;color:var(--mute);margin:24px 4px 8px;font-size:14px;font-weight:600}.empty{color:var(--mute);justify-content:center}.right{text-align:right}.link{color:var(--mute);background:0 0;border:0;font-size:12px;text-decoration:underline}.toast{background:var(--fg);color:var(--bg);white-space:nowrap;border-radius:12px;align-items:center;gap:14px;padding:10px 12px 10px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.toast button{color:inherit;background:0 0;border:0;padding:2px 4px;font-weight:700;text-decoration:underline}.tag[draggable=true]{cursor:grab}.tag.add{border:1px dashed var(--mute);color:var(--mute);background:0 0}li.tagover{box-shadow:inset 0 0 0 2px var(--acc)}li.sep{background:var(--bg);min-height:26px;padding-top:3px;padding-bottom:3px}li.sep .t{min-height:18px;color:var(--mute);font-size:13px;font-weight:700}.tabs{flex-wrap:wrap;gap:4px 14px;min-width:0;display:flex}.tabs button{color:var(--mute);white-space:nowrap;background:0 0;border:0;padding:0;font-size:22px;font-weight:700}@media (width<=480px){.tabs{gap:2px 12px}.tabs button{font-size:19px}}.tabs button.on{color:var(--fg)}main.login{place-items:center;max-width:none;min-height:100dvh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.login:before,.login:after{content:"";filter:blur(90px);opacity:.38;border-radius:50%;width:60vmax;height:60vmax;animation:16s ease-in-out infinite alternate drift;position:absolute}.login:before{background:#2f6fed;top:-28vmax;left:-18vmax}.login:after{background:#a855f7;animation-delay:-8s;bottom:-32vmax;right:-18vmax}@keyframes drift{to{transform:translate(9vmax,7vmax)scale(1.15)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.login .card{z-index:1;background:color-mix(in srgb, var(--card) 70%, transparent);border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);-webkit-backdrop-filter:blur(24px);border-radius:24px;width:min(380px,100%);padding:38px 28px 26px;animation:.5s ease-out rise;position:relative;box-shadow:0 30px 80px #0000004d}.login h1{letter-spacing:.02em;color:var(--mute);margin:0 0 12px;font-size:15px;font-weight:400;display:block}.clock{margin:0 0 28px}.clock time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,var(--lightningcss-light,#2f6fed)var(--lightningcss-dark,#9dbdff),var(--lightningcss-light,#8b5cf6)var(--lightningcss-dark,#d8b4fe));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:68px;font-weight:200;line-height:1;display:block}.clock i{margin:0 .03em;font-style:normal;animation:2s step-end infinite blink;position:relative;top:-.07em}.clock small{letter-spacing:0;color:var(--mute);margin-left:8px;font-size:22px;font-weight:400}.clock span{color:var(--mute);margin-top:10px;font-size:13px;display:block}@keyframes blink{50%{opacity:.3}}.login h1 b{background:linear-gradient(120deg,#6c9bff,#c084fc);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.login form{gap:10px;display:grid}.login input{background:color-mix(in srgb, var(--bg) 55%, transparent);transition:border-color .15s,box-shadow .15s}.login input:focus{border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb, var(--acc) 22%, transparent);outline:0}.login form button{color:#fff;background:linear-gradient(120deg,#2f6fed,#8b5cf6);border:0;margin-top:6px;font-weight:700;transition:transform .15s,filter .15s}.login form button:hover{filter:brightness(1.12);transform:translateY(-1px)}.login form button:disabled{filter:saturate(.4);cursor:default;transform:none}.login .error{margin:12px 0 0}.login .link{margin:16px auto 0;display:block}.login .link+.link{margin-top:8px}.login .note{margin:0 0 16px}@media (prefers-reduced-motion:reduce){.login:before,.login:after,.login .card,.clock i{animation:none}}main.wide{max-width:1000px}main.wide:has(.notes){max-width:1240px}.notes{grid-template-columns:310px 1fr;align-items:start;gap:20px;display:grid}.notes aside{grid-template-rows:auto auto minmax(0,1fr);gap:8px;max-height:calc(100dvh - 100px);display:grid;position:sticky;top:12px}.notes .list{overscroll-behavior:contain;padding-right:4px;overflow-y:auto}.notes .new{background:var(--acc);color:#fff;text-align:center;border:0;font-weight:700}.notes .new:hover{filter:brightness(1.1)}.notes .search{padding:9px 14px;font-size:14px}.notes summary{margin:10px 4px 4px}.notes .n{text-align:left;width:100%;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 10px;display:block;overflow:hidden}.notes .n:hover{background:var(--chip)}.notes .n.on{background:var(--acc);color:#fff}.notes .n small{color:var(--mute);text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.notes .n.on small{color:inherit}.notes section{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0;min-height:60vh;padding:14px 18px 22px}.bar{align-items:center;gap:12px;margin-bottom:10px;display:flex}.bar .title{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;border-bottom:1px solid #0000;flex:1;padding:4px 0;font-size:19px;font-weight:700}.bar .title:focus{border-bottom-color:var(--acc);outline:0}.bar .status{margin:0}.bar .back{display:none}.tools{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin:0 0 12px;padding:6px 0;display:flex;position:sticky;top:0}.tools button{border:1px solid var(--line);color:var(--fg);background:0 0;border-radius:8px;min-width:34px;height:32px;padding:0 9px;font-size:13px}.tools button:hover{background:var(--chip)}.tools .bold{font-weight:800}.tools .italic{font-family:Georgia,serif;font-style:italic}.tools .strike{text-decoration:line-through}.notes textarea{field-sizing:content;resize:vertical;width:100%;min-height:60vh;font:inherit;color:var(--fg);background:0 0;border:0;outline:0;padding:0;display:block}.md{overflow-wrap:anywhere;cursor:text;min-height:40vh}.md>:first-child{margin-top:0}.md img{border-radius:8px;max-width:100%}.md a{color:var(--acc)}.md pre,.md code{background:var(--chip);border-radius:6px;font-size:14px}.md code{padding:1px 5px}.md pre{padding:12px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md blockquote{border-left:3px solid var(--line);color:var(--mute);margin:0;padding-left:14px}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);text-align:left;padding:6px 10px}.md li{border:0;padding:0;display:list-item}.md ul,.md ol{background:0 0;border:0;border-radius:0;padding-left:24px;overflow:visible}.md ul{list-style:outside}.md ul:has(>li>input[type=checkbox]){padding-left:4px;list-style:none}.md input[type=checkbox]{vertical-align:-5px;width:18px;height:18px;margin-right:6px;display:inline-grid}@media (width<=700px){.notes{grid-template-columns:1fr}.notes aside{max-height:none;position:static}.notes.open aside,.notes:not(.open) section{display:none}.bar .back{display:inline}}.inv{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow-x:auto}.inv table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}.inv th,.inv td{border-top:1px solid var(--line);text-align:left;padding:9px 12px}.inv thead th{color:var(--mute);border-top:0;font-size:12px;font-weight:600}.inv .num{text-align:right;font-variant-numeric:tabular-nums}.inv .item{white-space:normal;min-width:160px}.inv small,.inv .none{color:var(--mute)}.inv .none{text-align:center}.inv tfoot td{font-weight:700}.inv tr.go{cursor:pointer}.inv tr.go:hover td{background:var(--chip)}.inv a{color:inherit;text-decoration:none}a.tag{text-decoration:none}.chips.ends{justify-content:space-between}.chips.wrap{flex-wrap:wrap;overflow:visible}.pager{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.pager b{margin:0 4px;font-weight:600}.tag:disabled{opacity:.35;cursor:default}.sheet{background:var(--card);border:1px solid var(--line);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:12px;padding:18px;font-size:13px;overflow-x:auto}.sheet header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.sheet header b{font-size:19px}.sheet header span{color:var(--mute);font-variant-numeric:tabular-nums}.sheet table{border-collapse:collapse;width:100%;margin-bottom:10px}.sheet table:last-child{margin:0}.sheet th,.sheet td{border:1px solid var(--line);text-align:left;overflow-wrap:anywhere;padding:6px 8px}.sheet th{white-space:nowrap;background:var(--chip);font-weight:600}.sheet tbody th{width:1%}.sheet .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sheet .side{writing-mode:vertical-rl;text-align:center;letter-spacing:.3em}.sheet .from th{background:var(--lightningcss-light,#fdecea)var(--lightningcss-dark,#3a2523)}.sheet .from .side{color:var(--red)}.sheet .to th{background:var(--lightningcss-light,#e8f0fe)var(--lightningcss-dark,#1f2a40)}.sheet .to .side{color:var(--acc)}.parties{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.parties table{height:100%;margin:0}@media (width<=700px){.parties{grid-template-columns:1fr}}@media print{:root[data-theme]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#fff}h1,.chips,.error{display:none}main,main.wide{max-width:none;padding:0}.sheet{border:0;padding:0;overflow:visible}.parties{grid-template-columns:1fr 1fr}}.chips .tag b{margin-left:5px;font-weight:400}@media (width>=701px){.board{grid-template-columns:190px 1fr;align-items:start;gap:20px;display:grid}.board>div{min-width:0}.board .chips{flex-direction:column;gap:2px;margin:0;position:sticky;top:16px;overflow:visible}.board .chips .tag{text-align:left;width:100%;color:var(--fg);background:0 0;border-radius:8px;justify-content:space-between;gap:8px;padding:7px 10px;font-size:14px;display:flex}.board .chips .tag span{text-overflow:ellipsis;overflow:hidden}.board .chips .tag b{color:var(--mute)}.board .chips .tag:hover{background:var(--chip)}.board .chips .tag.on{background:var(--acc);color:#fff}.board .chips .tag.on b{color:inherit}.board .chips .tag.add{border:1px dashed var(--mute);color:var(--mute);justify-content:center;margin-top:8px}.board .chips .link{text-align:left;margin-top:8px}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (hover:none){input,textarea,select{font-size:16px!important}}.login .keep{color:var(--mute);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.btn{border:1px solid var(--line);background:var(--card);color:var(--fg);white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.btn:hover{background:var(--chip)}.btn.main{background:var(--acc);border-color:var(--acc);color:#fff}.btn.main:hover{filter:brightness(1.1)}.btn.danger:hover{color:var(--red);border-color:var(--red);background:color-mix(in srgb, var(--red) 10%, transparent)}h1 .btn{margin-left:10px}.bar{gap:8px}.bar .side{color:var(--mute);padding:5px 9px;line-height:1}@media (width>=701px){.notes.hide{grid-template-columns:1fr}.notes.hide aside{display:none}}@media (width<=700px){.bar .side{display:none}}.notes .search{border-color:color-mix(in srgb, var(--fg) 24%, transparent);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d8d94' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") no-repeat 14px center / 17px;padding:11px 14px 11px 40px;font-size:15px;transition:border-color .15s,box-shadow .15s}.notes .search::placeholder{color:var(--mute)}.notes .search:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 25%, transparent);outline:0}.tree{padding:2px 0 12px}.tree .row{border-radius:8px;align-items:center;min-height:32px;padding-right:8px;display:flex}.tree .row:hover{background:var(--chip)}.tree .row.on{background:color-mix(in srgb, var(--acc) 24%, transparent)}.tree .row.on .name{color:var(--acc);font-weight:600}.tree .twist{width:24px;height:28px;color:var(--mute);background:0 0;border:0;flex:none;padding:0;font-size:17px;font-style:normal;line-height:1;transition:transform .12s}.tree .twist.open{transform:rotate(90deg)}.tree button.twist:hover{color:var(--fg)}.tree .name{min-width:0;color:var(--fg);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:5px 4px 5px 0;font-size:14.5px;overflow:hidden}.tree .name.folder{font-weight:600}.tree .count{color:var(--mute);background:var(--chip);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:1px 7px;font-size:11px}.tree .row:hover .count{background:color-mix(in srgb, var(--fg) 10%, transparent)}.tree .kids{border-left:1px solid var(--line);margin-left:11px;padding-left:6px}.notes .found{color:var(--mute);margin:2px 6px 6px;font-size:12px}.notes .hit{text-align:left;width:100%;color:var(--fg);background:0 0;border:0;border-radius:8px;padding:8px 10px;display:block}.notes .hit:hover{background:var(--chip)}.notes .hit.on{background:color-mix(in srgb, var(--acc) 24%, transparent)}.notes .hit b{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.notes .hit span,.notes .hit small{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.notes .hit span:before{content:"📁 "}.btn.star{padding:5px 9px;font-size:14px;line-height:1}.btn.star.on{color:var(--star);border-color:var(--star)}.tree .favs{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:8px}.tree .favs .twist{color:var(--star);place-items:center;font-size:12px;display:grid}.md h1,.md h2,.md h3,.md h4{color:var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#8ab4ff)}.md h1{border-bottom:1px solid var(--line);padding-bottom:6px}.md strong{color:var(--lightningcss-light,#c2410c)var(--lightningcss-dark,#ffb86b)}.md h1 strong,.md h2 strong,.md h3 strong,.md h4 strong,.md a strong{color:inherit}.md[contenteditable=true]{outline:0}.md:empty:before{content:attr(data-placeholder);color:var(--mute);font-size:14px}.md[contenteditable=true] a{cursor:text}.md[contenteditable=true] input[type=checkbox]{cursor:pointer}.tools .src{color:var(--mute);margin-left:auto}.tools .why{color:var(--mute);align-self:center;margin-left:auto;font-size:12px}.qform{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:12px;max-width:760px;padding:16px;display:grid}.qform label{color:var(--mute);gap:4px;font-size:12px;display:grid}.qform input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0;padding:7px 9px;font-size:15px}.qform input:focus{border-color:var(--acc);outline:0}.qgrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.qgrid .wide2{grid-column:span 2}.qrow{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.qform p{margin:0}.qtotal{text-align:right;font-size:15px}.qtotal b{font-size:18px}.qform .btn:disabled{opacity:.5}.prints{margin-bottom:22px}.prints h2{margin:0 0 8px;font-size:17px}.prints h2 a{color:inherit;text-decoration:none}.prints h2 small{color:var(--mute);margin-left:6px;font-size:13px;font-weight:400}.prints .state{color:var(--acc);font-weight:600}.prints tr.done td{color:var(--mute)}.prints tr.done .state{color:inherit;font-weight:400}.prints .unbilled{color:var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#f87171)}.prints .ready{color:var(--lightningcss-light,#15803d)var(--lightningcss-dark,#4ade80);display:block}.prints .sub{display:block}.files .text{margin:0 0 8px;font-size:16px}.files .meta{margin:0 0 12px}.files mark{color:inherit;background:var(--lightningcss-light,#fff1a8)var(--lightningcss-dark,#5a4a00);border-radius:2px}.files .item b{font-weight:600}.files .item small{overflow-wrap:anywhere;display:block}.files .dir b:before{content:"📁 "}.files .acts{justify-content:flex-end;gap:4px;display:flex}.files .acts a,.files .acts button{background:var(--chip);color:var(--acc);cursor:pointer;white-space:nowrap;border:0;border-radius:6px;padding:3px 8px;font-size:12px}.files .acts a:hover,.files .acts button:hover{filter:brightness(1.08)}.files td.num,.files td.d{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}@media (width<=640px){.files .hide-narrow{display:none}.files .inv table{white-space:normal}.files .acts{text-align:center;flex-direction:column;align-items:stretch}}