:root{--c-bg:#f6f3ee;--c-surface:#fff;--c-surface-2:#efeae2;--c-surface-3:#e6dfd5;--c-border:#e3dcd2;--c-border-strong:#cfc5b8;--c-text:#2a241d;--c-text-2:#6b6156;--c-text-3:#9c9186;--c-accent:#8b5e3c;--c-accent-hover:#754c2e;--c-accent-soft:#f2e6da;--c-accent-text:#fff;--c-danger:#b0453a;--c-danger-soft:#fbeceb;--c-success:#4a7c59;--c-warning:#a9761f;--c-shadow-sm:0 1px 2px #3c2d1e0f;--c-shadow-md:0 2px 8px #3c2d1e17;--c-shadow-lg:0 8px 28px #3c2d1e29;--c-overlay:#281e146b;--c-focus:#8b5e3c59;--font-ui:"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", system-ui, -apple-system, sans-serif;--font-serif:"Songti SC", "SimSun", "Noto Serif SC", Georgia, serif;--font-mono:"Cascadia Code", Consolas, "SF Mono", Menlo, monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:14.5px;--fs-md:16px;--fs-lg:19px;--fs-xl:24px;--fs-2xl:30px;--lh-tight:1.3;--lh-base:1.65;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-full:999px;--t-fast:.12s ease;--t-base:.2s ease;--h-topbar:52px;--w-sidebar:168px;--w-list:296px;--z-topbar:10;--z-modal:100;--z-toast:200}:root[data-theme=dark]{--c-bg:#1a1816;--c-surface:#232020;--c-surface-2:#2c2826;--c-surface-3:#383330;--c-border:#35302c;--c-border-strong:#4a443e;--c-text:#ece6df;--c-text-2:#a89e94;--c-text-3:#776e66;--c-accent:#c08a5e;--c-accent-hover:#d29c70;--c-accent-soft:#33291f;--c-accent-text:#1a1816;--c-danger:#d97066;--c-danger-soft:#35211f;--c-success:#7fb08c;--c-warning:#d3a765;--c-shadow-sm:0 1px 2px #0000004d;--c-shadow-md:0 2px 8px #0006;--c-shadow-lg:0 8px 28px #0000008c;--c-overlay:#0009;--c-focus:#c08a5e66}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-accent);text-decoration:none}::selection{background:var(--c-accent-soft)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-full);background-clip:padding-box;border:3px solid #0000}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{align-items:center;gap:var(--sp-3);height:var(--h-topbar);padding:0 var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:var(--z-topbar);flex:none;display:flex}.topbar__brand{align-items:center;gap:var(--sp-2);flex:none;display:flex}.topbar__logo{font-size:var(--fs-lg);line-height:1}.topbar__title{font-size:var(--fs-md);letter-spacing:.02em;white-space:nowrap;font-weight:600}.topbar__spacer{flex:auto}.topbar__nav{align-items:center;gap:var(--sp-1);min-width:0;margin-left:var(--sp-3);scrollbar-width:none;flex:auto;display:flex;overflow-x:auto}.topbar__nav::-webkit-scrollbar{display:none}.navlink{border-radius:var(--r-full);color:var(--c-text-2);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);padding:6px 12px}.navlink:hover{background:var(--c-surface-2);color:var(--c-text)}.navlink--active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.iconbtn{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--r-md);width:34px;height:34px;font-size:var(--fs-md);transition:background var(--t-fast), border-color var(--t-fast);flex:none;place-items:center;line-height:1;display:grid}.iconbtn:hover{background:var(--c-surface-2);border-color:var(--c-border-strong)}.main{flex:auto;min-height:0;overflow:hidden}.btn{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-md);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), opacity var(--t-fast);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.btn:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-text)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn--ghost{color:var(--c-text-2);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.badge{border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text-2);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:4px;padding:1px 7px;display:inline-flex}.badge--accent{background:var(--c-accent-soft);color:var(--c-accent)}.badge--demo{background:var(--c-surface-3);color:var(--c-text-3)}.library{grid-template-columns:var(--w-sidebar) var(--w-list) 1fr;height:100%;min-height:0;display:grid}.library__pane{flex-direction:column;min-width:0;min-height:0;display:flex}.library__pane+.library__pane{border-left:1px solid var(--c-border)}.pane-head{align-items:center;gap:var(--sp-2);min-height:46px;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);background:var(--c-surface);flex:none;display:flex}.pane-head__title{font-size:var(--fs-sm);color:var(--c-text-2);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;overflow:hidden}.pane-body{min-height:0;padding:var(--sp-3);flex:auto;overflow-y:auto}.pane-back{display:none}.catlist__group{margin:var(--sp-3) var(--sp-2) var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-3);letter-spacing:.08em}.catlist__group:first-child{margin-top:0}.catlist{flex-direction:column;gap:2px;display:flex}.cat{align-items:center;gap:var(--sp-2);border-radius:var(--r-md);width:100%;color:var(--c-text-2);font-size:var(--fs-sm);text-align:left;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;padding:7px 10px;display:flex}.cat:hover{background:var(--c-surface-2);color:var(--c-text)}.cat--active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.cat__icon{text-align:center;flex:none;width:18px}.cat__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.cat__count{font-size:var(--fs-xs);color:var(--c-text-3);font-variant-numeric:tabular-nums;flex:none}.cat--active .cat__count{color:var(--c-accent)}.cardlist{gap:var(--sp-2);flex-direction:column;display:flex}.carditem{width:100%;padding:var(--sp-3);border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--r-md);text-align:left;transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast)}.carditem:hover{border-color:var(--c-border-strong);box-shadow:var(--c-shadow-sm)}.carditem--active{border-color:var(--c-accent);background:var(--c-accent-soft)}.carditem__top{align-items:center;gap:var(--sp-2);display:flex}.carditem__title{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;overflow:hidden}.carditem__meta{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:3px}.carditem__excerpt{margin-top:var(--sp-2);-webkit-line-clamp:2;line-clamp:2;font-size:var(--fs-sm);color:var(--c-text-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail{max-width:760px;padding:var(--sp-4) var(--sp-5) var(--sp-7)}.detail__head{align-items:flex-start;gap:var(--sp-3);display:flex}.detail__title{font-size:var(--fs-xl);font-weight:700;line-height:var(--lh-tight);flex:auto}.detail__actions{gap:var(--sp-2);flex:none;display:flex}.detail__meta{margin-top:var(--sp-2);gap:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);color:var(--c-text-3);flex-wrap:wrap;display:flex}.detail__label{margin-bottom:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-3);letter-spacing:.06em}.detail__text{font-family:var(--font-serif);font-size:var(--fs-md);line-height:var(--lh-base);white-space:pre-wrap}.detail__note{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2);color:var(--c-text-2);font-size:var(--fs-sm)}.empty{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-7) var(--sp-4);color:var(--c-text-3);text-align:center;flex-direction:column;display:flex}.empty__icon{opacity:.5;font-size:30px}.empty__text{font-size:var(--fs-sm)}.placeholder{justify-content:center;align-items:center;gap:var(--sp-3);height:100%;padding:var(--sp-6);text-align:center;flex-direction:column;display:flex}.placeholder__icon{font-size:46px;line-height:1}.placeholder__title{font-size:var(--fs-xl);font-weight:700}.placeholder__desc{max-width:460px;font-size:var(--fs-base);line-height:var(--lh-base);color:var(--c-text-2)}.placeholder__list{max-width:460px;margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-3);text-align:left;padding:0;list-style:none}.placeholder__list li{padding:3px 0}.placeholder__list li:before{content:"·";margin-right:6px}.page{height:100%;padding:var(--sp-5) var(--sp-6) var(--sp-7);overflow-y:auto}.page__title{font-size:var(--fs-xl);font-weight:700}.page__desc{margin-top:var(--sp-2);max-width:640px;color:var(--c-text-2)}.panel{max-width:780px;margin-top:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);overflow:hidden}.panel__head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);display:flex}.panel__title{font-size:var(--fs-sm);letter-spacing:.04em;flex:auto;font-weight:600}.panel__body{padding:var(--sp-4)}.statline{gap:var(--sp-2) var(--sp-5);font-size:var(--fs-sm);color:var(--c-text-2);flex-wrap:wrap;display:flex}.statline b{color:var(--c-text);font-variant-numeric:tabular-nums}.tablelist{margin-top:var(--sp-4);gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.tablelist__item{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--c-surface-2)}.tablelist__name{justify-content:space-between;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-sm);display:flex}.tablelist__name b{color:var(--c-accent);font-variant-numeric:tabular-nums}.tablelist__idx{font-family:var(--font-mono);color:var(--c-text-3);word-break:break-all;margin-top:3px;font-size:11px;line-height:1.5}.note{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--c-text-2)}.note code{border-radius:var(--r-sm);background:var(--c-surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);padding:1px 5px}.note-ok{color:var(--c-success)}.note-bad{color:var(--c-danger)}.plainlist{font-size:var(--fs-sm);color:var(--c-text-2);margin:0;padding-left:18px}.plainlist li{padding:2px 0}.muted{color:var(--c-text-3)}.value--multiline{font-family:var(--font-serif);font-size:var(--fs-md);line-height:var(--lh-base);white-space:pre-wrap}.banner{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-accent);border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-accent);font-size:var(--fs-sm)}.btn--sm{font-size:var(--fs-xs);padding:3px 9px}.btn--danger{border-color:var(--c-danger);color:var(--c-danger)}.btn--danger:hover:not(:disabled){background:var(--c-danger-soft);border-color:var(--c-danger)}.badge--warn{background:var(--c-surface-3);color:var(--c-warning)}.input{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);width:100%;min-width:0;color:var(--c-text);font-size:var(--fs-sm);transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:7px 10px}.input:hover{border-color:var(--c-border-strong)}.input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-focus);outline:none}.input--area{min-height:76px;font-family:var(--font-serif);font-size:var(--fs-md);line-height:var(--lh-base);resize:none;overflow:hidden}.input--sm{font-size:var(--fs-xs);padding:4px 8px}.input--number,.input--year,.input--md{width:auto}.input--year{width:86px}.input--md{width:62px}.input--era{width:auto;min-width:96px}.cardform{margin-top:var(--sp-4)}.field{margin-bottom:var(--sp-4)}.field:last-child{margin-bottom:0}.field__label{font-size:var(--fs-xs);color:var(--c-text-3);letter-spacing:.04em;margin-bottom:5px;display:block}.field__label--inline{margin:0 var(--sp-1) 0 0;display:inline-block}.field__hint{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:4px;line-height:1.6}.field-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.rating{align-items:center;gap:2px;display:inline-flex}.rating__star{color:var(--c-border-strong);font-size:var(--fs-md);transition:color var(--t-fast), transform var(--t-fast);background:0 0;border:0;padding:0 1px;line-height:1}.rating__star:hover:not(:disabled){transform:scale(1.15)}.rating__star--on{color:var(--c-warning)}.rating__star:disabled{cursor:default}.rating__hint{font-size:var(--fs-xs);color:var(--c-text-3);margin-left:6px}.taginput{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);flex-wrap:wrap;align-items:center;gap:5px;min-height:36px;padding:5px 8px;display:flex}.taginput:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-focus)}.taginput__field{min-width:90px;font-size:var(--fs-sm);background:0 0;border:0;outline:none;flex:90px}.tag{border-radius:var(--r-full);background:var(--c-accent-soft);color:var(--c-accent);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:3px;padding:2px 4px 2px 8px;display:inline-flex}.tag--static{padding-right:8px}.tag__x{color:inherit;opacity:.6;background:0 0;border:0;padding:2px;font-size:10px;line-height:1}.tag__x:hover{opacity:1}.chips{flex-wrap:wrap;gap:4px;display:inline-flex}.timeeditor{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2)}.timeeditor__row{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.anchor{margin-bottom:var(--sp-2)}.anchor__label{font-size:var(--fs-xs);color:var(--c-text-3);margin-bottom:4px;display:block}.anchor__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.anchor__unit{font-size:var(--fs-xs);color:var(--c-text-3)}.timeeditor__preview{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.timeeditor__preview-label{color:var(--c-text-3);font-size:var(--fs-xs)}.timeeditor .field{margin-bottom:0}.refchip{border:1px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface);align-items:stretch;max-width:100%;display:inline-flex;overflow:hidden}.refchip__main{min-width:0;font-size:var(--fs-xs);color:var(--c-text);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.refchip__main:hover:not(:disabled){background:var(--c-surface-2)}.refchip__main:disabled{cursor:default}.refchip__icon{flex:none}.refchip__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.refchip__type{color:var(--c-text-3);flex:none;font-size:11px}.refchip__remove{border:0;border-left:1px solid var(--c-border);color:var(--c-text-3);background:0 0;flex:none;padding:0 7px;font-size:10px}.refchip__remove:hover{background:var(--c-danger-soft);color:var(--c-danger)}.refchip--dead{background:var(--c-surface-2);color:var(--c-text-3);border-style:dashed}.refchip--dead .refchip__main{color:var(--c-text-3);text-decoration:line-through}.relations{gap:var(--sp-3);flex-direction:column;display:flex}.relgroup{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface)}.relgroup__head{align-items:center;gap:var(--sp-2);display:flex}.relgroup__label{font-size:var(--fs-sm);flex:auto;font-weight:600}.relgroup__count{font-size:var(--fs-xs);color:var(--c-text-3);font-variant-numeric:tabular-nums}.relgroup__hint{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:3px;line-height:1.6}.relgroup__empty{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-3)}.relgroup__list{margin-top:var(--sp-2);flex-wrap:wrap;gap:5px;display:flex}.relgroup__add{margin-top:var(--sp-2)}.detail{padding:0 0 var(--sp-7)}.detail__titlebox{flex:auto;min-width:0}.detail__savebar{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--c-border);display:flex}.detail__section{margin-top:var(--sp-5)}.detail__section-head{align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.detail__section-title{font-size:var(--fs-sm);font-weight:600}.detail__section-note{font-size:var(--fs-xs);color:var(--c-text-3)}.detail__foot{align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--c-border);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.detail__foot .input{width:auto;min-width:180px}.cardview{margin-top:var(--sp-4)}.cardview__block{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2)}.cardview__block-title{font-size:var(--fs-xs);color:var(--c-text-3);letter-spacing:.04em}.cardview__time{font-family:var(--font-serif);font-size:var(--fs-lg);margin-top:5px;font-weight:600}.cardview__tags{margin-top:var(--sp-2);flex-wrap:wrap;gap:5px;display:flex}.cardview__sub{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-3)}.cardview__grid{margin:var(--sp-4) 0 0}.cardview__row{gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border);grid-template-columns:84px 1fr;display:grid}.cardview__row:last-child{border-bottom:0}.cardview__label{font-size:var(--fs-xs);color:var(--c-text-3);padding-top:3px}.cardview__value{min-width:0;font-size:var(--fs-base);line-height:var(--lh-base);margin:0}.pane-search{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);flex:none}.carditem__actions{gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.modal{z-index:var(--z-modal);padding:var(--sp-4);background:var(--c-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__box{border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);width:min(560px,100%);max-height:min(86vh,900px);box-shadow:var(--c-shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal__box--wide{width:min(980px,100%)}.modal__head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);flex:none;display:flex}.modal__title{font-size:var(--fs-md);flex:auto;font-weight:600}.modal__body{min-height:0;padding:var(--sp-4);flex:auto;overflow-y:auto}.modal__foot{justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-border);background:var(--c-surface-2);flex-wrap:wrap;flex:none;display:flex}.modal__note{font-size:var(--fs-xs);color:var(--c-text-3);flex:260px;line-height:1.6}.confirm__message p{margin-bottom:var(--sp-2)}.confirm__message p:last-child{margin-bottom:0}.versionbox{gap:var(--sp-4);grid-template-columns:240px 1fr;align-items:start;display:grid}.versionbox__list{gap:var(--sp-2);flex-direction:column;max-height:62vh;display:flex;overflow-y:auto}.versionitem{padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);text-align:left}.versionitem:hover{border-color:var(--c-border-strong)}.versionitem--active{border-color:var(--c-accent);background:var(--c-accent-soft)}.versionitem__top{align-items:center;gap:var(--sp-2);display:flex}.versionitem__num{font-size:var(--fs-sm);flex:auto;font-weight:600}.versionitem__time{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:3px}.versionitem__note{font-size:var(--fs-xs);color:var(--c-text-2);margin-top:3px}.versionbox__preview{min-width:0;max-height:62vh;padding:var(--sp-3);border:1px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2);overflow-y:auto}.versionbox__preview-head{font-size:var(--fs-xs);color:var(--c-text-3);letter-spacing:.04em}.toast{z-index:var(--z-toast);border-radius:var(--r-full);background:var(--c-text);max-width:min(520px,100% - 32px);color:var(--c-bg);font-size:var(--fs-sm);box-shadow:var(--c-shadow-lg);padding:9px 18px;animation:.18s toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.backupchip{border:1px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-xs);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast);flex:none;padding:5px 11px}.backupchip:hover{background:var(--c-surface-2);border-color:var(--c-border-strong)}.backupchip--warn{border-color:var(--c-warning);background:var(--c-surface-3);color:var(--c-warning);font-weight:600}.panel--warn{border-color:var(--c-warning)}.btnrow{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.importbox{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2)}.importsum{gap:var(--sp-2);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.importsum__item{padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);text-align:center}.importsum__item b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;display:block}.importsum__item span{font-size:var(--fs-xs);color:var(--c-text-3)}.importsum__item--warn{border-color:var(--c-warning)}.importsum__item--warn b{color:var(--c-warning)}.modepick{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.modepick__item{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);text-align:left}.modepick__item b{font-size:var(--fs-sm);margin-bottom:3px;display:block}.modepick__item span{font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.6}.modepick__item--on{border-color:var(--c-accent);background:var(--c-accent-soft)}.conflict__head{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.conflict__bulk{gap:var(--sp-2);margin-left:auto;display:flex}.conflict__list{gap:var(--sp-2);margin-top:var(--sp-3);flex-direction:column;max-height:34vh;display:flex;overflow-y:auto}.conflict__row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);flex-wrap:wrap;display:flex}.conflict__name{min-width:0;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;flex:140px;font-weight:600;overflow:hidden}.conflict__time{font-size:var(--fs-xs);color:var(--c-text-3);flex:200px}.conflict__pick{gap:var(--sp-1);margin-left:auto;display:flex}.library--inbox{grid-template-columns:var(--w-sidebar) 1fr}.pane-hint{padding:5px var(--sp-3);border-bottom:1px solid var(--c-border);background:var(--c-accent-soft);color:var(--c-accent);font-size:var(--fs-xs);flex:none}.filterbar{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);background:var(--c-surface);flex:none}.filterbar__row{flex-wrap:wrap;gap:6px;display:flex}.filterbar__row .input{width:auto}.filterbar__chips{margin-top:var(--sp-2);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.filterbar__label{font-size:var(--fs-xs);color:var(--c-text-3);margin-right:2px}.chip{border:1px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-xs);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);padding:2px 9px}.chip:hover{border-color:var(--c-border-strong)}.chip--on{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.carditem__grip{color:var(--c-text-3);font-size:var(--fs-sm);cursor:grab;flex:none;line-height:1}.carditem[draggable=true]{cursor:grab}.carditem--dragging{opacity:.4}.carditem--over{border-color:var(--c-accent);box-shadow:0 -3px 0 -1px var(--c-accent)}.capture{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface)}.capture__bar{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.inboxlist{gap:var(--sp-2);margin-top:var(--sp-4);flex-direction:column;display:flex}.inboxitem{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface)}.inboxitem--done{background:var(--c-surface-2)}.inboxitem__content{font-family:var(--font-serif);font-size:var(--fs-md);line-height:var(--lh-base);white-space:pre-wrap;word-break:break-word}.inboxitem__meta{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:5px}.inboxitem__actions{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.inboxitem__actions .input{width:auto}.input--lg{font-size:var(--fs-md);padding:10px 14px}.searchresult{margin-top:var(--sp-3);max-height:52vh;overflow-y:auto}.searchresult__row{align-items:flex-start;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);text-align:left;background:0 0;border:0;display:flex}.searchresult__row:hover,.searchresult__row--on{background:var(--c-accent-soft)}.searchresult__icon{font-size:var(--fs-md);flex:none;line-height:1.4}.searchresult__main{flex-direction:column;gap:2px;min-width:0;display:flex}.searchresult__title{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.searchresult__meta{font-size:var(--fs-xs);color:var(--c-text-3)}.searchresult__excerpt{font-size:var(--fs-sm);color:var(--c-text-2)}.page--flush{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.pagetabs{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface);flex:none;display:flex}.pagetabs__spacer{flex:auto}.pagetab{border-radius:var(--r-full);color:var(--c-text-2);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;padding:6px 14px}.pagetab:hover{background:var(--c-surface-2);color:var(--c-text)}.pagetab--on{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.pagebody{min-height:0;padding:var(--sp-4) var(--sp-4) var(--sp-7);flex:auto;overflow-y:auto}.timelinewrap{max-width:900px}.timelinebar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-2);flex-wrap:wrap;display:flex}.timelinebar__stat b{color:var(--c-text);font-variant-numeric:tabular-nums}.eraband{margin-bottom:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);overflow:hidden}.eraband__head{align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface-2);flex-wrap:wrap;display:flex}.eraband__name{font-size:var(--fs-md);letter-spacing:.04em;font-weight:700}.eraband__count{font-size:var(--fs-xs);color:var(--c-text-3)}.eraband__empty{padding:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-3)}.eraband__body{padding:var(--sp-3) var(--sp-4)}.yearrow{gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px dashed var(--c-border);grid-template-columns:68px 1fr;display:grid}.yearrow:last-child{border-bottom:0}.yearrow--legendary{border-bottom:0;border-top:1px solid var(--c-border);margin-top:var(--sp-2);padding-top:var(--sp-3)}.yearrow__year{justify-content:flex-end;align-items:baseline;gap:2px;padding-top:4px;display:flex}.yearrow__num{font-size:var(--fs-md);font-variant-numeric:tabular-nums;color:var(--c-accent);font-weight:700}.yearrow__unit{font-size:var(--fs-xs);color:var(--c-text-3)}.yearrow__events{flex-direction:column;gap:6px;min-width:0;display:flex}.yearrow__note{font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.6}.eventline{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);text-align:left;transition:border-color var(--t-fast), background var(--t-fast);flex-wrap:wrap;display:flex}.eventline:hover{border-color:var(--c-accent);background:var(--c-accent-soft)}.eventline__main{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.eventline__title{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.eventline__time{font-size:var(--fs-xs);color:var(--c-text-3)}.eventline__tags{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.slicewrap{max-width:1000px}.slicebar{align-items:center;gap:var(--sp-3);display:flex}.slicebar__range{min-width:0;accent-color:var(--c-accent);flex:auto;height:28px}.slicehead{align-items:baseline;gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);flex-wrap:wrap;display:flex}.slicehead__label{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:700}.slicehead__stat{font-size:var(--fs-sm);color:var(--c-text-2)}.slicehead__stat b{color:var(--c-accent);font-variant-numeric:tabular-nums}.slicehead__pos{font-size:var(--fs-xs);color:var(--c-text-3);margin-left:auto}.slicegrid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.slicegroup{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}.slicegroup--loose{margin-top:var(--sp-3);background:var(--c-surface-2);border-style:dashed}.slicegroup__head{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.slicegroup__name{font-size:var(--fs-base);flex:auto;font-weight:700}.slicegroup__hint{margin-bottom:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.6}.slicegroup__events{flex-direction:column;gap:6px;display:flex}.eralist{gap:var(--sp-2);flex-direction:column;display:flex}.erarow{align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);display:flex}.erarow .input{flex:auto;min-width:0}.erarow__move{flex-direction:column;gap:2px;display:flex}.erarow__move .iconbtn{width:24px;height:20px;font-size:var(--fs-xs)}.eranew{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.sections{grid-template-columns:216px 1fr;height:100%;min-height:0;display:grid}.sectionlist{flex-direction:column;gap:3px;display:flex}.sectionitem{border-radius:var(--r-md);align-items:center;gap:2px;padding:2px;display:flex}.sectionitem:hover{background:var(--c-surface-2)}.sectionitem--on{background:var(--c-accent-soft)}.sectionitem__main{align-items:center;gap:var(--sp-2);min-width:0;color:var(--c-text-2);font-size:var(--fs-sm);text-align:left;background:0 0;border:0;flex:auto;padding:6px 8px;display:flex}.sectionitem--on .sectionitem__main{color:var(--c-accent);font-weight:600}.sectionitem__icon{flex:none}.sectionitem__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sectionitem__tools{flex:none;gap:1px;display:none}.sectionitem:hover .sectionitem__tools,.sectionitem--on .sectionitem__tools{display:flex}.sectionitem .input{flex:auto;min-width:0}.sectionnew{gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--c-border);flex-wrap:wrap;display:flex}.sectionnew .input{flex:100px;min-width:0}.sectionnew__icons{flex-wrap:wrap;gap:3px;width:100%;display:flex}.sectionnew__icon{border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);width:26px;height:26px;font-size:var(--fs-sm);line-height:1}.sectionnew__icon:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-accent-soft)}.sectionnew__icon:disabled{opacity:.4;cursor:not-allowed}.sectionview{max-width:860px}.blocklist{flex-direction:column;display:flex}.block{gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px dashed var(--c-border);grid-template-columns:38px 1fr;display:grid}.block:last-child{border-bottom:0}.block__gutter{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.block__kind{border-radius:var(--r-sm);background:var(--c-surface-2);width:22px;height:22px;color:var(--c-text-3);place-items:center;font-size:11px;font-weight:700;display:grid}.block--heading .block__kind{background:var(--c-accent-soft);color:var(--c-accent)}.block__tools{opacity:0;transition:opacity var(--t-fast);flex-direction:column;gap:1px;display:flex}.block:hover .block__tools,.block:focus-within .block__tools{opacity:1}.block__tool{border-radius:var(--r-sm);width:20px;height:18px;color:var(--c-text-3);background:0 0;border:0;padding:0;font-size:11px;line-height:1}.block__tool:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.block__tool:disabled{opacity:.3;cursor:not-allowed}.block__tool--danger:hover:not(:disabled){background:var(--c-danger-soft);color:var(--c-danger)}.block__body{min-width:0}.input--blockheading{font-size:var(--fs-lg);background:0 0;border-color:#0000;padding:6px 8px;font-weight:700}.input--blockheading:hover{border-color:var(--c-border)}.input--blocktext{background:0 0;border-color:#0000;min-height:44px;padding:6px 8px}.input--blocktext:hover{border-color:var(--c-border)}.cardrefblock{align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:4px 0;display:flex}.cardrefblock .input{flex:200px;width:auto;min-width:200px}.queryblock{padding:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2)}.queryblock__bar{flex-wrap:wrap;gap:6px;display:flex}.queryblock__bar .input{flex:140px;width:auto;min-width:0}.queryblock__chips{margin-top:var(--sp-2);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.queryblock__results{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--c-border)}.queryblock__count{font-size:var(--fs-xs);color:var(--c-text-2)}.queryblock__count b{color:var(--c-accent);font-variant-numeric:tabular-nums}.queryblock__count .muted{margin-left:var(--sp-2)}.queryblock__empty{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-3)}.queryrow{align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);text-align:left;width:100%;font-size:var(--fs-sm);background:0 0;border:0;padding:4px 6px;display:flex}.queryrow:hover{background:var(--c-surface)}.queryrow__icon{flex:none}.queryrow__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.queryrow__meta{font-size:var(--fs-xs);color:var(--c-text-3);flex:none}.blockadd{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--c-border);flex-wrap:wrap;display:flex}.blockadd__label{font-size:var(--fs-xs);color:var(--c-text-3)}@media (width<=860px){:root{--h-topbar:50px}.topbar{gap:var(--sp-2);padding:0 var(--sp-3)}.topbar__title{font-size:var(--fs-base)}.topbar__nav{margin-left:var(--sp-2)}.navlink{padding:6px 10px}.main{padding-bottom:env(safe-area-inset-bottom)}.library{grid-template-columns:1fr}.library__pane{display:none}.library__pane+.library__pane{border-left:0}.library__pane.is-active{display:flex}.pane-back{display:inline-flex}.pane-body{padding:var(--sp-2)}.detail{padding:var(--sp-4) var(--sp-4) var(--sp-7)}.detail__title{font-size:var(--fs-lg)}.detail__head{flex-direction:column}.placeholder__icon{font-size:38px}.placeholder__title{font-size:var(--fs-lg)}.page{padding:var(--sp-4) var(--sp-3) var(--sp-7)}.panel__body{padding:var(--sp-3)}.tablelist{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr;gap:0}.cardview__row{grid-template-columns:1fr;gap:3px}.cardview__label{padding-top:0}.detail__actions{flex-wrap:wrap}.detail__foot .input{flex:120px;min-width:0}.modal{padding:var(--sp-2);align-items:flex-end}.modal__box,.modal__box--wide{width:100%;max-height:92vh}.versionbox{grid-template-columns:1fr}.versionbox__list,.versionbox__preview{max-height:40vh}.timeeditor{padding:var(--sp-2)}.input--era{min-width:80px}.toast{bottom:16px}.modepick{grid-template-columns:1fr}.conflict__bulk,.conflict__pick{margin-left:0}.backupchip{padding:4px 8px}.pagetabs{padding:var(--sp-2) var(--sp-3);overflow-x:auto}.pagebody{padding:var(--sp-3) var(--sp-3) var(--sp-7)}.yearrow{gap:var(--sp-2);grid-template-columns:52px 1fr}.eraband__body{padding:var(--sp-2) var(--sp-3)}.eventline__tags{margin-left:0}.slicehead__label{font-size:var(--fs-lg)}.slicehead__pos{margin-left:0}.slicegrid{grid-template-columns:1fr}.erarow{flex-wrap:wrap}.erarow__move{flex-direction:row}.sections{grid-template-columns:1fr}.sections .library__pane+.library__pane{border-left:0}.block{grid-template-columns:30px 1fr}.block__tools{opacity:1}.cardrefblock .input,.queryblock__bar .input{flex:100%;min-width:0}}