:root{--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;--text-large-title:700 32px/1.3 var(--font-ui);--text-title1:400 28px/1.35 var(--font-ui);--text-title1-bold:700 28px/1.3 var(--font-ui);--text-title2:600 24px/1.3 var(--font-ui);--text-title3:600 20px/1.3 var(--font-ui);--text-headline:600 16px/1.4 var(--font-ui);--text-body:400 16px/1.7 var(--font-ui);--text-body-tight:400 16px/1.5 var(--font-ui);--text-callout:400 15px/1.6 var(--font-ui);--text-subheadline:400 14px/1.5 var(--font-ui);--text-subheadline-med:500 14px/1.5 var(--font-ui);--text-footnote:400 13px/1.5 var(--font-ui);--text-footnote-med:500 13px/1.5 var(--font-ui);--text-caption:400 12px/1.4 var(--font-ui);--text-caption-caps:600 11px/1.3 var(--font-ui);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:16px;--r-capsule:999px;--ease-smooth:cubic-bezier(.32, .72, 0, 1);--ease-snappy:cubic-bezier(.2, .9, .1, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.3s;--label:#1a1a1a;--label-2:#8e8e93;--label-3:#b0b0b6;--label-4:#d1d1d6;--sep:#e5e5ea;--sep-strong:#d1d1d6;--bg:#fff;--bg-grouped:#f7f7f9;--bg-elevated:#fff;--fill:#f2f2f7;--fill-2:#f2f2f7;--fill-3:#fafafa;--cell-hover:#f2f2f7;--brand:#1f2a44;--accent:#007aff;--accent-hover:#0066d6;--accent-soft:#e5f0ff;--on-accent:#fff;--danger:#ff3b30;--danger-soft:#ffeceb;--success:#34c759;--success-soft:#e9f9ef;--warning:#ff9500;--glass:#fff;--glass-border:#e5e5ea;--shadow-1:none;--shadow-2:0 12px 40px #00000024;--focus-ring:0 0 0 3px #007aff2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100svh;font:var(--text-body);color:var(--label);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;-webkit-tap-highlight-color:transparent;margin:0}#app{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}:focus:not(:focus-visible){outline:none}.shell{flex-direction:column;flex:1;display:flex}.container{width:100%;max-width:800px;padding:var(--sp-10) var(--sp-6) var(--sp-16);margin:0 auto}.container--reading{max-width:800px}.container--narrow{max-width:480px}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-title{font:var(--text-large-title);letter-spacing:-.4px;color:var(--label)}.page-title--sm{font:var(--text-title1-bold);letter-spacing:-.3px}.page-sub{font:var(--text-subheadline);color:var(--label-2);margin-top:var(--sp-2)}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.stack--tight{gap:var(--sp-2)}.row{align-items:center;gap:var(--sp-2);display:flex}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.section-label{font:var(--text-caption-caps);letter-spacing:.06em;text-transform:uppercase;color:var(--label-2);padding:0 var(--sp-1);margin:var(--sp-6) 0 var(--sp-2)}.topbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--sep);position:sticky;top:0}.topbar__inner{max-width:800px;padding:0 var(--sp-6);align-items:center;gap:var(--sp-6);height:56px;margin:0 auto;display:flex}.topbar__brand{white-space:nowrap;font:var(--text-headline);letter-spacing:-.2px;color:var(--label);align-items:center;gap:var(--sp-2);flex:none;display:inline-flex}.topbar__brand:hover{opacity:.7;text-decoration:none}.brand-mark{color:var(--brand);flex:none;display:block}.topbar__links{align-items:center;gap:var(--sp-1);display:flex}.nav-link{white-space:nowrap;font:var(--text-subheadline);color:var(--label-2);padding:6px var(--sp-3);border-radius:var(--r-sm);min-height:32px;transition:color var(--dur-fast) var(--ease-smooth), background-color var(--dur-fast) var(--ease-smooth);flex:none;align-items:center;display:inline-flex}.nav-link:hover{background:var(--fill);color:var(--label);text-decoration:none}.nav-link.router-link-active{color:var(--label);background:var(--fill);font-weight:600}.topbar__user{font:var(--text-footnote);color:var(--label-2)}.app{background:var(--bg);flex:1;height:100svh;display:flex;overflow:hidden}.sidebar{z-index:10;width:240px;padding:var(--sp-3) var(--sp-3) var(--sp-2);background:var(--bg-grouped);border-right:1px solid var(--sep);transition:width var(--dur-base) var(--ease-smooth), padding var(--dur-base) var(--ease-smooth);flex-direction:column;flex:none;gap:2px;display:flex;position:relative;overflow:visible}.sidebar__top{padding-bottom:var(--sp-5);align-items:center;gap:2px;display:flex}.sidebar__brand{align-items:center;gap:var(--sp-2);min-width:0;padding:2px var(--sp-2);font:700 17px/1.3 var(--font-ui);color:var(--label);flex:1;display:flex}.sidebar__brand:hover{text-decoration:none}.sidebar__brand-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__toggle{flex:none}.sidebar__label{font:var(--text-caption-caps);letter-spacing:.08em;text-transform:uppercase;color:var(--label-3);padding:var(--sp-4) var(--sp-2) var(--sp-1)}.side-link{min-height:34px;padding:6px var(--sp-2);border-radius:var(--r-sm);font:var(--text-subheadline);color:var(--label);transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth);align-items:center;gap:10px;display:flex}.side-link:hover{background:#0000000a;text-decoration:none}.side-link--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side-link svg{flex:none;width:18px;height:18px}.sidebar__spacer{flex:1}.sidebar__user{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--sep);min-width:0;position:relative}.user-trigger{align-items:center;gap:var(--sp-2);width:100%;padding:6px var(--sp-2);border-radius:var(--r-md);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-smooth);background:0 0;border:none;display:flex}.user-trigger:hover{background:#0000000a}.user-trigger__chevron{width:16px;height:16px;color:var(--label-3);transition:transform var(--dur-fast) var(--ease-smooth);flex:none;margin-left:auto}.user-trigger[aria-expanded=true] .user-trigger__chevron{transform:rotate(180deg)}.user-menu{z-index:120;width:184px;padding:var(--sp-1);background:var(--bg);border:1px solid var(--sep);border-radius:var(--r-lg);position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000024}.user-menu__item{align-items:center;gap:var(--sp-2);width:100%;padding:7px var(--sp-2);border-radius:var(--r-sm);color:var(--label);font:var(--text-subheadline);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.user-menu__item:hover{background:var(--fill);text-decoration:none}.user-menu__item--danger{color:var(--danger)}.user-menu__item--danger:hover{background:var(--danger-soft)}.user-menu__item svg{flex:none;width:16px;height:16px}.avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);font:600 13px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.sidebar__user-info{min-width:0;font:var(--text-footnote-med);color:var(--label);flex-direction:column;flex:1;display:flex}.sidebar__user-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__user-info .muted{font:var(--text-caption);color:var(--label-2);font-weight:400}.app__list{background:var(--bg);border-right:1px solid var(--sep);overscroll-behavior:contain;flex-direction:column;flex:none;width:320px;min-height:0;display:flex;overflow-y:auto}.app__detail{background:var(--bg);overscroll-behavior:contain;flex:1 1 0;min-width:0;overflow-y:auto}.detail-pane{flex-direction:column;align-items:flex-start;width:100%;height:100%;min-height:0;display:flex}.panel-head{z-index:2;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-2);background:var(--bg);display:flex;position:sticky;top:0}.panel-title{font:var(--text-title3);letter-spacing:-.2px;color:var(--label)}.panel-tools{padding:0 var(--sp-4) var(--sp-3)}.panel-foot{padding:var(--sp-3) var(--sp-4) var(--sp-6)}.filter-tabs{gap:var(--sp-1);display:flex}.filter-tab{font:var(--text-footnote-med);color:var(--label-2);border-radius:var(--r-sm);cursor:pointer;min-height:26px;transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth);background:0 0;border:none;padding:4px 8px}.filter-tab:hover{color:var(--label)}.filter-tab[aria-pressed=true]{background:var(--fill);color:var(--label);font-weight:600}.note-list{flex-direction:column;display:flex}.note-row{padding:10px var(--sp-4) 10px calc(var(--sp-4) - 3px);border-left:3px solid #0000;border-top:1px solid var(--sep);color:inherit;transition:background-color var(--dur-fast) var(--ease-smooth);display:block}.note-row:first-child{border-top:none}.note-row:hover{background:var(--cell-hover);text-decoration:none}.note-row--active{background:var(--accent-soft);border-left-color:var(--accent)}.note-row__head{align-items:center;gap:6px;display:flex}.note-row__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 14px/1.4 var(--font-ui);color:var(--label);flex:1;overflow:hidden}.note-row__preview{font:var(--text-caption);color:var(--label-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.note-row__meta{font:var(--text-caption);color:var(--label-2);margin-top:6px}.vis-icon{flex:none;width:14px;height:14px}.vis-icon--private{color:var(--label-2)}.vis-icon--public{color:var(--accent)}.detail-inner{width:100%;padding:var(--sp-8) var(--sp-8) var(--sp-16)}.detail-head{margin-bottom:var(--sp-6)}.detail-title{font:var(--text-large-title);letter-spacing:-.4px;color:var(--label)}.detail-sub{font:var(--text-subheadline);color:var(--label-2);margin-top:var(--sp-2)}.detail-empty{justify-content:center;align-items:center;gap:var(--sp-2);height:100%;min-height:60svh;padding:var(--sp-10);text-align:center;color:var(--label-2);flex-direction:column;display:flex}.detail-empty__title{font:var(--text-title3);color:var(--label)}.detail-empty__text{font:var(--text-subheadline);max-width:32ch;line-height:1.6}.note-view{flex-direction:column;min-height:100%;display:flex}.note-view--editing{height:100%}.panel{background:var(--bg);border:1px solid var(--sep);border-radius:var(--r-lg);overflow:hidden}.panel--flat{border:none}.panel--pad{padding:var(--sp-6)}.panel--pad>*+*{margin-top:var(--sp-4)}.rows{flex-direction:column;display:flex}.row-item{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--sep);min-height:52px;color:inherit;transition:background-color var(--dur-fast) var(--ease-smooth);display:flex}.row-item:first-child{border-top:none}.row-item--tappable:hover{background:var(--cell-hover);text-decoration:none}.row-item__main{flex:1;min-width:0}.row-item__title{font:var(--text-headline);color:var(--label);align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.row-item__sub{font:var(--text-footnote);color:var(--label-2);margin-top:2px;line-height:1.5}.row-item__chevron{color:var(--label-3);flex:none;font-size:17px;line-height:1}.note-item{padding:var(--sp-4) var(--sp-2);border-top:1px solid var(--sep);color:inherit;transition:background-color var(--dur-fast) var(--ease-smooth);display:block}.note-item:first-child{border-top:none}.note-item:hover{background:var(--cell-hover);text-decoration:none}.note-item__head{align-items:baseline;gap:var(--sp-3);display:flex}.note-item__title{font:var(--text-headline);color:var(--label);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.note-item__preview{font:var(--text-subheadline);color:var(--label-2);margin-top:var(--sp-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.note-item__meta{align-items:center;gap:var(--sp-2);font:var(--text-footnote);color:var(--label-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.meta-dot:before{content:"·";margin-right:var(--sp-2);color:var(--label-4)}.tag{font:var(--text-caption);color:var(--label);background:var(--fill);border-radius:var(--r-sm);white-space:nowrap;min-height:22px;transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth);align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}a.tag:hover,button.tag:hover{color:var(--label);background:#e8e8ed;text-decoration:none}button.tag{cursor:pointer;font-family:var(--font-ui);border:none}button.tag[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.tag-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.badge{font:var(--text-caption);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:4px;padding:1px 6px;font-weight:600;display:inline-flex}.badge--public{color:var(--accent);background:var(--accent-soft)}.badge--private{color:var(--label-2);background:var(--fill)}.badge--danger{color:var(--danger);background:var(--danger-soft)}.btn{font:var(--text-subheadline-med);border-radius:var(--r-md);padding:0 var(--sp-3);cursor:pointer;white-space:nowrap;height:34px;min-height:34px;color:var(--label-2);transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth), opacity var(--dur-fast) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill);color:var(--label);text-decoration:none}.btn:active:not(:disabled){opacity:.75}.btn:disabled{opacity:.38;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.btn--quiet{color:var(--accent);background:0 0}.btn--quiet:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.btn--danger{color:var(--danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn--sm{font:var(--text-footnote-med);height:28px;min-height:28px;padding:0 var(--sp-2)}.btn--lg{font:var(--text-body-tight);height:40px;min-height:40px;padding:0 var(--sp-4);font-weight:500}.btn--block{width:100%}.icon-btn{width:30px;height:30px;min-height:30px;color:var(--label-2);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--fill);color:var(--label)}.icon-btn svg{width:16px;height:16px}.segmented{gap:2px;display:inline-flex}.segmented__item{font:var(--text-footnote-med);color:var(--label-2);border-radius:var(--r-sm);padding:4px var(--sp-2);cursor:pointer;min-height:26px;transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth);background:0 0;border:none}.segmented__item:hover{color:var(--label)}.segmented__item[aria-pressed=true]{background:var(--fill);color:var(--label);font-weight:600}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font:var(--text-footnote-med);color:var(--label-2)}.field__hint{font:var(--text-footnote);color:var(--label-2);line-height:1.5}.field__error{font:var(--text-footnote);color:var(--danger)}.input,.textarea,.select{font:var(--text-body-tight);color:var(--label);background:var(--fill);border-radius:var(--r-md);padding:7px var(--sp-3);width:100%;min-height:36px;transition:background-color var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-fast) var(--ease-smooth);appearance:none;border:1px solid #0000}.input::placeholder,.textarea::placeholder{color:var(--label-3)}.input:hover,.textarea:hover,.select:hover{background:#ececf1}.select{background-image:linear-gradient(45deg, transparent 50%, var(--label-2) 50%), linear-gradient(135deg, var(--label-2) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.textarea{resize:vertical;min-height:340px;line-height:1.7}.input--search{border-radius:var(--r-md)}.input--hero{min-height:40px;font:var(--text-body-tight);padding-left:var(--sp-4)}.checkbox-row{align-items:center;gap:var(--sp-2);font:var(--text-subheadline);color:var(--label-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none}.notice{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font:var(--text-footnote);line-height:1.55;display:flex}.notice--error{background:var(--danger-soft);color:var(--danger)}.notice--info{background:var(--fill);color:var(--label-2)}.notice--success{background:var(--success-soft);color:#1d8a43}.notice--warning{background:var(--accent-soft);color:var(--accent)}.notice__actions{gap:var(--sp-2);flex-wrap:wrap;margin-left:auto;display:flex}.empty{text-align:center;padding:var(--sp-16) var(--sp-6)}.empty__title{font:var(--text-title3);color:var(--label);margin-bottom:var(--sp-2)}.empty__text{font:var(--text-subheadline);color:var(--label-2);max-width:34ch;margin:0 auto var(--sp-6);line-height:1.6}.skeleton{border-radius:var(--r-xs);background:var(--fill);animation:skeleton-pulse 1.6s var(--ease-smooth) infinite}.skeleton--title{height:20px}.skeleton--line{height:12px}.skeleton+.skeleton{margin-top:var(--sp-2)}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.fade-enter-active{transition:opacity var(--dur-base) var(--ease-smooth), transform var(--dur-base) var(--ease-smooth)}.fade-enter-from{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-nav{flex-direction:column;display:flex}.settings-nav a{font:var(--text-subheadline);color:var(--label);padding:var(--sp-2) var(--sp-4);white-space:nowrap;min-height:38px;transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth);border-left:3px solid #0000;align-items:center;display:flex}.settings-nav a:hover{background:var(--cell-hover);text-decoration:none}.settings-nav a.router-link-active{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent);font-weight:600}.kv{gap:var(--sp-3) var(--sp-4);font:var(--text-subheadline);grid-template-columns:96px minmax(0,1fr);margin:0;display:grid}.kv dt{color:var(--label-2)}.kv dd{color:var(--label);overflow-wrap:anywhere;margin:0}.mono,.code-block{font-family:var(--font-mono);font-size:13px}.code-block{background:var(--fill);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);word-break:break-all;color:var(--label);-webkit-user-select:all;user-select:all;line-height:1.6}.article{max-width:800px}.article__title{font:var(--text-large-title);letter-spacing:-.4px;color:var(--label);margin-bottom:var(--sp-2)}.article__meta{font:var(--text-footnote);color:var(--label-2);align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.article__body{font:var(--text-body);color:var(--label);white-space:pre-wrap;overflow-wrap:anywhere}.article__body:empty:after{content:"（这篇笔记还没有正文）";color:var(--label-3);font-style:italic}.portfolio-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.portfolio-card{background:var(--bg);border:1px solid var(--sep);border-radius:var(--r-lg);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.portfolio-card__title{font:var(--text-headline);color:var(--label)}.portfolio-card__desc{font:var(--text-subheadline);color:var(--label-2);flex:1;line-height:1.6}.repo-link{font:var(--text-footnote-med);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-sm);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;padding:3px 8px;display:inline-flex;overflow:hidden}.repo-link:hover{background:var(--accent);color:var(--on-accent);text-decoration:none}.repo-link--primary{background:var(--accent);color:var(--on-accent)}.repo-link--primary:hover{background:var(--accent-hover)}.auth-shell{min-height:100svh;padding:var(--sp-6);background:var(--bg-grouped);place-items:center;display:grid}.auth-card{background:var(--bg);border:1px solid var(--sep);border-radius:var(--r-xl);width:100%;max-width:360px;padding:var(--sp-8) var(--sp-6) var(--sp-6)}.auth-card__mark{margin-bottom:var(--sp-4);display:block}.auth-card__title{font:var(--text-title2);letter-spacing:-.2px;color:var(--label)}.auth-card__sub{font:var(--text-subheadline);color:var(--label-2);margin:var(--sp-2) 0 var(--sp-6)}.code-input{font-family:var(--font-mono);letter-spacing:.35em;text-align:center;min-height:48px;padding:10px;font-size:22px}.text-secondary{color:var(--label-2)}.text-tertiary{color:var(--label-3)}.text-danger{color:var(--danger)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.divider{background:var(--sep);height:1px;margin:var(--sp-4) 0}@media (width<=1200px){.app__list{width:280px}}@media (width<=900px){.app__list{width:250px}.detail-inner{padding:var(--sp-8) var(--sp-5) var(--sp-12)}}@media (width<=640px){.app__list{width:220px}.detail-inner,.container{padding:var(--sp-6) var(--sp-4) var(--sp-12)}.topbar__inner{height:auto;min-height:48px;padding:var(--sp-2) var(--sp-4);gap:var(--sp-2);flex-wrap:wrap}.topbar__links{scrollbar-width:none;-webkit-overflow-scrolling:touch;order:3;width:100%;padding-bottom:2px;overflow-x:auto}.topbar__links::-webkit-scrollbar{display:none}.nav-link{min-height:30px;padding:5px 10px}.topbar__user{margin-left:auto}.page-title{font:var(--text-title1-bold)}.page-head{align-items:center}.note-item{padding:var(--sp-3) var(--sp-1)}}.editor-shell{background:var(--bg-elevated);border-radius:var(--r-lg);border:1px solid var(--sep-strong);transition:border-color var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-fast) var(--ease-smooth);flex:1;min-height:0;display:flex;overflow:hidden}.editor-shell:focus-within{border-color:var(--accent)}.editor-surface{padding:var(--sp-5) var(--sp-6);overscroll-behavior:contain;flex:1;min-height:0;display:flex;overflow-y:auto}.editor-surface::-webkit-scrollbar{width:10px}.editor-surface::-webkit-scrollbar-thumb{background:var(--label-4);border-radius:var(--r-capsule);background-clip:content-box;border:3px solid #0000}.editor-surface::-webkit-scrollbar-track{background:0 0}.milkdown{font:var(--text-body);color:var(--label);letter-spacing:.01em;width:100%}.milkdown .ProseMirror{white-space:pre-wrap;word-wrap:break-word;width:100%;min-height:100%;box-shadow:none!important;outline:none!important}.milkdown .ProseMirror>*+*,.milkdown .ProseMirror pre+*,.milkdown .ProseMirror *+pre{margin-top:var(--sp-4)}.milkdown .ProseMirror p{margin:0;line-height:1.75}.milkdown .ProseMirror h1,.milkdown .ProseMirror h2,.milkdown .ProseMirror h3,.milkdown .ProseMirror h4{font-family:var(--font-ui);color:var(--label);letter-spacing:-.4px;font-weight:650;line-height:1.25}.milkdown .ProseMirror h1{margin-top:var(--sp-8);font-size:30px}.milkdown .ProseMirror h2{margin-top:var(--sp-6);font-size:24px}.milkdown .ProseMirror h3{font-size:20px}.milkdown .ProseMirror h4{font-size:17px}.milkdown .ProseMirror ul,.milkdown .ProseMirror ol{margin:0;padding-left:1.4em}.milkdown .ProseMirror li{margin:6px 0;line-height:1.7}.milkdown .ProseMirror ul{list-style:outside}.milkdown .ProseMirror ol{list-style:decimal}.milkdown .ProseMirror blockquote{padding:2px 0 2px var(--sp-4);border-left:3px solid var(--accent);color:var(--label-2);margin:0}.milkdown .ProseMirror code{font-family:var(--font-mono);background:var(--fill-2);border-radius:var(--r-xs);padding:2px 6px;font-size:.88em}.milkdown .ProseMirror pre{font-family:var(--font-mono);background:var(--fill-3);border:1px solid var(--sep);border-radius:var(--r-md);padding:var(--sp-4);white-space:pre;tab-size:2;font-size:13px;line-height:1.6;overflow-x:auto}.milkdown .ProseMirror pre>code{line-height:inherit;font-family:inherit;font-size:inherit;background:0 0;padding:0;display:block}.milkdown .ProseMirror pre code{font-size:inherit;background:0 0;padding:0}.milkdown .ProseMirror a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.milkdown .ProseMirror hr{border:none;border-top:1px solid var(--sep);margin:var(--sp-6) 0}.milkdown .ProseMirror table{border-collapse:collapse;width:100%;font:var(--text-subheadline)}.milkdown .ProseMirror th,.milkdown .ProseMirror td{border:1px solid var(--sep);padding:var(--sp-2) var(--sp-3);text-align:left}.milkdown .ProseMirror th{background:var(--fill-3);font-weight:600}.milkdown .ProseMirror img{border-radius:var(--r-md);max-width:100%}.milkdown .ProseMirror p.is-empty:before,.milkdown .ProseMirror .is-empty:before{content:attr(data-placeholder);color:var(--label-3);pointer-events:none;float:left;height:0}.milkdown .ProseMirror ::selection{background:var(--accent-soft);color:var(--label)}.md-body{font:var(--text-body);color:var(--label);letter-spacing:.01em}.md-body>*+*{margin-top:var(--sp-4)}.md-body p{margin:0;line-height:1.78}.md-body h1,.md-body h2,.md-body h3,.md-body h4{font-family:var(--font-ui);letter-spacing:-.4px;color:var(--label);line-height:1.3}.md-body h1{margin-top:var(--sp-8);font-size:28px}.md-body h2{margin-top:var(--sp-6);font-size:22px}.md-body ul,.md-body ol{padding-left:1.5em}.md-body ul{list-style:outside}.md-body ol{list-style:decimal}.md-body li{margin:6px 0;line-height:1.72}.md-body blockquote{padding:2px 0 2px var(--sp-4);border-left:3px solid var(--accent);color:var(--label-2);margin:0}.md-body code{font-family:var(--font-mono);background:var(--fill-2);border-radius:var(--r-xs);padding:2px 6px;font-size:.88em}.md-body pre{font-family:var(--font-mono);background:var(--fill-3);border:1px solid var(--sep);border-radius:var(--r-md);padding:var(--sp-4);white-space:pre;tab-size:2;font-size:13px;line-height:1.6;overflow-x:auto}.md-body pre code{line-height:inherit;background:0 0;padding:0;display:block}.md-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.md-body hr{border:none;border-top:1px solid var(--sep);margin:var(--sp-6) 0}.md-body table{border-collapse:collapse;width:100%;font:var(--text-subheadline)}.md-body th,.md-body td{border:1px solid var(--sep);padding:var(--sp-2) var(--sp-3)}.md-body th{background:var(--fill-3);font-weight:600}.md-body img{border-radius:var(--r-md);max-width:100%}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);padding:var(--sp-6);animation:backdrop-in var(--dur-base) var(--ease-smooth);background:#00000052;place-items:center;display:grid;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}}.modal{background:var(--bg-elevated);border-radius:var(--r-2xl);width:100%;max-width:440px;max-height:90svh;padding:var(--sp-6);animation:modal-in var(--dur-base) var(--ease-snappy);overflow-y:auto;box-shadow:0 24px 60px #0000003d}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.modal__title{font:var(--text-title3);letter-spacing:-.3px;color:var(--label)}.modal__sub{font:var(--text-footnote);color:var(--label-2);margin-top:2px}.modal__actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-6);display:flex}:root{--code-comment:#6b7280;--code-keyword:#b3268f;--code-string:#0a7a3a;--code-number:#b45309;--code-function:#0550ae;--code-type:#7c3aed;--code-attr:#8a5a00;--code-tag:#0550ae}.milkdown .ProseMirror .hljs,.md-body .hljs,.milkdown .ProseMirror code,.md-body code{color:var(--label)}.hljs-comment,.hljs-quote{color:var(--code-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-meta .hljs-keyword{color:var(--code-keyword);font-weight:600}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta .hljs-string{color:var(--code-string)}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-link{color:var(--code-number)}.hljs-title,.hljs-title.function_,.hljs-section,.hljs-name{color:var(--code-function);font-weight:600}.hljs-type,.hljs-class .hljs-title,.hljs-title.class_,.hljs-built_in{color:var(--code-type)}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-property{color:var(--code-attr)}.hljs-tag{color:var(--code-tag)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-deletion{color:var(--danger)}.code-block-wrap{position:relative}.code-lang{font:var(--text-caption);color:var(--label-3);text-transform:lowercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:8px;right:12px}.code-block-wrap pre{padding-right:var(--sp-8)}.tag-picker{gap:var(--sp-2);flex-direction:column;display:flex}.tag--selected{background:var(--accent);color:var(--on-accent);align-items:center;gap:4px;display:inline-flex}.tag--selected:hover{background:var(--accent-hover);color:var(--on-accent)}.tag__x{opacity:.75;font-size:13px;line-height:1}.tag--selected:hover .tag__x{opacity:1}.tag--add{border:1px dashed var(--sep-strong);color:var(--label-2);background:0 0}.tag-picker__suggest{border:1px solid var(--sep);border-radius:var(--r-md);flex-direction:column;max-height:180px;display:flex;overflow:hidden auto}.tag-picker__suggest-item{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);border:none;border-top:1px solid var(--sep);background:var(--bg-elevated);font:var(--text-subheadline);color:var(--label);cursor:pointer;text-align:left;display:flex}.tag-picker__suggest-item:first-child{border-top:none}.tag-picker__suggest-item:hover{background:var(--cell-hover)}.tag-picker__suggest-action{font:var(--text-caption);color:var(--accent)}.tag-field{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.tag-field .tag-picker{align-items:center;gap:var(--sp-2);flex-flow:wrap}.milkdown[data-empty=true]{position:relative}.milkdown[data-empty=true]:before{content:"开始写点什么…支持 Markdown：**粗体**、`代码`、- 列表、> 引用";top:var(--sp-5);left:var(--sp-6);color:var(--label-3);font:var(--text-body);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.tag-field .tag-picker{gap:6px}.tag-field .tag{min-height:20px;padding:2px 9px;font-size:12px}.tag-input{font:var(--text-caption);font-weight:500;font-family:var(--font-ui);color:var(--label);border:1px dashed var(--accent);border-radius:var(--r-capsule);width:132px;height:22px;min-height:22px;box-shadow:none;appearance:none;background:0 0;outline:none;padding:3px 10px}.tag-input::placeholder{color:var(--label-3)}.tag-field .tag-input{width:118px;height:20px;min-height:20px;padding:2px 9px;font-size:12px}.tag-picker__suggest-item{-webkit-user-select:none;user-select:none}.tag--pick{background:var(--fill-2);color:var(--label-2);border:1px solid #0000}.tag--pick:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tag--add{border:1px dashed var(--sep-strong);color:var(--label-2);background:0 0;justify-content:center;min-width:22px;padding:3px 6px;font-weight:600}.tag--add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tag--add[aria-expanded=true]{border-style:solid;border-color:var(--accent);color:var(--accent)}.tag-picker__input-row{align-items:center;display:flex}.tag-field .tag--add{min-width:20px;padding:2px 6px}.tag-dropdown{gap:var(--sp-2);flex-direction:column;display:flex;position:relative}.tag-dropdown__bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-dropdown__bar .tag--selected{gap:2px;padding-right:4px}.tag__remove{color:inherit;cursor:pointer;opacity:.7;border-radius:var(--r-capsule);background:0 0;border:none;padding:0 3px;font-size:13px;line-height:1}.tag__remove:hover{opacity:1;background:#ffffff2e}.tag-dropdown__trigger{font:var(--text-caption);color:var(--accent);border:1px dashed var(--sep-strong);border-radius:var(--r-capsule);cursor:pointer;min-height:22px;transition:background-color var(--dur-fast) var(--ease-smooth), border-color var(--dur-fast) var(--ease-smooth);background:0 0;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.tag-dropdown__trigger:hover,.tag-dropdown__trigger[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);border-style:solid}.tag-dropdown__panel{z-index:40;background:var(--bg-elevated);border:1px solid var(--sep);border-radius:var(--r-lg);width:300px;max-width:min(300px,92vw);box-shadow:var(--shadow-2);padding:var(--sp-2);animation:dropdown-in var(--dur-fast) var(--ease-snappy);position:absolute;top:calc(100% + 6px);right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.tag-dropdown__panel{animation:none}}.tag-dropdown__search{min-height:34px;font:var(--text-subheadline);border-radius:var(--r-sm)}.tag-dropdown__list{max-height:240px;margin-top:var(--sp-2);flex-direction:column;display:flex;overflow-y:auto}.tag-dropdown__item{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;padding:7px var(--sp-2);border-radius:var(--r-sm);font:var(--text-subheadline);color:var(--label);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.tag-dropdown__item:hover{background:var(--cell-hover)}.tag-dropdown__item--create{color:var(--accent);font-weight:600}.tag-dropdown__meta{font:var(--text-caption);color:var(--label-3)}.tag-dropdown__empty{padding:var(--sp-3) var(--sp-2);font:var(--text-footnote);color:var(--label-3);text-align:center}.list-panel{flex-direction:column;min-height:100%;display:flex}.list-rows{flex-direction:column;display:flex}.list-row{align-items:center;gap:var(--sp-2);width:100%;padding:10px var(--sp-4) 10px calc(var(--sp-4) - 3px);border:none;border-left:3px solid #0000;border-top:1px solid var(--sep);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-smooth);background:0 0;display:flex}.list-row:first-child{border-top:none}.list-row:hover{background:var(--cell-hover);text-decoration:none}.list-row--active{background:var(--accent-soft);border-left-color:var(--accent);color:var(--label)}.list-row--active:hover{background:var(--accent-soft)}.list-row__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 14px/1.4 var(--font-ui);flex:1;overflow:hidden}.list-row__meta{font:var(--text-caption);color:var(--label-2);flex:none}.search-tags{gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);flex-wrap:wrap;display:flex}.note-flash{width:100%;max-width:800px;margin:var(--sp-4) auto 0;padding:0 var(--sp-8);gap:var(--sp-2);flex-direction:column;display:flex}.tag-detail{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--sep)}.tag-detail__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex}.tag-detail__name{font:var(--text-title3);color:var(--label)}@media (width<=900px){.note-flash{padding:0 var(--sp-5)}}@media (width<=640px){.note-flash{padding:0 var(--sp-4)}}.md-body p{line-height:1.7}.md-body h1{font-size:32px}.md-body h2{font-size:24px}.md-body h3{font-size:20px}.md-body h4{font-size:17px}.editor-page{width:100%;min-height:0;padding:var(--sp-8) var(--sp-8) var(--sp-12);flex-direction:column;flex:1;display:flex}.editor-header{align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;flex:none;display:flex}.editor-title{min-width:0;font:700 32px/1.3 var(--font-ui);letter-spacing:-.4px;color:var(--label);background:0 0;border:none;border-radius:0;flex:260px;min-height:42px;padding:0;box-shadow:none!important}.editor-title::placeholder{color:var(--label-3)}.editor-title:focus{box-shadow:none;background:0 0}.editor-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:2px;margin-left:auto;padding-top:4px;display:flex}.save-state{font:var(--text-caption);color:var(--label-2);padding:0 var(--sp-2) 0 var(--sp-1);white-space:nowrap}.save-state--saving{color:var(--accent)}.save-state--error{color:var(--danger)}.editor-actions .tag-dropdown{gap:0}.editor-actions .tag-dropdown__bar{gap:var(--sp-1)}.editor-actions .tag-dropdown__trigger{color:var(--label-2);font:var(--text-footnote-med);padding:4px var(--sp-2);border-radius:var(--r-sm);border:none;min-height:28px}.editor-actions .tag-dropdown__trigger:hover{background:var(--fill);color:var(--label)}.editor-body{min-height:0;margin-top:var(--sp-2);flex:1 1 0;display:flex}.editor-page .editor-shell{box-shadow:none;background:0 0;border:none;border-radius:0}.editor-page .editor-shell:focus-within{box-shadow:none;border:none}.editor-page .editor-surface{padding:0}.editor-page .milkdown,.editor-page .milkdown .ProseMirror{background:0 0;border:none;box-shadow:none!important;outline:none!important}.editor-page .milkdown .ProseMirror{font:var(--text-body);letter-spacing:0}.editor-page .milkdown .ProseMirror p,.editor-page .milkdown .ProseMirror li{line-height:1.7}.editor-page .milkdown .ProseMirror h1{font-size:32px;line-height:1.3}.editor-page .milkdown .ProseMirror h2{font-size:24px;line-height:1.3}.editor-page .milkdown .ProseMirror h3{font-size:20px;line-height:1.3}.editor-page .milkdown .ProseMirror h4{font-size:17px;line-height:1.4}@media (width<=900px){.editor-page{padding:var(--sp-6) var(--sp-5) var(--sp-12)}}@media (width<=640px){.editor-page{padding:var(--sp-4) var(--sp-4) var(--sp-12)}.editor-title{font-size:26px}}.sidebar--mini{width:64px;padding:var(--sp-3) var(--sp-2) var(--sp-2)}.sidebar--mini .sidebar__top{align-items:center;gap:var(--sp-1);padding-bottom:var(--sp-4);flex-direction:column}.sidebar--mini .sidebar__brand{flex:none;justify-content:center;padding:0}.sidebar--mini .sidebar__brand-text,.sidebar--mini .sidebar__label,.sidebar--mini .side-link span,.sidebar--mini .sidebar__user-info{display:none}.sidebar--mini .side-link{justify-content:center;padding:6px 0}.sidebar--mini .sidebar__user{padding:var(--sp-3) 0 0}.sidebar--mini .user-trigger{justify-content:center;gap:0;padding:4px 0}.sidebar--mini .user-trigger__chevron{display:none}.sidebar--mini .user-menu{width:168px;left:-2px}.sidebar--mini [data-tip]{position:relative}.sidebar--mini [data-tip]:after{content:attr(data-tip);border-radius:var(--r-sm);color:#fff;font:400 12px/1.4 var(--font-ui);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-smooth);z-index:100;background:#1a1a1a;padding:5px 8px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-2px)}.sidebar--mini [data-tip]:hover:after,.sidebar--mini [data-tip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.detail-pane>*{flex-shrink:0;width:100%;max-width:800px}.detail-pane{container-type:inline-size}.detail-pane>.note-shell{max-width:none}.note-shell{align-items:flex-start;gap:var(--sp-12);width:100%;min-height:100%;display:flex}.note-shell--editing{height:100svh;min-height:0}.note-shell>.note-view{flex:auto;min-width:0;max-width:800px;min-height:100%}.note-shell--editing>.note-view{height:100%;min-height:0}.note-outline{width:200px;max-height:calc(100svh - 64px);padding:var(--sp-8) 0;overscroll-behavior:contain;flex:0 0 200px;align-self:flex-start;position:sticky;top:0;overflow-y:auto}.note-outline__title{font:var(--text-caption-caps);letter-spacing:.08em;text-transform:uppercase;color:var(--label-3);padding:0 var(--sp-2);margin-bottom:var(--sp-2)}.note-outline__list{flex-direction:column;gap:1px;display:flex}.note-outline__item{width:100%;padding:4px var(--sp-2);border-radius:var(--r-sm);color:var(--label-2);font:var(--text-footnote);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth);background:0 0;border:none;display:block;overflow:hidden}.note-outline__item:hover{background:var(--fill);color:var(--label)}.note-outline__item--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.note-outline__item--h2{padding-left:calc(var(--sp-2) + 12px)}.note-outline__item--h3{padding-left:calc(var(--sp-2) + 24px)}@container (width<=1080px){.note-outline{display:none}}.app__list,.app__detail,.editor-surface,.note-outline,.modal{scrollbar-width:none;-ms-overflow-style:none}.app__list::-webkit-scrollbar{width:0;height:0;display:none}.app__detail::-webkit-scrollbar{width:0;height:0;display:none}.editor-surface::-webkit-scrollbar{width:0;height:0;display:none}.note-outline::-webkit-scrollbar{width:0;height:0;display:none}.modal::-webkit-scrollbar{width:0;height:0;display:none}.list-actions{z-index:2;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--bg);border-top:1px solid var(--sep);margin-top:auto;display:flex;position:sticky;bottom:0}.list-actions .btn{flex:1;min-width:0}.list-actions .btn svg{flex:none;width:14px;height:14px}.tree{padding-bottom:var(--sp-4);flex-direction:column;display:flex}.tree-row{width:100%;min-height:30px;padding:4px var(--sp-2);color:var(--label);font:var(--text-subheadline);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;display:flex;position:relative}.tree-row:hover{background:var(--cell-hover);text-decoration:none}.tree-row--selected,.tree-row--active{background:var(--accent-soft)}.tree-row--active .tree-name{color:var(--accent);font-weight:600}.tree-toggle{width:16px;height:16px;color:var(--label-2);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid}.tree-toggle svg{width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-smooth)}.tree-chevron--open{transform:rotate(90deg)}.tree-icon{width:14px;height:14px;color:var(--label-2);flex:none}.tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-count,.tree-time{font:var(--text-caption);color:var(--label-2);flex:none}.tree-more{opacity:0;width:24px;height:24px;min-height:24px;transition:opacity var(--dur-fast) var(--ease-smooth)}.tree-row:hover .tree-more,.tree-row--selected .tree-more,.tree-row:focus-within .tree-more{opacity:1}.tree-more svg{width:14px;height:14px}.tree-action{opacity:0;width:24px;height:24px;min-height:24px;transition:opacity var(--dur-fast) var(--ease-smooth)}.tree-row:hover .tree-action,.tree-row--selected .tree-action,.tree-row:focus-within .tree-action{opacity:1}.tree-action svg{width:13px;height:13px}.tree-menu{top:100%;right:var(--sp-2);z-index:40;width:150px;padding:var(--sp-1);background:var(--bg);border:1px solid var(--sep);border-radius:var(--r-lg);position:absolute;box-shadow:0 12px 32px #00000024}.tree-menu__item{width:100%;padding:6px var(--sp-2);border-radius:var(--r-sm);color:var(--label);font:var(--text-footnote);text-align:left;cursor:pointer;background:0 0;border:none;display:block}.tree-menu__item:hover{background:var(--fill)}.tree-menu__item--danger{color:var(--danger)}.tree-menu__item--danger:hover{background:var(--danger-soft)}.tree-input{padding-right:var(--sp-2);padding-top:2px;padding-bottom:2px}.tree-input .input{min-height:28px;padding:3px var(--sp-2);font:var(--text-footnote)}.tree-rename{min-width:0;min-height:24px;font:var(--text-footnote);flex:1;padding:1px 6px}.tree-empty{padding:var(--sp-4);font:var(--text-footnote);color:var(--label-2);text-align:center}.folder-select{width:auto;max-width:190px;min-height:28px;padding:2px 26px 2px var(--sp-2);font:var(--text-footnote-med);background-color:#0000}.input:focus,.textarea:focus,.select:focus{background:var(--fill);box-shadow:none;outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:none;outline:none}.tag-input{border-color:var(--sep-strong)}.tag-input:focus{border-style:dashed;border-color:var(--sep-strong);box-shadow:none}.modal--confirm{max-width:380px}.confirm__message{margin-top:var(--sp-2);font:var(--text-subheadline);color:var(--label-2);line-height:1.6}.btn--danger-solid{background:var(--danger);color:#fff}.btn--danger-solid:hover:not(:disabled){color:#fff;background:#e02f25}.tree-row--active .tree-action{opacity:1}.tree-action--danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.site-footer{right:var(--sp-4);bottom:var(--sp-2);z-index:30;border-radius:var(--r-sm);font:var(--text-caption);color:var(--label-2);text-align:right;pointer-events:none;-webkit-backdrop-filter:blur(4px);background:#ffffffe0;flex-direction:column;align-items:flex-end;gap:1px;padding:3px 8px;line-height:1.5;display:flex;position:fixed}.site-footer a,.site-footer span{pointer-events:auto}.site-footer a{color:var(--label-2)}.site-footer a:hover{color:var(--accent);text-decoration:none}.public-shell{min-height:100svh}.public-shell>main{flex:auto}.site-footer--inline{margin:var(--sp-12) auto var(--sp-6);padding:0 var(--sp-4);-webkit-backdrop-filter:none;justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-5);text-align:center;background:0 0;flex-flow:wrap;position:static;bottom:auto;right:auto}.public-intro{padding:var(--sp-12) 0 var(--sp-6)}.public-intro__title{font:var(--text-large-title);letter-spacing:-.4px;color:var(--label)}.public-intro__sub{margin-top:var(--sp-2);font:var(--text-subheadline);color:var(--label-2)}.public-intro form{margin-top:var(--sp-5)}.public-page-head{padding:var(--sp-12) 0 var(--sp-5)}.public-page-head__title{font:var(--text-large-title);letter-spacing:-.4px;color:var(--label)}.public-page-head__sub{margin-top:var(--sp-2);font:var(--text-subheadline);color:var(--label-2)}.public-list{border-top:1px solid var(--sep)}.public-notes{border-top:none;flex-direction:column;gap:48px;display:flex}.public-row{color:inherit;cursor:pointer;border:none;padding:0;display:block}.public-row:hover{text-decoration:none}.public-row:hover .public-row__title{color:var(--accent)}.public-row__date{color:var(--label-2);font-size:13px;line-height:1.5;display:block}.public-row__title{font:700 20px/1.3 var(--font-ui);letter-spacing:-.2px;color:var(--label);transition:color var(--dur-fast) var(--ease-smooth);margin-top:8px}.public-row__preview{color:var(--label-2);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:8px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.public-more{margin-top:var(--sp-6);justify-content:center;display:flex}.public-count{margin-top:var(--sp-6);text-align:center;font:var(--text-caption);color:var(--label-3)}.public-empty{padding:var(--sp-16) var(--sp-6);text-align:center}.public-empty__title{font:var(--text-title3);color:var(--label)}.public-empty__text{margin:var(--sp-2) auto var(--sp-5);max-width:34ch;font:var(--text-subheadline);color:var(--label-2);line-height:1.6}.public-project{padding:var(--sp-5) 0;border-bottom:1px solid var(--sep)}.public-project__title{font:var(--text-title3);letter-spacing:-.2px;color:var(--label)}.public-project__desc{font:var(--text-subheadline);color:var(--label-2);margin-top:6px;line-height:1.6}.public-project__repos{margin-top:10px}.public-reading{width:100%;max-width:1440px;padding:var(--sp-10) var(--sp-6) var(--sp-16);grid-template-columns:minmax(0,1fr) minmax(0,800px) minmax(0,1fr);align-items:start;margin:0 auto;display:grid}.public-article{grid-column:2;min-width:0}.public-outline{width:180px;margin-left:var(--sp-10);grid-column:3;position:sticky;top:88px}.public-outline .note-outline{width:auto;max-height:none;padding:0;position:static;overflow:visible}.public-article .md-body h1,.public-article .md-body h2,.public-article .md-body h3{scroll-margin-top:88px}@media (width<=1300px){.public-reading{max-width:800px;display:block}.public-outline{display:none}}@media (width<=640px){.public-reading{padding:var(--sp-6) var(--sp-4) var(--sp-12)}}.search-bar{width:100%}.search-field{width:100%;position:relative}.search-field__icon{width:16px;height:16px;color:var(--label-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{width:100%;padding-left:42px}.search-input--hero{min-height:44px;font-size:17px}.public-empty__art{width:88px;height:72px;margin:0 auto var(--sp-4);color:var(--label-4);opacity:.85;display:block}