/* LayerLab reference: 1209 x 1300; graph panel x268 y562 w912 h654.
   Only the clean blue fill at x414 y816 w18 h16 is raster. Data and controls are DOM. */
.lt-records-head{gap:14px;align-items:flex-start;flex-wrap:wrap}.lt-records-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lt-record-view{display:flex;align-items:center;padding:3px;border:1px solid #dce7f8;border-radius:9px;background:#fff;gap:3px;flex:none}.lt-record-view button{min-height:32px;padding:6px 14px;border-radius:6px;color:#788ba9;font-size:11px;font-weight:700}.lt-record-view button[aria-selected=true]{background:#147fff;color:#fff;box-shadow:0 2px 5px #0879fb29}.lt-records-graph .lt-cardhead p{font-size:11px}.lt-records-graph .lt-cardhead{margin-bottom:14px}.lt-g-cards{display:flex;flex-direction:column;gap:16px}.lt-g-card{border:1px solid #dfebfb;border-radius:12px;background:#fff;overflow:hidden}.lt-g-cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 12px;flex-wrap:wrap}.lt-g-cardhead>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.lt-g-cardhead h3{font-size:14px;line-height:1.4;color:#172e55;font-weight:800}.lt-g-cardhead time{display:block;color:#8799b8;font-size:11px;margin-top:3px}.lt-g-unit-icon,.lt-g-selection-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ecf5ff;flex:none;color:#2584ff}.lt-g-unit-icon svg,.lt-g-selection-icon svg{width:21px;height:21px}.lt-g-legend{font-size:10px;gap:12px;flex-wrap:wrap}.lt-g-legend span{white-space:nowrap}.lt-g-unknown-swatch{background:repeating-linear-gradient(135deg,#d6e0ec 0,#d6e0ec 2px,#f3f7fb 2px,#f3f7fb 4px)}.lt-g-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-top:1px solid #edf2fb;border-bottom:1px solid #dfebfb}.lt-g-sheet{min-width:790px;--g-label:145px;--g-total:100px}.lt-g-grid{display:grid;grid-template-columns:var(--g-label) minmax(545px,1fr) var(--g-total);align-items:stretch;min-height:38px}.lt-g-grid>div,.lt-g-grid>span,.lt-g-grid>b{min-width:0}.lt-g-ribbon-row{padding-top:13px;padding-bottom:10px;min-height:48px;align-items:center}.lt-g-col-label{font-size:10px;color:#8294b3;padding-left:15px}.lt-g-ribbon{position:relative;height:23px;border-radius:4px;overflow:visible;background:repeating-linear-gradient(135deg,#e7edf6 0,#e7edf6 2px,#f6f9fd 2px,#f6f9fd 4px)}.lt-g-summary{padding:0 10px;font-size:10px;text-align:center;color:#3987de;font-weight:700;line-height:1.5}.lt-g-ruler{border-top:1px solid #e1eafb;border-bottom:1px solid #e1eafb;background:#f8fbff;min-height:37px}.lt-g-ruler>b{font-size:11px;color:#243c61;display:flex;align-items:center;justify-content:center}.lt-g-ruler>b:first-child{justify-content:flex-start;padding-left:14px}.lt-g-axis{position:relative;min-height:37px;z-index:2}.lt-g-axis>span{position:absolute;top:11px;transform:translateX(-50%);font-size:10px;color:#7088b1;white-space:nowrap;letter-spacing:-.25px}.lt-g-axis>span.first{transform:none;padding-left:2px}.lt-g-axis>span.last{transform:translateX(-100%);padding-right:2px}.lt-g-lane{border-bottom:1px solid #e9eff9;min-height:39px}.lt-g-lane:last-child{border-bottom:0}.lt-g-lane-label{position:sticky;left:0;z-index:3;background:#fff;border-right:1px solid #e5edf8;display:flex;align-items:center;gap:8px;padding:8px 12px;color:#284769}.lt-g-lane-label svg{width:18px;height:18px;color:var(--lane-color);flex:none}.lt-g-lane-label b{font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.lt-g-lane-track{position:relative;min-height:39px;background:linear-gradient(90deg,#f6faff 0,#fcfdff 50%,#f6faff 100%)}.lt-g-gridline{position:absolute;top:0;bottom:0;width:1px;background:#e5edf8;pointer-events:none}.lt-g-lane-duration{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 6px;font-size:11px;color:#334b70;border-left:1px solid #e5edf8;background:#fff;font-weight:700;white-space:nowrap}.lt-g-lane-duration small{font-size:9px;color:#8a9ab0;font-weight:400}.lt-view .lt-g-card .lt-g-bar{position:absolute;top:7px;height:24px;border-radius:4px;background:var(--bar-color);border:1px solid #ffffff66;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible;cursor:pointer;z-index:1;color:#fff}.lt-view .lt-g-card .lt-g-bar[data-process=toc]{background-image:url('/assets/learning-time-graph-study-fill.png');background-size:100% 100%}.lt-view .lt-g-card .lt-g-bar[data-process=book]{color:#154c80}.lt-view .lt-g-card .lt-g-bar[data-process=rest]{color:#334252}.lt-view .lt-g-card .lt-g-bar[data-process=socrates]{color:#383465}.lt-view .lt-g-card .lt-g-bar[data-process=inactive]{color:#773c14}.lt-view .lt-g-card .lt-g-bar>span{font-size:10px;font-weight:800;white-space:nowrap;max-width:100%;overflow:hidden;pointer-events:none;line-height:1}.lt-view .lt-g-card .lt-g-bar::after{content:'';position:absolute;top:-3px;bottom:-3px;left:50%;transform:translateX(-50%);min-width:12px;width:100%}.lt-view .lt-g-card .lt-g-bar.is-ribbon{top:0;height:23px;border-radius:3px}.lt-view .lt-g-card .lt-g-bar.is-selected{outline:2px solid #147fff;outline-offset:2px;z-index:2}.lt-view .lt-g-card .lt-g-bar.is-selected:not(.is-ribbon)::before{content:'';position:absolute;left:50%;top:-6px;bottom:-6px;border-left:1px dashed #4b95ff;pointer-events:none}.lt-view .lt-g-card .lt-g-bar.is-unobserved{background:repeating-linear-gradient(135deg,#d6e0ec 0,#d6e0ec 2px,#f2f6fb 2px,#f2f6fb 4px);color:#6f7c91;border-color:transparent}.lt-view .lt-g-card .lt-g-bar.is-overlap{opacity:.68;border:1px dashed #677995}.lt-g-filtered{position:absolute;top:0;bottom:0;background:#f3f6fb;border-right:1px solid #fff;opacity:.8}.lt-g-selection{margin:14px 14px 15px;padding:11px 12px;border:1px solid #e2ecfa;border-radius:10px;background:#fff;min-width:0}.lt-g-selection>h3{font-size:11px;font-weight:800;color:#314869;margin-bottom:9px}.lt-g-selection>p{font-size:11px;color:#8295b5}.lt-g-selection-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 2px;min-width:0}.lt-g-selection-icon{width:39px;height:39px}.lt-g-selection-label{min-width:0;flex:1;max-width:290px}.lt-g-selection-label strong{font-size:12px;color:#1e365d;font-weight:800;display:block}.lt-g-selection-label small{font-size:10px;color:#8095b4;display:block;line-height:1.5;margin-top:3px}.lt-g-selection-strip time{font-size:11px;color:#7c94b6;white-space:nowrap}.lt-g-selection-strip>b{font-size:18px;color:#126cdd;font-weight:900;white-space:nowrap;letter-spacing:-.5px}.lt-g-round-chip{border-radius:15px;background:#eef6ff;border:1px solid #dceafd;color:#3d85eb;padding:4px 9px;font-size:10px;white-space:nowrap}.lt-g-answers{margin-left:auto;white-space:nowrap;font-size:11px;color:#1c7eff;font-weight:700;padding:8px 3px}.lt-g-selection .lt-cloze-inline{margin-top:11px;padding:12px 0 0;background:#fff}.lt-g-no-answer{font-size:10px;color:#8ba0bf}.lt-g-empty{padding:5px 16px 20px;color:#8095b4;font-size:12px}.lt-g-note{font-size:10px;color:#8ba0bf;line-height:1.6;padding-top:9px;margin:0}.lt-records-graph .lt-total{margin-top:16px}.lt-records-mini .lt-records-tools{gap:7px}.lt-records-mini .lt-record-view button{padding:5px 9px;font-size:10px;min-height:29px}.lt-records-mini .lt-g-cardhead{padding:12px 11px 9px}.lt-records-mini .lt-g-cardhead h3{font-size:12px}.lt-records-mini .lt-g-selection{margin:10px;padding:10px}.lt-records-mini .lt-g-selection-label{max-width:none}.lt-records-mini .lt-g-selection-strip{gap:9px}.lt-records-mini .lt-g-selection-strip time{font-size:10px}.lt-records-mini .lt-g-selection-strip>b{font-size:16px}
@media(max-width:1050px){.lt-records-tools{gap:9px}.lt-records-head>.lt-records-tools{width:100%;justify-content:space-between}.lt-g-cardhead{gap:9px}.lt-g-legend{font-size:9px;gap:9px}}
@media(max-width:620px){.lt-records-head{gap:9px}.lt-records-tools{gap:8px}.lt-record-view button{padding:5px 10px;font-size:10px;min-height:29px}.lt-records-tools .lt-filters button{padding:5px 7px;font-size:9px;min-height:29px}.lt-g-sheet{--g-label:120px;--g-total:90px;min-width:755px}.lt-g-cardhead{padding:12px 10px 9px}.lt-g-cardhead h3{font-size:12px}.lt-g-unit-icon{width:32px;height:32px}.lt-g-legend{width:100%;justify-content:flex-start;margin-left:0}.lt-g-selection{margin:9px;padding:10px}.lt-g-selection-strip{gap:9px}.lt-g-selection-label{flex:1;max-width:none}.lt-g-selection-strip time{white-space:normal;width:calc(100% - 50px);margin-left:48px}.lt-g-selection-strip>b{font-size:17px;margin-left:48px}.lt-g-answers{margin-left:auto}.lt-g-selection-icon{width:35px;height:35px}.lt-g-lane-label{padding-left:9px;padding-right:7px;gap:6px}.lt-g-lane-label b{font-size:10px}.lt-g-lane-duration{font-size:10px}.lt-records-graph .lt-total>span{font-size:10px}.lt-g-scroll::after{content:'좌우로 움직여 시간축을 확인할 수 있어요';display:block;font-size:9px;color:#9aabc3;padding:6px 10px;background:#f9fbff}}

.lt-view .lt-g-card .lt-g-answers{background:transparent;border:0;box-shadow:none;padding:8px 3px;color:#1c7eff}.lt-view .lt-g-card .lt-g-bar{min-width:0;box-shadow:none;line-height:1}.lt-view .lt-g-card .lt-g-bar:hover{filter:brightness(.96)}