body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{margin:0;padding:0;background:#0b122c;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{height:100vh;overscroll-behavior-y:contain}.cols{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;right:0}.col{flex:1 1;text-align:center;padding-left:20px;overflow:hidden;display:flex;align-items:center}.col .name-tag{color:#fff;width:30px;height:140px;border-radius:15px;display:block;box-sizing:border-box;word-break:break-all;display:flex;align-items:center;justify-content:center;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;line-height:30px;font-size:18px;padding:35px 0;background:RGB(var(--primary));margin-right:10px;position:relative}.col .name-tag .material-icons{position:absolute;font-size:12px;height:100%;right:15px;top:0;line-height:30px}.col-inner{position:relative;flex:1 1}.hint{width:24px;height:100%;display:flex;align-items:center;justify-content:center;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;color:hsla(0,0%,100%,.54);font-size:12px;background:#0b122c}.hint,.tag{position:absolute;top:0;left:0}.tag{color:hsla(0,0%,100%,.4);line-height:24px;font-size:11px;width:52px;text-align:center}.segment{position:absolute;bottom:0;left:0;top:0;right:0;-webkit-transform-origin:top left;transform-origin:top left;opacity:.5}.segment-increase{background:linear-gradient(180deg,RGBA(var(--primary),0),RGBA(var(--primary),.1))}.segment-worsen{background:linear-gradient(180deg,RGBA(var(--primary),.1),RGBA(var(--primary),.3))}.segment-max{background:linear-gradient(180deg,RGBA(var(--primary),.3),RGBA(var(--primary),.1))}.canvas{position:relative;opacity:.7}.backdrop{position:fixed;bottom:0;top:0;right:0;left:0;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;opacity:0;pointer-events:none}.backdrop-active{opacity:1;pointer-events:all}.select-dialog{width:140px;background:#0b122c;box-shadow:0 2px 6px rgba(0,0,0,.3)}.select-entry{color:hsla(0,0%,100%,.87);font-size:16px;line-height:40px;text-align:center}.breakpoint{-webkit-transform-origin:top;transform-origin:top;background:#121212;left:-10px;right:-10px;padding:0 10px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;box-shadow:inset 0 2px 6px rgba(0,0,0,.3)}.breakpoint,.detail{height:120px;position:absolute;top:0}.detail{left:0;text-align:left;-webkit-transform-origin:7px 10px;transform-origin:7px 10px;width:120px}.col-left .detail{top:unset;bottom:-80px}.detail-icon{position:relative;width:14px;height:14px;margin-right:5px;line-height:20px;height:20px}.detail-info{height:24px}.detail-cate,.detail-info{display:flex;align-items:center}.detail-cate{font-size:14px;line-height:20px;font-weight:700}.detail-text{font-size:13px;overflow:hidden;text-overflow:ellipsis}.detail-date,.detail-text{color:hsla(0,0%,100%,.87);padding-left:21px}.detail-date{font-size:14px;font-weight:700}.graph-hint{position:fixed;top:0;bottom:0;line-height:20px;left:35px;width:20px;text-align:center;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;font-size:10px;color:hsla(0,0%,100%,.54)}.tag-highlight{color:#fff;font-weight:700;font-size:18px;line-height:24px;height:24px}.scroll-ind{position:fixed;top:60px;bottom:0;left:calc(50vw - 2px);width:4px;background:#26b3cf}.scroll-ind-top{position:absolute;top:0;left:50%;white-space:nowrap;display:inline-block;color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.col-expanded .hint,.col-expanded .segment,.held .detail-expanded .detail-cate,.held .detail-expanded .detail-date,.held .detail-expanded .detail-icon,.held .detail-expanded .detail-text{opacity:0}.arrow-down{border-color:#fff transparent transparent #fff;border-style:solid;border-width:4px;-webkit-transform:rotate(135deg);transform:rotate(135deg);display:inline-block;box-sizing:border-box;width:4px;height:4px;margin-top:10px}.back{position:fixed;right:18px;color:hsla(0,0%,100%,.54);font-size:12px;top:60px;pointer-events:none;opacity:0;transition:opacity .2s ease}.back-shown{opacity:1;pointer-events:all}.extra-tag{transition:opacity .2s ease;opacity:0}.extra-tag-shown{opacity:1}.last-tag{position:fixed;top:unset;bottom:0}.col-left canvas{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.terminal{position:fixed;transition:opacity .2s ease;pointer-events:none;bottom:0;left:0;right:0;height:80px;font-size:12px;color:hsla(0,0%,100%,.54);display:flex;align-items:center;justify-content:center}.cnt{color:hsla(0,0%,100%,.3);line-height:24px;font-size:10px;position:absolute;left:0;top:0;padding:0 6px}.col-left .cnt{top:auto;bottom:0}.intro-1{-webkit-transform:translateX(60px);transform:translateX(60px)}.intro-3{position:absolute;top:60px;right:18px}.intro-4{position:absolute;top:30px}.intro-confirm{line-height:26px;width:80px;text-align:center;border-radius:13px;background:#fff;color:#000;font-size:14px;position:absolute;top:80vh}.intro-title{font-size:17px;color:#fff}.intro-hint{font-size:14px;color:#fff;max-width:255px;margin-top:33px}.intro-home{display:flex;flex-direction:column;align-items:center}
/*# sourceMappingURL=main.cf98482d.chunk.css.map */