:root{--bg: #fafafa;--fg: #111;--muted: #666;--border: #e5e5e5;--accent: #111;--panel: #fff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:ui-sans-serif,-apple-system,DM Sans,system-ui,sans-serif;color:var(--fg);background:var(--bg)}#app{display:grid;grid-template-rows:56px 1fr;grid-template-columns:1fr auto;grid-template-areas:"topbar topbar" "graph sidebar";height:100vh}#topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--panel)}#topbar h1{font-family:EB Garamond,ui-serif,Georgia,serif;font-size:20px;font-weight:500;margin:0;letter-spacing:.02em}#search{flex:0 1 320px;padding:6px 10px;border:1px solid var(--border);border-radius:4px;font-size:13px;background:var(--bg)}#search:focus{outline:none;border-color:var(--accent)}#filters{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-left:auto}#filters label{display:flex;gap:4px;align-items:center;cursor:pointer}#view-switcher{display:flex;gap:0;border:1px solid var(--border);border-radius:4px;overflow:hidden}#view-switcher button{background:transparent;border:none;padding:5px 12px;font-size:12px;font-family:inherit;cursor:pointer;color:var(--muted);border-right:1px solid var(--border)}#view-switcher button:last-child{border-right:none}#view-switcher button.active{background:var(--accent);color:#fff}#view-switcher button:hover:not(.active){background:var(--bg);color:var(--fg)}#graph-container[data-view=timeline]{background:var(--bg);overflow:hidden}#timeline-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(380px,1fr);height:100%}#timeline-scroll{height:100%;overflow-y:auto;border-right:1px solid var(--border)}#timeline-inner{max-width:560px;margin:0 auto;padding:24px 28px 80px}#timeline-detail{height:100%;overflow-y:auto;background:var(--panel);padding:24px 28px 80px}#timeline-detail-empty{color:var(--muted);font-size:13px;padding:60px 0;text-align:center}#timeline-detail-content h2{font-family:EB Garamond,ui-serif,Georgia,serif;font-weight:500;font-size:22px;margin:0 0 12px}.timeline-empty{text-align:center;color:var(--muted);padding:60px 0;font-size:13px}.day-header{position:sticky;top:0;z-index:5;background:var(--bg);margin:28px 0 12px;padding:8px 0 6px;border-bottom:1px solid var(--border);font-family:EB Garamond,ui-serif,Georgia,serif;font-weight:500;font-size:18px;color:var(--muted)}.day-group:first-child .day-header{margin-top:0}.timeline-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.timeline-card:hover{border-color:#c8c8c8;box-shadow:0 1px 3px #0000000a}.timeline-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #0000000f}.card-meta{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.card-title{font-size:14px;color:var(--fg);line-height:1.4;margin-bottom:6px}.card-desc{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:8px}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.t-pill{display:inline-block;padding:1px 8px;font-size:10px;border:1px solid var(--border);border-radius:999px;font-weight:500}.card-actions{display:flex;gap:8px;margin-top:6px}.card-action{font-size:11px;color:var(--muted);text-decoration:none;background:transparent;border:1px solid var(--border);border-radius:3px;padding:2px 8px;cursor:pointer;font-family:inherit}.card-action:hover{color:var(--fg);border-color:var(--fg)}.pivot-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pivot-btn{background:transparent;border:1px solid var(--border);border-radius:3px;padding:4px 10px;font-size:11px;font-family:inherit;color:var(--muted);cursor:pointer}.pivot-btn:hover{border-color:var(--fg);color:var(--fg)}#graph-container[data-view=sunburst]{background:var(--bg);overflow:hidden}#sunburst-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(380px,1fr);height:100%}#sunburst-canvas{position:relative;height:100%;width:100%;display:flex;flex-direction:column}#sunburst-svg{flex:1;width:100%;height:100%;display:block}#sunburst-svg .arc{cursor:pointer;transition:fill-opacity .1s ease}#sunburst-svg .arc:hover{fill-opacity:.85}#sunburst-breadcrumb{position:absolute;top:12px;left:16px;right:16px;font-size:11px;color:var(--muted);line-height:1.5;display:flex;flex-wrap:wrap;gap:4px;align-items:center}#sunburst-breadcrumb .crumb{cursor:pointer;padding:2px 4px;border-radius:3px}#sunburst-breadcrumb .crumb:hover{background:var(--border);color:var(--fg)}#sunburst-breadcrumb .crumb.current{color:var(--fg);font-weight:500;cursor:default}#sunburst-breadcrumb .crumb.current:hover{background:transparent}#sunburst-breadcrumb .crumb-sep{color:var(--border)}#sunburst-detail{height:100%;overflow-y:auto;background:var(--panel);padding:24px 28px 80px;border-left:1px solid var(--border)}#sunburst-detail-empty{color:var(--muted);font-size:13px;padding:60px 0;text-align:center}#sunburst-detail-content h2{font-family:EB Garamond,ui-serif,Georgia,serif;font-weight:500;font-size:22px;margin:0 0 12px}#graph-container{grid-area:graph;position:relative;background:radial-gradient(circle,#e8e8e8 1px,transparent 1px) 0 0 / 24px 24px,var(--bg)}#sidebar{grid-area:sidebar;width:380px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;position:relative;transition:transform .2s ease,width .2s ease}#sidebar.closed{width:0;border-left:none;overflow:hidden}#sidebar-close{position:absolute;top:12px;right:12px;border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:var(--muted)}#sidebar-content{padding:24px 20px}#sidebar-content h2{font-family:EB Garamond,ui-serif,Georgia,serif;font-weight:500;font-size:22px;margin:0 0 12px;padding-right:24px}.meta-row{font-size:12px;color:var(--muted);margin-bottom:4px}.tag-pill{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--muted);background:var(--bg)}.section{margin-top:20px}.section h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-weight:500}.related-link{display:block;padding:6px 0;font-size:13px;color:var(--fg);cursor:pointer;border-bottom:1px solid var(--border)}.related-link:hover{color:var(--accent);text-decoration:underline}.more{font-size:11px;color:var(--muted);padding:6px 0}.contents-tree{border-left:1px solid var(--border);padding-left:8px;margin-top:4px}.content-item{font-size:13px;line-height:1.5;padding:2px 0;position:relative}.content-item:before{content:"·";color:var(--muted);margin-right:6px}.content-item a{color:var(--fg);text-decoration:none}.content-item a:hover{text-decoration:underline;color:var(--accent)}.open-tana{display:inline-block;margin-top:16px;padding:8px 14px;background:var(--accent);color:#fff;text-decoration:none;font-size:13px;border-radius:4px}.open-tana:hover{opacity:.85}#empty-state{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--muted);font-size:14px;text-align:center;padding:40px}#empty-state code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:12px}