.login-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.login-cta--inline{padding:7px 12px;background:#f8faff;border:1px solid #e0e7ff;border-radius:8px}.login-cta--block{padding:14px 18px;border-top:1px solid #e2e8f0;background:#f8faff}.login-cta-text{flex:1;font-size:.78rem;color:#334155;line-height:1.5;min-width:0}.login-cta-btn{flex-shrink:0;padding:5px 14px;border:none;border-radius:6px;background:#4285f4;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .12s}.login-cta-btn:hover{background:#3367d6}.login-cta-btn--out{background:transparent;color:#64748b;border:1px solid #e2e8f0;padding:4px 10px}.login-cta-btn--out:hover{background:#f1f5f9;color:#334155}body.dark-mode .login-cta--inline{background:#1e293b;border-color:#334155}body.dark-mode .login-cta--block{background:#1a2234;border-color:#334155}body.dark-mode .login-cta-text{color:#cbd5e1}body.dark-mode .login-cta-btn--out{color:#94a3b8;border-color:#334155}body.dark-mode .login-cta-btn--out:hover{background:#243548;color:#e2e8f0}.mp-overlay{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.mp-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000002e}.mp-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.mp-title{font-size:.9rem;font-weight:700;color:#1e293b;flex:1}.mp-count{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:10px}.mp-close{background:none;border:none;font-size:1.1rem;color:#94a3b8;cursor:pointer;padding:0 4px;line-height:1}.mp-close:hover{color:#334155}.mp-body{flex:1;overflow-y:auto;padding:8px 0}.mp-empty{padding:32px 16px;text-align:center;color:#94a3b8;font-size:.85rem}.mp-list{display:flex;flex-direction:column;gap:0}.mp-item{display:flex;align-items:center;border-bottom:1px solid #f1f5f9}.mp-item:last-child{border-bottom:none}.mp-item-btn{flex:1;display:flex;align-items:center;gap:10px;padding:8px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s;min-width:0}.mp-item-btn:hover{background:#f8fafc}.mp-sprite{width:40px;height:40px;flex-shrink:0;image-rendering:pixelated}.mp-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-item-name{font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-item-sub{font-size:.73rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-actions{display:flex;align-items:center;flex-shrink:0}.mp-delete{background:none;border:none;font-size:1rem;color:#cbd5e1;cursor:pointer;padding:8px 14px;line-height:1;flex-shrink:0;transition:color .1s}.mp-delete:hover{color:#ef4444}.mp-action-btn{background:none;border:none;cursor:pointer;padding:6px 10px;line-height:1;font-size:.8rem;border-radius:4px;transition:background .1s,color .1s}.mp-edit-btn{font-size:.85rem;color:#94a3b8}.mp-edit-btn:hover{color:#334155;background:#f1f5f9}.mp-save-btn{font-weight:600;color:#2563eb}.mp-save-btn:hover{background:#eff6ff}.mp-cancel-btn{color:#94a3b8}.mp-cancel-btn:hover{color:#334155;background:#f1f5f9}.mp-edit-input{width:100%;font-size:.85rem;font-weight:600;color:#1e293b;border:1.5px solid #2563eb;border-radius:4px;padding:2px 6px;background:#fff;font-family:inherit;outline:none}.mp-footer{flex-shrink:0;border-top:1px solid #e2e8f0}.mp-footer .login-cta--block{border-top:none}body.dark-mode .mp-modal{background:#1e293b;box-shadow:0 8px 32px #00000080}body.dark-mode .mp-head{border-color:#334155}body.dark-mode .mp-title{color:#e2e8f0}body.dark-mode .mp-count{background:#0f172a;color:#94a3b8}body.dark-mode .mp-close{color:#64748b}body.dark-mode .mp-close:hover{color:#e2e8f0}body.dark-mode .mp-item{border-color:#334155}body.dark-mode .mp-item-btn:hover{background:#243548}body.dark-mode .mp-item-name{color:#e2e8f0}body.dark-mode .mp-item-sub{color:#94a3b8}body.dark-mode .mp-footer{border-color:#334155}body.dark-mode .mp-edit-btn{color:#64748b}body.dark-mode .mp-edit-btn:hover{color:#e2e8f0;background:#334155}body.dark-mode .mp-save-btn{color:#60a5fa}body.dark-mode .mp-save-btn:hover{background:#1e3a5f}body.dark-mode .mp-cancel-btn{color:#64748b}body.dark-mode .mp-cancel-btn:hover{color:#e2e8f0;background:#334155}body.dark-mode .mp-edit-input{color:#e2e8f0;background:#0f172a;border-color:#3b82f6}