.sidebar{width:18dvw;height:100vh;background-color:#0f0f0f;color:#e0e0e0;transition:transform .3s ease;font-family:Arial,sans-serif;z-index:1;transition:all .3s ease-in-out}.subtle-dashed-border-bottom{border-bottom:2px dashed hsla(0,0%,40%,.3)}.project-zone{padding:0;margin-bottom:5px}.confirmContent-btn{opacity:.85}.confirmContent-btn:hover{opacity:1}.thread-container{position:relative;overflow-y:auto;max-height:65vh;margin-top:10px;list-style:none;padding:0 5px 10px 10px}.thread-container::-webkit-scrollbar{width:5px;background-color:#0f0f0f}.thread-container::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.sidebar.open{transform:translateX(0)}.sidebar.closed{display:none;transform:translateX(-100%)}.menu-toggle{background-color:transparent;border:none;cursor:pointer;color:#fff;transition:left 1s ease}.menu-toggle.right{margin-left:10px;padding:0}.menu-toggle.left{position:fixed;top:13.6px;left:10px}ul{list-style-type:none;padding:0;margin-top:20px}li{padding:8px;cursor:pointer;display:flex;justify-content:space-between;border-radius:5px;align-items:center;font-size:13px}li span{flex-grow:1}.thread-link{text-decoration:none;color:#fff}.thread-link:active,.thread-link:hover,.thread-link:visited{color:#fff}li:hover{background-color:#212121;transition:background-color .2s ease-in-out}.thread-actions{gap:8px}.rename-thread{display:flex;gap:8px;margin-top:8px}.rename-thread input{padding:6px;width:70%;background-color:#222;border:1px solid #444;color:#fff}.rename-thread button{padding:6px 10px;background-color:#444;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease}.rename-thread button:hover{background-color:#666}.header-div{display:flex;flex-direction:column}.header-div-btn{display:flex;align-items:center;justify-content:space-between;gap:15px;background-color:#0f0f0f;font-size:12px;font-weight:600;border-radius:4px;padding:8px 4px;border:none;outline:none;cursor:pointer}.icon{color:#0f0f0f}.header-div-btn:hover .icon{color:#fff}.header-div-btn:hover{background-color:#1e1e1e}.view-all-link{position:relative;padding:0;margin:5px 0 0}.view-all-link:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#bbb;transform:scaleX(0);transition:transform .3s ease-in-out;transform:scaleX(1)}.new-thread{display:flex;gap:10px;margin-top:10px}.new-thread button{padding:10px;width:100%;background-color:#1e1e1e;border-radius:5px;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease;white-space:nowrap}.new-thread button:hover{background-color:#666}.date-group{font-size:14px;font-weight:700;color:#bbb;padding:7px 0;margin-bottom:2px}.popup-actions{position:absolute;top:20px;right:20px;background-color:#fff;border:1px solid #ccc;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.thread-actions{display:flex;flex-direction:column;gap:10px}.thread-actions svg{cursor:pointer}.active-thread{background-color:#212121;transition:background-color .2s ease-in-out}.thread-item .ellipsis-icon{opacity:0;transition:opacity .2s;margin-left:auto}.ellipsis-icon:focus,.thread-item:hover .ellipsis-icon{opacity:1}.editing-textarea{width:100%;background-color:transparent;font-family:Arial,sans-serif;color:#fff;border:none;resize:none;overflow:hidden;padding:8px 0;border-radius:5px;font-size:.95rem}.editing-textarea::-webkit-scrollbar{width:0;height:0}.confirmModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.confirmContent{padding:16px;border-radius:8px;max-width:500px;width:100%;background-color:#1f1f1f;color:#fff;border:1px solid #4c4d4e;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:999}.modalContent{background-color:#0f0f0f;padding:20px;border-radius:8px;position:fixed;height:80dvh;width:40dvw;overflow-y:auto}.modalContent::-webkit-scrollbar{display:none}@media (max-width:600px){.sidebar{width:250px;position:fixed;top:0;left:0;height:100dvh;background-color:#0f0f0f;color:#e0e0e0;transition:transform .3s ease;font-family:Arial,sans-serif;transform:translateX(-100%)}.menu-toggle.right{left:210px}.confirmContent{max-width:unset}}@media (min-width:768px){.sidebar{transform:translateX(0)}}