:root{--bg:#fff;--fg:#1b1f24;--muted:#5c636e;--border:#e1e4e8;--border-strong:#c9ced6;--surface:#f5f6f7;--accent:#17675f;--accent-strong:#0f4f49;--accent-soft:#e3f1ee;--on-accent:#fff;--error:#b42318;--success:#17675f;--font:"IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;--font-code:var(--font-d2coding), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tag-default-bg:#f0f1f3;--tag-default-fg:#41464f;--tag-gray-bg:#eceded;--tag-gray-fg:#55534e;--tag-brown-bg:#f1e6df;--tag-brown-fg:#7a4d36;--tag-orange-bg:#fae6d3;--tag-orange-fg:#8f4a08;--tag-yellow-bg:#f8edc9;--tag-yellow-fg:#75570f;--tag-green-bg:#dcefe4;--tag-green-fg:#28604a;--tag-blue-bg:#dcebf5;--tag-blue-fg:#1f5a7a;--tag-purple-bg:#ebe2f3;--tag-purple-fg:#66408a;--tag-pink-bg:#f7e0ec;--tag-pink-fg:#8f2f62;--tag-red-bg:#fbe2e0;--tag-red-fg:#a12c28;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17191c;--fg:#e7e9ec;--muted:#a2a9b3;--border:#2d3136;--border-strong:#454b53;--surface:#212429;--accent:#5cc4b4;--accent-strong:#86dacd;--accent-soft:#1d3a36;--on-accent:#0c1f1c;--error:#f8928a;--success:#5cc4b4;--tag-default-bg:#2d3136;--tag-default-fg:#d4d7dc;--tag-gray-bg:#33363a;--tag-gray-fg:#d0d0cc;--tag-brown-bg:#41312a;--tag-brown-fg:#e3c3b2;--tag-orange-bg:#48321e;--tag-orange-fg:#f2c08f;--tag-yellow-bg:#453b1c;--tag-yellow-fg:#eed58b;--tag-green-bg:#213c30;--tag-green-fg:#a6dcc0;--tag-blue-bg:#1f3644;--tag-blue-fg:#a5d2ec;--tag-purple-bg:#362a45;--tag-purple-fg:#d3bcea;--tag-pink-bg:#452636;--tag-pink-fg:#f0b4d3;--tag-red-bg:#4a2523;--tag-red-fg:#f6b2ad}}*{box-sizing:border-box}html{scroll-padding-top:72px}body{background:var(--bg);color:var(--fg);font:15px/1.7 var(--font);margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4{line-height:1.3}h1{margin:0 0 12px;font-size:26px}h2{font-size:18px}main{max-width:1040px;margin:0 auto;padding:32px 24px 64px}main:has(.page-layout){max-width:1120px;padding-top:24px}main:has(.db-view){max-width:1200px;padding-top:24px}main:has(.search-view){max-width:768px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:20;background:var(--bg);border-radius:8px;padding:4px 12px;top:8px;left:16px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}input,select,textarea,button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border-strong);border-radius:8px}input:not([type=checkbox]),select{min-height:36px;padding:0 10px}textarea{resize:vertical;padding:8px 10px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);vertical-align:-2px}button,.button{cursor:pointer;align-items:center;min-height:40px;padding:0 14px;display:inline-flex}.button{border:1px solid var(--border-strong);color:var(--fg);border-radius:8px}.button:hover{background:var(--surface);color:var(--fg);text-decoration:none}button:hover{background:var(--surface)}.primary,button.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.link-button{min-height:36px;color:var(--muted);background:0 0;border:none;padding:0 8px}.link-button:hover{color:var(--fg);background:0 0}.topbar{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 24px;display:flex;position:sticky;top:0}.brand{color:var(--fg);font-weight:700}.brand:hover{color:var(--fg);text-decoration:none}.search-box{flex:1;justify-content:center;min-width:0;margin:0;display:flex}.search-box input{border-color:var(--border);background:var(--surface);width:100%;max-width:480px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--error)}.success{color:var(--success)}.notice-inline{color:var(--muted)}.flash{margin:0 0 12px;font-size:14px}.notice,.login{max-width:520px;margin:48px auto}.login .primary{margin-top:8px}.icon{margin-right:6px}.icon-img{vertical-align:-.15em;width:1.2em;height:1.2em;margin-right:6px}.breadcrumbs{color:var(--muted);overflow-wrap:anywhere;margin-bottom:16px;font-size:13px}.home{flex-direction:column;gap:40px;display:flex}.home section>h2{margin:0 0 8px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--border);height:100%;min-height:84px;color:var(--fg);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.card:hover{border-color:var(--accent);color:var(--fg);text-decoration:none}.card-kind{color:var(--muted);font-size:12px}.card-title{overflow-wrap:anywhere;font-weight:600}.item-list{margin:0;padding:0;list-style:none}.item-list li{border-top:1px solid var(--border)}.item-list a{color:var(--fg);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 4px;display:flex}.item-list a:hover{background:var(--surface);text-decoration:none}.item-title{overflow-wrap:anywhere;flex:240px;min-width:0}.item-meta{color:var(--muted);font-size:13px}.page-layout{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}.page-main{flex:999 560px;min-width:0;max-width:720px}.page-side{flex:300px;min-width:0}@media (min-width:961px){.page-side{max-height:calc(100vh - 88px);position:sticky;top:72px;overflow-y:auto}}.cover{object-fit:cover;border-radius:10px;width:100%;max-height:240px;margin-bottom:8px}.page-title{margin:8px 0 16px;font-size:30px}.blocks{overflow-wrap:break-word}.blocks p{margin:0 0 8px}.blocks p.empty{min-height:1em}.blocks h2{margin:28px 0 8px;font-size:22px}.blocks h3{margin:24px 0 8px;font-size:18px}.blocks h4{margin:20px 0 6px;font-size:16px}.blocks ul,.blocks ol{margin:0 0 8px;padding-left:22px}.blocks img,.blocks video{border-radius:6px;max-width:100%}.blocks hr{border:0;border-top:1px solid var(--border);margin:20px 0}figure{margin:12px 0}figcaption{color:var(--muted);margin-top:4px;font-size:13px}pre{background:var(--surface);border-radius:8px;margin:0 0 8px;padding:14px;font-size:13px;overflow-x:auto}pre,code{font-family:var(--font-code)}code{background:var(--surface);border-radius:4px;padding:1px 4px;font-size:.9em}pre code{font-size:inherit;background:0 0;padding:0}.mermaid-diagram{border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto}.mermaid-diagram svg{margin:0 auto;display:block}.mermaid-source{color:var(--muted);margin-top:4px;font-size:13px}blockquote{border-left:3px solid var(--border-strong);margin:8px 0;padding-left:14px}.callout{background:var(--surface);border-radius:8px;gap:10px;margin:8px 0;padding:12px 14px;display:flex}.callout>div{min-width:0}.callout p:last-child{margin-bottom:0}.indent{margin-left:24px}.child-link{font-weight:500}details{margin:4px 0}details>summary{cursor:pointer}details>summary>h2,details>summary>h3,details>summary>h4{display:inline}.todo .done{color:var(--muted);text-decoration:line-through}.columns{flex-wrap:wrap;gap:16px;display:flex}.column{flex:1;min-width:220px}.table-wrap{overflow-x:auto}table{border-collapse:collapse}.notion-table td,.notion-table th{border:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 10px}.notion-table th{background:var(--surface)}.db-frame{border:1px solid var(--border);border-radius:10px}.db-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;line-height:1.5}.db-table th,.db-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:10px 14px}.db-table tbody tr:last-child>*{border-bottom:0}.db-table thead th{background:var(--surface);white-space:nowrap;font-weight:600}.db-table thead th a{color:var(--fg)}.db-table thead th[aria-sort] a{color:var(--accent-strong)}.db-table tbody th{font-weight:500}.db-table .nowrap{white-space:nowrap}.db-table .title-cell{z-index:1;background:var(--bg);border-right:1px solid var(--border);min-width:240px;position:sticky;left:0}.db-table thead .title-cell{background:var(--surface)}.tag{white-space:nowrap;background:var(--tag-default-bg);color:var(--tag-default-fg);border-radius:6px;margin:1px 4px 1px 0;padding:1px 8px;font-size:13px;display:inline-block}.file-chip{margin-right:8px;display:inline-block}.db-view h1{margin-bottom:16px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--border-strong);min-height:32px;color:var(--fg);border-radius:16px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.chip-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#0000;font-weight:600}.chip-active:hover{color:var(--accent-strong)}.filter-panel{margin:0 0 16px}.filter-panel>summary{border:1px dashed var(--border-strong);border-radius:16px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;list-style:none;display:inline-flex}.filter-panel>summary::-webkit-details-marker{display:none}.filter-body{background:var(--surface);border-radius:10px;flex-direction:column;gap:12px;margin-top:8px;padding:14px 16px;display:flex}.filter-props{flex-wrap:wrap;gap:6px;display:flex}.filter-props a{border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);border-radius:8px;padding:2px 10px;font-size:13px}.filter-props a[aria-current]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.filter-form{flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0;display:flex}.filter-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.filter-form select,.filter-form input{color:var(--fg);font-size:15px}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.pager-links{gap:8px;display:flex}.search-view{flex-direction:column;gap:16px;display:flex}.search-view h1,.search-view p{margin:0}.search-page-form{gap:8px;display:flex}.search-page-form input{flex:1;min-width:0;min-height:40px}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs a{border:1px solid var(--border-strong);min-height:36px;color:var(--fg);border-radius:18px;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.tabs a:hover{background:var(--surface);text-decoration:none}.tabs a[aria-current]{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}.properties{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.properties h2{margin:0;font-size:14px}.property{border:0;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.property-name{color:var(--muted);overflow-wrap:anywhere;padding:0;font-size:13px}.property-value{overflow-wrap:anywhere;min-width:0;display:block}.properties input:not([type=checkbox]),.properties textarea,.properties select{width:100%}.properties .date-range{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.properties .date-range input{flex:120px;width:auto;min-width:0}.properties .multi{flex-wrap:wrap;gap:4px 12px;display:flex}.properties .actions{flex-direction:column;gap:8px;display:flex}.properties .actions button{justify-content:center}.skeleton{flex-direction:column;gap:12px;display:flex}.skeleton span{background:var(--surface);border-radius:6px;height:16px;animation:1.4s ease-in-out infinite pulse;display:block}.skeleton span:first-child{width:40%;height:28px}.skeleton span:nth-child(3n){width:72%}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton span{animation:none}}@media (max-width:640px){main{padding:20px 16px 48px}.topbar{gap:8px;padding:8px 16px}.page-title{font-size:26px}.indent{margin-left:16px}.db-table .title-cell{min-width:160px}}.c-gray{color:var(--tag-gray-fg)}.c-brown{color:var(--tag-brown-fg)}.c-orange{color:var(--tag-orange-fg)}.c-yellow{color:var(--tag-yellow-fg)}.c-green{color:var(--tag-green-fg)}.c-blue{color:var(--tag-blue-fg)}.c-purple{color:var(--tag-purple-fg)}.c-pink{color:var(--tag-pink-fg)}.c-red{color:var(--tag-red-fg)}.c-gray_background,.tag.c-gray{background:var(--tag-gray-bg);color:var(--tag-gray-fg)}.c-brown_background,.tag.c-brown{background:var(--tag-brown-bg);color:var(--tag-brown-fg)}.c-orange_background,.tag.c-orange{background:var(--tag-orange-bg);color:var(--tag-orange-fg)}.c-yellow_background,.tag.c-yellow{background:var(--tag-yellow-bg);color:var(--tag-yellow-fg)}.c-green_background,.tag.c-green{background:var(--tag-green-bg);color:var(--tag-green-fg)}.c-blue_background,.tag.c-blue{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.c-purple_background,.tag.c-purple{background:var(--tag-purple-bg);color:var(--tag-purple-fg)}.c-pink_background,.tag.c-pink{background:var(--tag-pink-bg);color:var(--tag-pink-fg)}.c-red_background,.tag.c-red{background:var(--tag-red-bg);color:var(--tag-red-fg)}
