:root{--color-bg:#f8fbff;--color-surface:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-border:#e5e5e5;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--max-width:800px;--header-height:4rem;--page-gutter:clamp(.75rem, 4vw, 2rem);--border-radius:8px;--shadow:0 1px 3px #0000001a}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--color-bg);min-width:0;color:var(--color-text);font-family:var(--font-sans);margin:0;line-height:1.7;overflow-x:hidden}a{color:var(--color-primary)}a,button,summary{-webkit-tap-highlight-color:transparent;transition:color .15s,background-color .15s,border-color .15s,opacity .15s}@media (hover:hover){a:hover{color:var(--color-primary-hover)}}a:active,button:active,summary:active{opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.container{width:min(calc(100% - (var(--page-gutter) * 2)), var(--max-width));margin:0 auto}.site-header{z-index:100;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:fixed;top:0;left:0;right:0}.site-header .container{min-height:var(--header-height);align-items:center;display:flex}.site-title{color:var(--color-text);border-radius:6px;font-size:1.25rem;font-weight:600;text-decoration:none}@media (hover:hover){.site-title:hover{color:var(--color-primary)}}.site-main{min-height:calc(100svh - 9.5rem);padding:calc(var(--header-height) + clamp(2rem, 6vw, 3rem)) 0 clamp(2rem, 6vw, 3rem);font-variant-numeric:tabular-nums}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);text-align:center;font-size:.875rem}.site-footer p{padding:var(--spacing-xl) 0;margin:0}h1,h2,h3,h4{margin:0 0 var(--spacing-md);font-weight:600;line-height:1.3}h1{font-size:clamp(1.75rem,5vw,2rem)}h2{font-size:clamp(1.35rem,4vw,1.5rem)}h3{font-size:clamp(1.125rem,3vw,1.25rem)}p{margin:0 0 var(--spacing-md)}.card{margin-bottom:var(--spacing-md);padding:clamp(var(--spacing-md), 4vw, var(--spacing-lg));border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);transition:box-shadow .2s}@media (hover:hover){.card:hover{box-shadow:var(--shadow)}}.card-title{margin-bottom:var(--spacing-sm);font-size:1.25rem}.card-title a{color:var(--color-text);text-decoration:none}@media (hover:hover){.card-title a:hover{color:var(--color-primary)}}.card-meta{gap:var(--spacing-xs) var(--spacing-lg);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;font-size:.875rem;display:flex}.latest-note{margin-left:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.latest-note .card-title{font-size:1rem}.card-meta div,.note-meta div{gap:var(--spacing-sm);display:flex}.card-meta dt,.card-meta dd,.note-meta dt,.note-meta dd{margin:0}.home-section{margin-top:clamp(var(--spacing-xl), 7vw, var(--spacing-2xl))}.folder-list{margin-left:var(--spacing-md)}.folder-list>.folder-tree>.folder-tree-item{padding:0}.folder-list>.folder-tree>.folder-tree-item+.folder-tree-item{margin-top:0}.folder-list>.folder-tree>.folder-tree-item>details>.folder-name{min-height:2rem;padding-left:0;padding-right:0}.folder-tree,.folder-notes{margin:0;padding:0;list-style:none}.folder-contents{margin:var(--spacing-xs) 0 0 var(--spacing-sm);padding-left:clamp(var(--spacing-md), 4vw, var(--spacing-lg));border-left:1px solid var(--color-border)}.folder-contents>.folder-tree,.folder-tree-item+.folder-tree-item{margin-top:var(--spacing-xs)}.folder-name{width:100%;min-height:2.5rem;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.folder-name::marker{color:#94a3b8}.folder-tree details[open]>.folder-name{color:var(--color-text)}.folder-count{color:#94a3b8;font-size:.75rem;font-weight:400}.folder-notes{padding-left:var(--spacing-lg);list-style:outside}.folder-notes li::marker{color:var(--color-text-secondary)}.folder-notes li{padding:.125rem 0}.folder-notes a{color:var(--color-text);text-decoration:none}@media (hover:hover){.folder-notes a:hover{color:var(--color-primary)}}.btn{min-height:2.5rem;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;font:inherit;border:1px solid #0000;justify-content:center;align-items:center;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}@media (hover:hover){.btn-secondary:hover{background:var(--color-border);color:var(--color-text);text-decoration:none}}.container.note-detail-container{width:100%;max-width:var(--max-width);padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}.note-detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.note-detail-header h1{margin-bottom:var(--spacing-sm);word-break:auto-phrase;letter-spacing:.01em}.note-meta{margin:0 0 var(--spacing-sm);color:var(--color-text-secondary);font-size:.875em}.breadcrumbs{align-items:baseline;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:.875em;display:flex}.breadcrumbs-label{flex:none}.breadcrumbs ol{gap:var(--spacing-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{margin-right:var(--spacing-xs);color:#94a3b8;content:">"}.markdown-body{overflow-wrap:break-word;max-width:100%}.site-main .markdown-body{background-color:#0000;line-height:1.7}.site-main .markdown-body p{margin-bottom:1.4em}.markdown-body img{border-radius:var(--border-radius);max-width:100%;height:auto}.markdown-body pre{max-width:100%;overflow-x:auto}.markdown-body table{max-width:100%;display:block;overflow-x:auto}.site-main .markdown-body hr{background-color:#0000;border:0;border-top:1px solid #ccc;height:0;padding:0}.note-back-link{margin-top:var(--spacing-lg)}.note-back-link .btn{min-height:0}@media (width<=768px){:root{--header-height:3.75rem}.site-title{font-size:1.125rem}.container.note-detail-container{padding-right:var(--spacing-md);padding-left:var(--spacing-md);font-size:15px}.note-detail-header h1{font-size:1.75em}.site-main .markdown-body{font-size:1em}.card-meta,.note-meta{gap:var(--spacing-xs) var(--spacing-md)}}@media (width<=480px){.folder-contents{padding-left:var(--spacing-md);margin-left:0}.folder-notes{padding-left:var(--spacing-md)}}