html,body,#root{margin:0;height:100%;font-family:Arial,sans-serif}.app-container{display:flex;height:100%}.sidebar{width:60px;background:#111;color:#fff;transition:width .3s ease;position:relative}.sidebar.expanded{width:220px}.menu-icon{font-size:24px;padding:15px;cursor:pointer}.menu{height:calc(100% - 60px);display:flex;flex-direction:column;justify-content:space-between}.menu-top,.menu-bottom{display:flex;flex-direction:column;margin-bottom:20px}.menu button{background:none;border:none;color:#fff;padding:12px 20px;text-align:left;cursor:pointer;font-size:16px}.menu button:hover{background:#333}.content{flex:1;display:flex;overflow-y:auto;min-height:0}.center-container{margin:auto}@media(max-width:767px){.center-container{width:100%;padding:0 20px;box-sizing:border-box}.search-bar{width:100%;box-sizing:border-box}}.search-bar{width:400px;padding:14px;font-size:18px;border-radius:8px;border:1px solid #ccc}.home-content{display:flex;flex-direction:column;gap:10px;margin-bottom:100px}.home-title{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0;color:#222}.mymarks-outer{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:32px 24px;overflow:auto;background:#f4f4f4}.mymarks-window{position:relative;display:flex;flex-direction:column;width:700px;height:500px;min-width:300px;min-height:200px;border:3px solid #111;background:#fff;box-shadow:4px 4px #111;-webkit-user-select:none;user-select:none}.mymarks-titlebar{display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;padding:6px 12px;flex-shrink:0}.mymarks-appname{font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.mymarks-save-btn{background:#fff;color:#111;border:none;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.3px}.mymarks-save-btn:hover{background:#e0e0e0}.mymarks-tabs{display:flex;align-items:stretch;background:#e8e8e8;border-bottom:3px solid #111;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.mymarks-tabs::-webkit-scrollbar{display:none}.mymarks-tab{display:flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;cursor:pointer;font-size:13px;font-weight:600;border-right:2px solid #bbb;white-space:nowrap;transition:background .1s}.mymarks-tab:hover{background:#d4d4d4}.mymarks-tab.active{background:#fff;border-bottom:3px solid #fff;margin-bottom:-3px}.mymarks-tab.saved .mymarks-tab-dot{background:#22c55e}.mymarks-tab.unsaved .mymarks-tab-dot{background:#ef4444}.mymarks-tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mymarks-tab-title{max-width:120px;overflow:hidden;text-overflow:ellipsis}.mymarks-tab-close{background:none;border:none;cursor:pointer;font-size:15px;line-height:1;color:#555;padding:0 2px;margin-left:2px;font-weight:700}.mymarks-tab-close:hover{color:#111}.mymarks-add-tab{background:none;border:none;cursor:pointer;font-size:18px;padding:0 12px;color:#555;font-weight:700;align-self:center}.mymarks-add-tab:hover{color:#111}.mymarks-editor{flex:1;resize:none;border:none;outline:none;padding:12px 14px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6;background:#fff;color:#111;overflow-y:auto;-webkit-user-select:text;user-select:text}.mymarks-status{display:flex;align-items:center;justify-content:space-between;padding:3px 12px;font-size:11px;font-weight:700;flex-shrink:0;border-top:2px solid #111;letter-spacing:.2px}.mymarks-status.saved{background:#dcfce7;color:#166534}.mymarks-status.unsaved{background:#fee2e2;color:#991b1b}.mymarks-status-hint{font-weight:400;opacity:.7}.mymarks-resize-e,.mymarks-resize-s,.mymarks-resize-se{position:absolute;z-index:10}.mymarks-resize-e{top:0;right:-5px;width:8px;height:100%;cursor:ew-resize}.mymarks-resize-s{bottom:-5px;left:0;height:8px;width:100%;cursor:ns-resize}.mymarks-resize-se{bottom:-6px;right:-6px;width:14px;height:14px;cursor:nwse-resize;background:#111;clip-path:polygon(100% 0,100% 100%,0 100%)}