:is(body,#app) .overview-tabs{border-bottom:1px solid var(--border-primary);gap:4px;margin-bottom:20px;padding:10px 20px 0;display:flex}:is(body,#app) .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:500;transition:background-color .15s,color .15s;display:flex;position:relative}:is(body,#app) .tab-btn:hover:not(.active){background-color:var(--bg-hover);color:var(--text-primary)}:is(body,#app) .tab-btn.active{background-color:var(--bg-hover);color:var(--color-primary);font-weight:600;box-shadow:0 -1px 3px #0000000f}:is(body,#app) .tab-btn.active:after{content:"";background-color:var(--color-primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.overview-tab-content{padding:0 20px 20px}@media (width<=480px){.tab-label{display:none}}:is(body,#app) .recycle-bin-tab{color:var(--text-secondary);margin-left:auto}:is(body,#app) .recycle-bin-tab:hover{color:var(--text-primary)}:is(body,#app) .notebook-card-wrapper{touch-action:pan-y;border-radius:8px;position:relative;overflow:hidden}:is(body,#app) .notebook-card-swipe-bg{color:#fff;opacity:0;user-select:none;pointer-events:none;border-radius:8px;align-items:center;padding:0 16px;font-size:13px;font-weight:600;transition:opacity .12s;display:flex;position:absolute;inset:0}:is(body,#app) .notebook-card-swipe-bg.del{background:var(--color-danger,#ef4444);justify-content:flex-start}:is(body,#app) .notebook-card-swipe-bg.edit{background:var(--color-primary,#3b82f6);justify-content:flex-end}:is(body,#app) .notebook-card-wrapper.sw-right .notebook-card-swipe-bg.del,:is(body,#app) .notebook-card-wrapper.sw-left .notebook-card-swipe-bg.edit{opacity:1}:is(body,#app) .notebook-card-wrapper.sw-anim .notebook-card{transition:transform .18s}