.jojo-wall-panel{padding:20px 16px;background:#0d0d0d;border-top:1px solid #333}#jojoWallModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a103d;border:2px solid #ff00c6;box-shadow:0 0 30px rgb(255 0 198 / .3);z-index:2000000;display:flex;flex-direction:column;overflow:hidden}#jojoWallModal.hidden{display:none}.modal-content{flex:1;position:relative;width:100%;height:100%;background:#0e0e0e;overflow:hidden}.modal-iframe{width:100%;height:100%;border:none;background:#0e0e0e}.modal-close{position:absolute;top:15px;right:15px;background:#a300ff;border:none;color:#fff;font-size:24px;cursor:pointer;border-radius:6px;padding:8px 12px;z-index:10;transition:background 0.3s ease}.modal-close:hover{background:#f0f}.status-message{font-size:14px;color:#ff8080;margin-bottom:10px}.terminal-text{font-family:'Courier New',monospace;color:#0fc;font-size:15px;margin-top:20px;white-space:pre-line}.jojo-wall-panel textarea{width:100%;height:75px;margin-top:10px;padding:10px;font-size:14px;background:#1b1b1b;color:#f1f1f1;border:1px solid #555;border-radius:8px;resize:none;box-sizing:border-box}.jojo-wall-panel textarea:disabled{background:#2b2b2b;color:#777;border:1px dashed #a300ff;opacity:.7;cursor:not-allowed}.jojo-wall-panel button{background:linear-gradient(to right,#a300ff,#5400ff);border:none;color:#fff;font-weight:700;padding:10px 18px;margin-top:14px;cursor:pointer;border-radius:8px;font-size:14px}.jojo-wall-panel button:hover{transform:scale(1.05);box-shadow:0 0 12px #a300ff}.jojo-wall-panel h3{margin-top:25px;color:#ff8ed9;font-size:16px;border-bottom:1px dashed #444;padding-bottom:6px}#noteList{margin-top:15px;list-style:none;padding-left:0}#noteList li{background:#1b1b1b;margin-bottom:12px;padding:12px;border-left:4px solid #a300ff;border-radius:8px;font-size:14px;color:#f0f0f0;position:relative}#noteList li:hover{background:#222;border-left-color:#f0f}.note-main-text{font-weight:700;color:#fcf;margin-bottom:6px}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#bbb;margin-top:8px}.note-date{font-size:13px;color:#aaa;display:flex;align-items:center;gap:6px}.like-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#f9c}.like-button{font-size:18px;transition:all 0.2s ease;cursor:pointer}.like-button.liked{color:#ff4da6;filter:drop-shadow(0 0 6px #ff4da6);transform:scale(1.1)}.like-button.not-liked{color:#555;opacity:.4}.like-button:hover{transform:scale(1.2)}.like-count{font-size:13px}.search-sort-wrapper{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}#searchNotes{padding:8px 10px;flex:1;border-radius:6px;border:1px solid #444;background:#1b1b1b;color:#fff;font-size:13px}#searchNotes:focus{border-color:#a300ff;box-shadow:0 0 8px #a300ff55}.sort-container{display:flex;align-items:center;color:#aaa;font-size:13px}.sort-container label{margin-right:4px}#sortBy{background-color:#1a1a1a;color:#f1f1f1;border:1px solid #444;border-radius:6px;padding:6px 8px;font-size:13px;outline:none}#sortBy:hover{border-color:#ff89ff;cursor:pointer}.own-note{border:2px solid #ff5fc8!important;background:#1e0c33!important}.edit-icon{position:absolute;right:10px;top:8px;cursor:pointer;font-size:16px;opacity:.6;transition:all 0.2s}.edit-icon:hover{opacity:1;transform:scale(1.1)}@media (max-width:768px){#jojoWallModal{border:none}.modal-close{top:15px;right:15px;padding:8px 12px;font-size:24px}}