.align-left[data-v-2af6a632]{display:flex;justify-content:flex-start}.align-right[data-v-2af6a632]{display:flex;justify-content:flex-end}.container{font-size:14px;max-width:480px;margin:0 auto}.cell{width:70%;word-wrap:break-word}.left-cell{float:left}.right-cell{float:right}.fixed-input{display:flex;position:fixed;bottom:0;width:100%;max-width:480px;margin:0 auto;background-color:#fff;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.fixed-input input{flex:1;margin:15px;border:none;outline:none;font-size:16px}.bubble{background:#1e90ff;color:#fff;width:-moz-fit-content;width:fit-content}.balloon{color:#555;padding:10px 20px;position:relative;display:inline-block;margin-top:10px;font-weight:700}.balloon-left{background-color:#a2c2e0;border-radius:20px 20px 20px 0;margin-right:50px}.balloon-right{background-color:#ffb7b2;border-radius:20px 20px 0 20px;margin-left:50px}.empty{height:50px}.empty-top{height:100vh}.button-container{text-align:center}.button{color:#1e90ff;border-radius:20px;padding:10px 10px;position:relative;display:inline-block;margin-top:10px;margin-left:5px;margin-right:5px;cursor:pointer}.del{background:#fff;color:red}.intro{font-size:16px;text-align:center;padding:20px;border-radius:20px}.copyright{font-size:12px;color:#999;text-align:right;margin-top:10px}.top-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;padding:10px;pointer-events:none;justify-content:space-between;box-sizing:border-box}.header-left,.top-header{display:flex;align-items:center}.header-left{gap:10px}.header-actions{display:flex;gap:5px;pointer-events:auto}.header-button{pointer-events:auto;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:6px 10px;border-radius:15px;font-weight:700;color:#1e90ff;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.1);font-size:12px;white-space:nowrap}.header-button:hover{background:#fff}.header-button.del-btn{color:#ff4d4f}.current-title{font-size:12px;color:#999;padding:4px 10px;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.current-title,.menu-button{background:hsla(0,0%,100%,.8)}.menu-button{pointer-events:auto;display:inline-block;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 15px;border-radius:20px;font-weight:700;color:#1e90ff;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.1);font-size:14px}.menu-button:hover{background:#fff;color:#1e90ff}.sidebar-overlay{left:0;width:100%;background:rgba(0,0,0,.4);z-index:1000;transition:opacity .3s}.sidebar,.sidebar-overlay{position:fixed;top:0;height:100%}.sidebar{left:-300px;width:300px;background:#fff;z-index:1001;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column}.sidebar-open{left:0}.sidebar-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:18px;color:#333}.close-button{font-size:24px;cursor:pointer;color:#999;line-height:1}.close-button:hover{color:#333}.sidebar-content{flex:1;overflow-y:auto;padding:10px 0}.no-history{padding:20px;text-align:center;color:#999;font-size:14px}.history-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f5f5f5;transition:background .2s}.history-item:hover{background:#fcfcfc}.active-history{background:#e6f7ff;border-left:4px solid #1e90ff}.history-item:last-child{border-bottom:none}.history-item-title{flex:1;cursor:pointer;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.history-item-title:hover{color:#1e90ff}.history-date{font-size:10px;color:#aaa;margin:0 10px}.history-del{color:#ff4d4f;cursor:pointer;font-size:18px;font-weight:700;padding:5px;opacity:.6;transition:opacity .2s}.history-del:hover{opacity:1;color:#cf1322}.history-edit{color:#1e90ff;cursor:pointer;font-size:14px;padding:5px;opacity:.6;transition:opacity .2s;margin-left:5px}.history-edit:hover{opacity:1}.history-edit-input{border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:14px;width:100%;box-sizing:border-box;outline:none}.history-edit-input:focus{border-color:#1e90ff}.edit-container{flex:1;margin-right:10px}