.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}#thumb-track .thumb{transform-origin:100%;will-change:transform, opacity;transition:transform .2s ease-in-out,opacity .2s ease-in-out;display:block;overflow:hidden}#thumb-track .thumb.fx-in{opacity:1;transform:scale(1)}#thumb-track .thumb.fx-out{opacity:0;transform:scale(0)}#left-tabs{z-index:20;flex-direction:column;gap:6px;display:flex;position:fixed;top:40px;transform:translate(-100%)}#left-tabs button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff2e;border:0;border-top-left-radius:10px;border-bottom-left-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;padding:0;font-size:13px;line-height:1.1;display:flex}#left-tabs button:first-child{background:#0000004d}#left-tabs button:nth-child(2){color:#111;background:#f5f5f5eb}#left-tabs button:nth-child(3){color:#111;background:#f5f5f5d1}#left-tabs button:nth-child(4){color:#111;background:#f5f5f5b8}#left-tabs button.on{outline:2px solid #ffffff8c}#left-tabs button span+span{opacity:.9;margin-top:4px;font-size:11px}#seco-book{transition:none!important}#left-search-books{grid-template-rows:1fr 1fr;display:grid;position:absolute;inset:0}#left-search-top,#left-books-bottom{position:relative;overflow:hidden}#book-grid{box-sizing:border-box;height:100%;padding:0 20px 16px;overflow-y:auto}#book-grid .testament{column-gap:10px;display:grid}#book-grid .testament.ot{grid-template-columns:repeat(4,minmax(0,1fr))}#book-grid .testament.nt{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}#book-grid .book-col{border-right:1px solid #ffffff24;flex-direction:column;gap:4px;min-width:0;padding-right:1px;display:flex}#book-grid .testament .book-col:last-child{border-right:0;padding-right:0}#book-grid .book-label{color:#fff9;padding-top:1px;font-size:14px}#book-grid button{color:#ffffffeb;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:14px;line-height:1.4;overflow:hidden}#book-grid button:hover{text-decoration:underline}#book-grid .book-sep{background:#ffffff29;height:1px;margin:2px 0}#chapter-marks{z-index:8;pointer-events:auto;width:110px;position:absolute;top:66px;left:680px}#chapter-marks.space{left:1034px}#chapter-marks .marks-scroll{flex-direction:column;gap:6px;max-height:calc(100vh - 120px);padding:2px;display:flex;position:relative;overflow:auto}#chapter-marks .mark{border-top-right-radius:6px;border-bottom-right-radius:6px;align-items:stretch;height:32px;margin-right:5px;display:flex;transform:translate(2px);box-shadow:2px 1px 3px #00000059}#chapter-marks .mark-btn{cursor:pointer;text-align:left;white-space:nowrap;color:inherit;background:0 0;border:0;flex:auto;align-items:center;height:100%;padding:0 8px;font-size:13px;line-height:1.2;transition:all .12s;display:flex}#chapter-marks .mark-x{cursor:pointer;width:32px;height:32px;color:inherit;opacity:0;pointer-events:none;background:0 0;border:0;flex:0 0 18px;justify-content:center;align-items:center;padding:0 0 2px;font-size:14px;transition:opacity .12s;display:flex}#chapter-marks .mark-x.ghost{opacity:0!important;pointer-events:none!important}#chapter-marks .mark:hover .mark-x{opacity:.3;pointer-events:auto}#chapter-marks .mark:hover .mark-x:hover{opacity:1;transform:scale(1.06)}#chapter-marks .mark.current{color:#b5853f;background:#fff;transform:translate(-2px)}#chapter-marks .mark.current .mark-btn{cursor:default}#chapter-marks .mark.placeholder{box-sizing:border-box;border:1px dashed #00000038}#chapter-marks .mark-ph{flex:auto}#chapter-marks .mark.drag-overlay{z-index:30;pointer-events:none;opacity:.96;position:absolute;box-shadow:2px 1px 6px #0006}#settings-btn{z-index:30;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000073;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:fixed;bottom:20px;left:20px}.settings-badge{background:#ff4d4f;border-radius:999px;width:10px;height:10px}#settings-mask{z-index:40;box-sizing:border-box;background:#00000059;justify-content:flex-start;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}#settings-panel{color:#111;background:#fffffff2;border-radius:12px;width:360px;max-width:calc(100vw - 40px);overflow:hidden}#settings-head{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}#settings-head button{cursor:pointer;background:0 0;border:0}#settings-body{padding:10px 14px 14px}.bundle-row{border-bottom:1px solid #0000000f;padding:10px 0}.bundle-row:last-child{border-bottom:0}.bundle-title{margin-bottom:4px;font-size:16px}.bundle-meta{color:#000000b3;margin-bottom:8px;font-size:12px}.bundle-actions{gap:10px;display:flex}.bundle-actions button{cursor:pointer;background:#00000014;border:0;border-radius:8px;padding:8px 10px}.bundle-actions button:disabled{opacity:.6;cursor:default}.bundle-progress{color:#000000b3;margin-top:8px;font-size:12px}.bundle-empty{color:#000000b3;padding:8px 0;font-size:12px}