:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3f5;--paper:#fff;--paper-soft:#f7fafb;--ink:#14202b;--ink-soft:#263746;--muted:#687889;--line:#d7e1e8;--line-strong:#bdcbd6;--teal:#087f8c;--teal-dark:#075e68;--amber:#b86b14;--indigo:#4d5cc7;--green:#2d7655;--rose:#a64d61;--shadow-sm:0 10px 24px #14202b12;--shadow:0 22px 54px #14202b1c;--focus:0 0 0 3px #087f8c2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #14202b0a 1px, transparent 1px), linear-gradient(180deg, #14202b09 1px, transparent 1px), linear-gradient(180deg, #fbfcfd 0, #f4f7f8 360px, var(--bg));min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;background-size:42px 42px,42px 42px,auto;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--teal-dark);text-underline-offset:3px;font-weight:780;text-decoration-thickness:1px}a:hover{color:var(--amber)}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #d7e1e8e6;grid-template-columns:auto 1fr minmax(240px,350px);align-items:center;gap:18px;padding:14px 26px;display:grid;position:sticky;top:0;box-shadow:0 8px 24px #14202b0b}.brand{min-height:40px;color:var(--ink);letter-spacing:0;background:0 0;border:0;padding:0 0 0 18px;font-size:18px;font-weight:920;position:relative}.brand:before{content:"";background:linear-gradient(180deg, var(--teal), var(--amber));border-radius:999px;width:8px;height:22px;position:absolute;top:9px;left:0}nav{flex-wrap:wrap;gap:6px;display:flex}nav button,.searchbar,.back,.icon{align-items:center;gap:8px;display:inline-flex}nav button,.back,.icon{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 10px;font-size:14px;font-weight:760;transition:background .14s,color .14s,transform .14s}nav button:hover,.back:hover,.icon:hover{color:var(--teal-dark);background:#edf6f7;border-color:#087f8c29;transform:translateY(-1px)}.searchbar{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:42px;padding:0 12px;box-shadow:inset 0 1px #ffffffe6}.searchbar:focus-within{box-shadow:var(--focus);border-color:#087f8c8c}.searchbar input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}main{width:min(1500px,100% - 36px);margin:0 auto;padding:34px 0 78px}:is(main:has(.board-page),main:has(.timeline-page)){width:100%;max-width:none;padding:0}.board-page,.timeline-page{height:calc(100vh - 69px);min-height:680px}.board-viewport{height:100%;min-height:680px;box-shadow:var(--shadow);touch-action:none;cursor:grab;background:linear-gradient(90deg,#087f8c14 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#087f8c14 1px,#0000 1px) 0 0/42px 42px,linear-gradient(135deg,#f9fcfc,#edf4f5);border:0;border-top:1px solid #087f8c2e;border-radius:0;position:relative;overflow:hidden}.board-viewport:active{cursor:grabbing}.board-surface{transform-origin:0 0;transition:transform 40ms linear;position:absolute;top:0;left:0}.board-controls{z-index:5;border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-radius:8px;gap:8px;padding:8px;display:flex;position:absolute;top:16px;right:16px}.board-controls button{border:1px solid var(--line);background:var(--paper);min-width:38px;min-height:34px;color:var(--ink);border-radius:7px;font-weight:850}.board-title,.board-stats,.board-panel,.literary-timeline{position:absolute}.board-title{width:650px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #087f8c2b;border-radius:8px;padding:22px}.board-title.compact{width:560px}.timeline-title-card{z-index:2;width:500px}.timeline-title-card h1{font-size:clamp(34px,4vw,54px)}.board-title h1{margin-bottom:10px}.board-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:410px;display:grid}.board-stats strong{min-height:92px;color:var(--ink);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #087f8c2e;border-radius:8px;padding:17px;font-size:35px;line-height:1;display:block}.board-stats span{color:var(--muted);margin-top:9px;font-size:13px;display:block}.board-panel{width:520px;max-height:430px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #d7e1e8f2;border-radius:8px;padding:18px;overflow:auto}.board-panel .grid{grid-template-columns:1fr}.board-panel .card{min-height:118px}.literary-timeline{box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#14202b0e 1px,#0000 1px) 0 0/90px 100%,linear-gradient(#14202b0e 1px,#0000 1px) 0 0/100% 74px,#ffffffb3;border:1px solid #087f8c29;border-radius:8px}.timeline-ruler{color:var(--muted);pointer-events:none;font-size:12px;font-weight:780;position:absolute;inset:0}.timeline-ruler span{position:absolute;top:18px;transform:translate(-50%)}.timeline-ruler span:after{content:"";background:linear-gradient(#68788940,#0000);width:1px;height:980px;position:absolute;top:26px;left:50%}.timeline-axis{background:linear-gradient(90deg, transparent, var(--line-strong) 5%, var(--teal) 46%, var(--amber) 70%, transparent);border-radius:999px;height:3px;position:absolute;top:520px;box-shadow:0 0 28px #087f8c29}.movement-layer,.author-layer{position:absolute;inset:0}.movement-box{min-height:86px;color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:8px;padding:14px 18px 13px 20px;transition:transform .15s,box-shadow .15s;position:absolute;overflow:visible}.movement-box:after{content:"";background:color-mix(in srgb, var(--tone) 38%, transparent);width:1px;height:28px;position:absolute;bottom:-28px;left:18px}.movement-box:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.movement-box strong,.movement-box span{text-overflow:ellipsis;display:block;overflow:hidden}.movement-box strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.16;display:-webkit-box}.movement-box span{color:var(--muted);white-space:nowrap;margin-top:7px;font-size:12px;font-weight:780}.author-life{min-height:58px;color:var(--ink);text-align:left;background:0 0;border:0;position:absolute}.author-life:after{content:"";background:color-mix(in srgb, var(--tone) 35%, transparent);width:1px;position:absolute;left:24px}.author-life.above:after{height:max(28px, calc(520px - var(--author-top) - 56px));top:56px}.author-life.below:after{top:calc(520px - var(--author-top));height:max(28px, calc(var(--author-top) - 520px + 28px))}.author-avatar{z-index:2;color:#fff;border:3px solid #fff;border-radius:999px;place-items:center;width:50px;height:50px;font-size:13px;font-weight:930;display:grid;position:absolute;top:4px;left:0;box-shadow:0 10px 24px #14202b29}.life-line{border-radius:999px;height:10px;position:absolute;top:28px;left:48px;right:0;box-shadow:inset 0 0 0 1px #ffffffbf,0 8px 18px #14202b1a}.author-name{width:170px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:880;line-height:1.1;position:absolute;top:-2px;left:58px;overflow:hidden}.author-life small{font-weight:760;position:absolute;top:42px;left:58px}.author-life:hover .author-avatar{transform:translateY(-3px)scale(1.04)}.tone-teal{--tone:#087f8c;--tone-soft:#087f8c29}.tone-amber{--tone:#b86b14;--tone-soft:#b86b142b}.tone-indigo{--tone:#4d5cc7;--tone-soft:#4d5cc729}.tone-green{--tone:#2d7655;--tone-soft:#2d765529}.tone-rose{--tone:#a64d61;--tone-soft:#a64d6129}.tone-slate{--tone:#536272;--tone-soft:#53627229}.movement-box[class*=tone-]{border-color:color-mix(in srgb, var(--tone) 28%, transparent);background:linear-gradient(135deg, var(--tone-soft), #ffffffe0)}.movement-box[class*=tone-]:before{content:"";background:var(--tone);width:5px;position:absolute;inset:0 auto 0 0}.author-life[class*=tone-] .author-avatar{background:var(--tone)}.author-life[class*=tone-] .life-line{background:linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone) 24%, white))}.hero,.panel,.card,.list li,.timeline,.row,.connection-form,.state,.detail-head{box-shadow:var(--shadow-sm);background:#fffffff0;border:1px solid #d7e1e8f2;border-radius:8px}.hero{min-height:355px;box-shadow:var(--shadow);background:linear-gradient(135deg,#087f8c24,#4d5cc713 45%,#b86b141a),linear-gradient(#fff,#f9fbfc);border-color:#087f8c33;grid-template-columns:minmax(0,1.28fr) minmax(250px,.72fr);align-items:end;gap:30px;padding:40px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";opacity:.48;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#087f8c38 1px,#0000 1px),linear-gradient(#087f8c2e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:310px;height:210px;position:absolute;top:34px;right:36px;-webkit-mask-image:linear-gradient(135deg,#000,#0000 80%);mask-image:linear-gradient(135deg,#000,#0000 80%)}.hero>*{z-index:1;position:relative}.eyebrow{min-height:26px;color:var(--teal-dark);text-transform:uppercase;background:#e8f6f7cc;border:1px solid #087f8c2e;border-radius:999px;align-items:center;margin-bottom:8px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}h1{max-width:960px;color:var(--ink);letter-spacing:0;margin:8px 0 14px;font-size:clamp(40px,6vw,76px);line-height:.96}h2{color:var(--ink);letter-spacing:0;margin:0 0 14px;font-size:21px}p{color:var(--muted);margin:0 0 12px}.hero p{color:#405363;max-width:720px;font-size:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stats strong{min-height:92px;color:var(--ink);background:#ffffffb8;border:1px solid #087f8c29;border-radius:8px;padding:17px;font-size:35px;line-height:1;display:block;box-shadow:inset 0 1px #ffffffe6}.stats strong:nth-child(2){border-color:#b86b1433}.stats strong:nth-child(3){border-color:#4d5cc733}.stats strong:nth-child(4){border-color:#2d765533}.stats span{color:var(--muted);margin-top:9px;font-size:13px;font-weight:760;display:block}.split,.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.panel{box-shadow:var(--shadow-sm);padding:20px}.panel h2{border-bottom:1px solid var(--line);padding-bottom:10px}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px;display:grid}.card{text-align:left;min-height:154px;padding:17px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(180deg, var(--teal), var(--amber));opacity:.85;width:4px;position:absolute;inset:0 auto 0 0}.card:hover{box-shadow:var(--shadow);border-color:#087f8c6b;transform:translateY(-3px)}.card span,small,.empty{color:var(--muted);font-size:13px}.card strong,.list strong{color:var(--ink);margin:7px 0;font-size:19px;line-height:1.18;display:block}.card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.page{padding:12px 0}.page>h1{margin-bottom:24px}.detail-head{background:linear-gradient(135deg, #087f8c1f, #b86b141c), var(--paper);border-color:#b86b1433;margin-bottom:16px;padding:30px;position:relative;overflow:hidden}.detail-head:after{content:"";background:linear-gradient(90deg, var(--teal), var(--amber), var(--indigo));opacity:.55;border-radius:999px;width:180px;height:5px;position:absolute;bottom:22px;right:24px}.back{margin-bottom:14px}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list li{box-shadow:none;padding:14px 15px;transition:border-color .14s,transform .14s,background .14s}.list li:hover{background:#fbfdfd;border-color:#087f8c42;transform:translateY(-1px)}.list small{margin-top:5px;display:block}.pill{min-height:24px;color:var(--teal-dark);text-transform:uppercase;background:#e8f6f7;border:1px solid #087f8c1f;border-radius:999px;align-items:center;margin-right:8px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.timeline{height:660px;box-shadow:var(--shadow);background:linear-gradient(#fffffff2,#f7fafbf5),linear-gradient(90deg,#087f8c14 1px,#0000 1px) 0 0/86px 100%;border-color:#087f8c29;padding:32px;position:relative;overflow:auto hidden}.timeline:before{content:"";background:linear-gradient(90deg, transparent, var(--line-strong) 8%, var(--teal) 50%, var(--line-strong) 92%, transparent);border-radius:999px;height:2px;position:absolute;top:330px;left:32px;right:32px}.time-item{top:calc(66px + (var(--row) * 66px));left:var(--x);width:max(var(--w), 184px);min-height:54px;color:var(--ink);text-align:left;background:#fffffff5;border:1px solid #b86b1438;border-radius:8px;padding:10px 12px;transition:transform .14s,box-shadow .14s,border-color .14s;position:absolute;box-shadow:0 12px 24px #14202b12}.time-item:after{content:"";background:#b86b1452;width:1px;height:26px;position:absolute;bottom:-26px;left:16px}.time-item:hover{box-shadow:var(--shadow);border-color:#b86b1480;transform:translateY(-3px)}.time-item.movement{background:#edfafa;border-color:#087f8c47}.time-item.movement:after{background:#087f8c57}.time-item strong,.time-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.time-item strong{font-size:14px}.time-item span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:760}.table{gap:11px;display:grid}.row{box-shadow:none;grid-template-columns:minmax(290px,1fr) repeat(3,minmax(165px,195px)) auto;align-items:center;gap:11px;padding:13px;display:grid}select,input,textarea{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);border-radius:8px;padding:0 11px}select:focus,input:focus,textarea:focus{box-shadow:var(--focus);border-color:#087f8c8c;outline:0}textarea{resize:vertical;min-height:90px;padding-top:10px}.row button,.connection-form button,.state button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-weight:830;transition:transform .14s,background .14s;display:inline-flex}.row button:hover,.connection-form button:hover,.state button:hover{background:var(--teal-dark);border-color:var(--teal-dark);transform:translateY(-1px)}.connection-form{box-shadow:var(--shadow-sm);grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:11px;margin-bottom:17px;padding:15px;display:grid}.connection-form textarea{grid-column:1/-2}.connection-row{grid-template-columns:1fr auto 1fr minmax(220px,2fr) auto;align-items:center;gap:11px;display:grid}.connection-row>span{color:#8c4c08;background:#fff1de;border-radius:999px;min-height:24px;padding:2px 8px;font-size:12px;font-weight:850}.linklike{color:var(--teal-dark);text-align:left;background:0 0;border:0;padding:0;font-weight:880}.linklike:hover{color:var(--amber)}.state{text-align:center;place-items:center;min-height:280px;padding:32px;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=980px){.topbar,.hero,.split,.detail-grid,.row,.connection-form,.connection-row{grid-template-columns:1fr}nav span{display:none}.connection-form textarea{grid-column:auto}.hero:after{opacity:.22}}@media (width<=620px){main{width:min(100% - 24px,1240px);padding:22px 0 56px}.topbar{padding:12px}.hero,.panel,.detail-head{padding:18px}.stats{grid-template-columns:1fr 1fr}.timeline{height:600px;padding:18px}}