:root{--header-height: 60px;color:#25211d;background:#fbfaf7;font-family:Malgun Gothic,AppleGothic,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;overflow:hidden}button{font:inherit}.app-shell{display:flex;flex-direction:column;height:100vh;background:#fbfaf7}.header{z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-height);padding:0 20px;color:#f6f3eb;background:#2c251e;box-shadow:0 2px 10px #00000026;transition:transform .22s ease}.header h1{margin:0;font-size:18px;font-weight:700;text-align:center}.nav-btn{min-height:36px;border:0;border-radius:4px;padding:8px 14px;color:#fff;background:#8c2d19;font-size:13px;font-weight:700;cursor:pointer}.nav-btn:hover{background:#b03a20}.main-container{--left-sidebar-width: 280px;--right-sidebar-width: 380px;--center-left-reserve: 0px;position:relative;display:flex;flex:1;min-height:0;overflow:hidden;transition:margin-top .22s ease}.app-shell.timeline-navigating .header{transform:translateY(calc(-1 * var(--header-height)))}.app-shell.timeline-navigating .main-container{margin-top:calc(-1 * var(--header-height))}.app-shell.timeline-navigating .sidebar.left:not(.collapsed){transform:translate(-100%)}.app-shell.timeline-navigating .sidebar.right:not(.collapsed){transform:translate(100%)}.main-container.left-open{--center-left-reserve: var(--left-sidebar-width)}.sidebar{position:absolute;top:0;bottom:0;z-index:6;height:100%;overflow-y:auto;transition:transform .25s ease,box-shadow .25s ease}.sidebar.left{left:0;width:var(--left-sidebar-width);padding:20px;background:#f5f2eb;border-right:1px solid #dcd7ca;box-shadow:4px 0 16px #00000014}.sidebar.left.collapsed{transform:translate(-100%)}.sidebar.right{right:0;z-index:7;width:var(--right-sidebar-width);padding:25px;background:#fff;border-left:2px solid #e6dfd3;box-shadow:-4px 0 15px #0000000d}.sidebar.right.collapsed{transform:translate(100%)}.canvas-container{position:relative;flex:1;width:100%;min-width:0;height:100%;background:#faf8f5;cursor:grab;touch-action:none}.canvas-container:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.center-screen{position:absolute;top:0;right:var(--right-sidebar-width);bottom:0;z-index:5;width:min(760px,calc(100% - var(--right-sidebar-width) - var(--center-left-reserve) - 24px));min-width:420px;overflow-y:auto;border-left:1px solid #d8cbbb;border-right:1px solid #ece3d8;padding:26px;color:#2c251e;background:#fffdf8fa;box-shadow:-12px 0 30px #2c251e29;opacity:0;pointer-events:none;transform:translate(calc(100% + var(--right-sidebar-width)));transition:transform .28s ease,opacity .2s ease}.center-screen.open{opacity:1;pointer-events:auto;transform:translate(0)}.center-screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e1d8ca}.center-screen-header h2{margin:0 0 8px;font-size:28px;line-height:1.2}.center-screen-header p{max-width:56ch;margin:0;color:#5d5349;font-size:14px;line-height:1.7}.icon-close{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;border:1px solid #d8cbbb;border-radius:4px;color:#4a3e36;background:#fffaf2;font-size:24px;line-height:1;cursor:pointer}.icon-close:hover{background:#f3ede4}.detail-action{width:100%;min-height:40px;margin-top:18px;border:0;border-radius:4px;padding:10px 12px;color:#fff;background:#2c251e;font-size:13px;font-weight:700;cursor:pointer}.detail-action:hover{background:#4a3e36}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.fact-tile{display:grid;gap:5px;min-height:78px;border:1px solid #ded4c6;border-radius:6px;padding:13px;background:#fff}.fact-tile span{color:#746a60;font-size:12px;font-weight:700}.fact-tile strong{color:#2c251e;font-size:15px;line-height:1.35}.detail-body{display:grid;gap:16px}.detail-section{border-top:1px solid #e3dacd;padding-top:15px}.detail-section h3{margin-bottom:8px;font-size:16px}.detail-section p{margin:0;color:#5b5148;font-size:14px;line-height:1.75}.related-list{display:flex;flex-wrap:wrap;gap:8px}.related-list span{border:1px solid #d3c6b6;border-radius:4px;padding:7px 9px;color:#534438;background:#fffdf8;font-size:12px;font-weight:700}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tag-list span{border:1px solid #d9cbbc;border-radius:4px;padding:5px 7px;color:#5a493d;background:#fffaf2;font-size:12px;font-weight:700}h2,h3{margin-top:0;color:#2c251e}.helper-text{color:#62594f;font-size:13px;line-height:1.65}.divider{height:1px;margin:16px 0;background:#d7d0c2}.meta-tag{display:inline-block;margin-bottom:10px;border-radius:4px;padding:4px 8px;color:#fff;background:#8c2d19;font-size:11px;font-weight:700}.meta-tag.book{background:#6b4eb8}.original-text{display:inline-block;margin:5px 0;border-left:4px solid #8c2d19;border-radius:4px;padding:6px 12px;color:#4a3e3d;background:#fdf5f3;font-family:Times New Roman,serif;font-size:22px;font-weight:700}.schema-list{display:flex;flex-wrap:wrap;gap:6px}.schema-list span{border:1px solid #d1c4b0;border-radius:4px;padding:5px 7px;color:#534438;background:#fffdf8;font-size:12px;font-weight:700}.graph-stat{display:grid;gap:4px;margin:12px 0;border:1px solid #d8cbbb;border-radius:6px;padding:10px;background:#fffdf8}.graph-stat strong{color:#2c251e;font-size:13px}.graph-stat span{color:#62594f;font-size:12px;line-height:1.45}.lod-list{display:grid;gap:8px;margin:10px 0 16px}.lod-item{display:grid;gap:3px;border:1px solid #d8cbbb;border-radius:6px;padding:9px;background:#fffdf8}.lod-item strong{color:#2c251e;font-size:12px}.lod-item span{color:#6c6258;font-size:11px}.layer-toggle-list{display:grid;gap:8px;margin:10px 0 14px}.layer-toggle{display:flex;align-items:center;gap:8px;border:1px solid #d8cbbb;border-radius:6px;padding:8px 9px;color:#4a3e3d;background:#fffdf8;font-size:13px;font-weight:700;cursor:pointer}.layer-toggle input{width:15px;height:15px;margin:0;accent-color:#8c2d19}@media(max-width:980px){.center-screen{right:0;z-index:8;width:100%;min-width:0;transform:translate(100%)}}@media(max-width:760px){.main-container{--left-sidebar-width: 260px;--right-sidebar-width: min(340px, 86vw)}.header{gap:8px;padding:0 10px}.header h1{font-size:14px}.nav-btn{padding:7px 9px;font-size:12px}.sidebar.left{left:0}.sidebar.right{right:0}.center-screen{right:0;z-index:8;width:100%;min-width:0;padding:18px;transform:translate(100%)}.center-screen-header{gap:12px}.center-screen-header h2{font-size:23px}.detail-grid{grid-template-columns:1fr}}